Add cypress logout command

cypress/e2e/login.cy.ts

@@ -12,4 +12,43 @@ describe("login", () => {
     cy.visit("/");
     cy.get("h3.page-title").should("contain", "My courses");
   });
+
+  it("should be able to log out after login", () => {
+    cy.setupDB("login", "setup");
+
+    cy.login();
+
+    // log out the current user
+    cy.logout();
+
+    // when visiting the home page now, it should be redirected to a login form
+    cy.visit("/");
+    cy.get("#login-btn").should("be.visible");
+  });
+
+  it("should be able to log out and redirect after login", () => {
+    cy.setupDB("login", "setup");
+
+    cy.login();
+
+    // log out the current user
+    cy.logout_redirect();
+
+    // should be redirected to a login form
+    cy.get("#login-btn").should("be.visible");
+  });
+
+  it("should be able to click the log out button to log out", () => {
+    cy.setupDB("login", "setup");
+
+    cy.login();
+
+    cy.visit("/");
+
+    // log out by clicking the log out button
+    cy.get("#logout-btn").should("be.visible").click();
+
+    // should redirect to the login screen
+    cy.get("#login-btn").should("be.visible");
+  });
 });

cypress/e2e/section/mentor-student-interaction.cy.ts

@@ -44,7 +44,7 @@ describe("word of the day", () => {
     cy.contains(".primary-btn", /update/i).should("be.disabled"); // disabled because unchanged
 
     // logout
-    cy.visit("/logout/", { method: "POST" });
+    cy.logout();
 
     // log in as student next
     cy.login({ username: "demo_student", password: "pass" });
@@ -89,7 +89,7 @@ describe("word of the day", () => {
     });
 
     // logout
-    cy.visit("/logout/", { method: "POST" });
+    cy.logout();
 
     // log in as mentor again
     cy.login({ username: "demo_mentor", password: "pass" });

cypress/support/commands.ts

@@ -26,6 +26,32 @@ Cypress.Commands.add("login", (loginInfo: LoginInfo = { username: "demo_user", p
     });
 });
 
+/**
+ * Headless logout
+ */
+Cypress.Commands.add("logout", () => {
+  cy.getCookie("csrftoken").then(csrfCookie => {
+    return cy.request({
+      method: "POST",
+      url: "/logout/",
+      form: true,
+      body: { csrfmiddlewaretoken: csrfCookie.value }
+    });
+  });
+});
+
+/**
+ * Logout with redirect
+ */
+Cypress.Commands.add("logout_redirect", () => {
+  cy.getCookie("csrftoken").then(csrfCookie => {
+    cy.visit("/logout/", {
+      method: "POST",
+      body: { csrfmiddlewaretoken: csrfCookie.value }
+    });
+  });
+});
+
 interface SetupDBOptions {
   force?: boolean;
   mutate?: boolean;

cypress/support/index.d.ts

@@ -11,6 +11,8 @@ interface SetupDBOptions {
 declare namespace Cypress {
   interface Chainable {
     login(loginInfo?: LoginInfo): Chainable<void>;
+    logout(): Chainable<void>;
+    logout_redirect(): Chainable<void>;
     setupDB(script_name: string, func_name: string, options?: SetupDBOptions): Chainable<void>;
     initDB(): Chainable<void>;
     _exec(command: string): Chainable<void>;