End to End Testing: Test Cases 11.1, 11.2, 11.3

cypress/e2e/Actual-Tests/test_case_11_1.cy.js

@@ -0,0 +1,89 @@
+// Test Case 11.1:
+describe("Manager/Director Approve Pending WFH Requests", () => {
+  // Use before to run setup code before the tests
+  before(() => {
+    // Step 1: Visit the homepage and log in once
+    cy.visit("https://wfh-tracking-system.vercel.app/");
+
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+
+    // Verify the 'Nav Bar' is visible
+    cy.get("nav").should("contain", "All-In-One");
+
+    // Navigate to the login page
+    cy.get("a").click();
+
+    // Step 2: Login as Philip Lee using cy.origin for third-party login
+    cy.origin("https://wfhtrackingsystem.kinde.com", () => {
+      // Input Staff ID
+      cy.get('input[name="p_username"]').type("151408");
+      cy.get('button[type="submit"]').click();
+
+      // Wait for the password input to be visible
+      cy.get('input[name="p_password"]', { timeout: 10000 }).should(
+        "be.visible",
+      );
+      cy.get('input[name="p_password"]').type("password");
+      cy.contains('button[type="submit"]', "Continue").click({
+        multiple: true,
+      });
+    });
+  });
+
+  it("should approve WFH requests 24 hours or more before the WFH date.", () => {
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+    cy.reload();
+
+    // Step 3: Navigate to Requests page
+    cy.get("nav", { timeout: 10000 }).should("contain", "All-In-One");
+    cy.get("nav", { timeout: 10000 }).contains("Arrangement").click();
+    cy.get("nav", { timeout: 10000 }).contains("All requests").click();
+
+    // Step 4: Approve Samsul's request 10 days later
+    function addDaysToCurrentDate(days) {
+      const currentDate = new Date();
+      currentDate.setUTCDate(currentDate.getUTCDate() + days);
+
+      const year = currentDate.getUTCFullYear();
+      const month = String(currentDate.getUTCMonth() + 1).padStart(2, "0");
+      const day = String(currentDate.getUTCDate()).padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    }
+    let dateLater = addDaysToCurrentDate(10);
+
+    cy.get('input[placeholder="Employee"]').type("Samsul");
+    cy.get('input[placeholder="Start date (YYYY-MM-DD)"]').type(dateLater);
+    cy.wait(2000);
+    cy.get('svg[class="lucide lucide-search cursor-pointer"]').click({
+      multiple: true,
+    });
+
+    cy.get('[role="tabpanel"]')
+      .first()
+      .get('svg[class="lucide lucide-arrow-up-right"]')
+      .click();
+
+    // Process sidebar actions
+    cy.get('button[role="combobox"]').click();
+    cy.get('[role="listbox"]').should("be.visible");
+    cy.contains('[role="option"]', "Approve").click();
+    cy.get("textarea")
+      .click()
+      .type("Testing WFH E2E Test Case 11.1");
+    cy.get('button[type="submit"]').click();
+    cy.contains('Arrangement(s) updated successfully').should("be.visible");
+
+  });
+
+  // Clear sessions after each test
+  afterEach(() => {
+    cy.clearCookies();
+    cy.clearLocalStorage();
+    cy.window().then((win) => {
+      win.sessionStorage.clear();
+    });
+  });
+});

cypress/e2e/Actual-Tests/test_case_11_2.cy.js

@@ -0,0 +1,89 @@
+// Test Case 11.2:
+describe("Manager/Director Reject Pending WFH Requests", () => {
+  // Use before to run setup code before the tests
+  before(() => {
+    // Step 1: Visit the homepage and log in once
+    cy.visit("https://wfh-tracking-system.vercel.app/");
+
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+
+    // Verify the 'Nav Bar' is visible
+    cy.get("nav").should("contain", "All-In-One");
+
+    // Navigate to the login page
+    cy.get("a").click();
+
+    // Step 2: Login as Philip Lee using cy.origin for third-party login
+    cy.origin("https://wfhtrackingsystem.kinde.com", () => {
+      // Input Staff ID
+      cy.get('input[name="p_username"]').type("151408");
+      cy.get('button[type="submit"]').click();
+
+      // Wait for the password input to be visible
+      cy.get('input[name="p_password"]', { timeout: 10000 }).should(
+        "be.visible",
+      );
+      cy.get('input[name="p_password"]').type("password");
+      cy.contains('button[type="submit"]', "Continue").click({
+        multiple: true,
+      });
+    });
+  });
+
+  it("should reject WFH requests", () => {
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+    cy.reload();
+
+    // Step 3: Navigate to Requests page
+    cy.get("nav", { timeout: 10000 }).should("contain", "All-In-One");
+    cy.get("nav", { timeout: 10000 }).contains("Arrangement").click();
+    cy.get("nav", { timeout: 10000 }).contains("All requests").click();
+
+    // Step 4: Approve Samsul's request 10 days later
+    function addDaysToCurrentDate(days) {
+      const currentDate = new Date();
+      currentDate.setUTCDate(currentDate.getUTCDate() + days);
+
+      const year = currentDate.getUTCFullYear();
+      const month = String(currentDate.getUTCMonth() + 1).padStart(2, "0");
+      const day = String(currentDate.getUTCDate()).padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    }
+    let dateLater = addDaysToCurrentDate(11);
+
+    cy.get('input[placeholder="Employee"]').type("Samsul");
+    cy.get('input[placeholder="Start date (YYYY-MM-DD)"]').type(dateLater);
+    cy.wait(2000);
+    cy.get('svg[class="lucide lucide-search cursor-pointer"]').click({
+      multiple: true,
+    });
+
+    cy.get('[role="tabpanel"]')
+      .first()
+      .get('svg[class="lucide lucide-arrow-up-right"]')
+      .click();
+
+    // Process sidebar actions
+    cy.get('button[role="combobox"]').click();
+    cy.get('[role="listbox"]').should("be.visible");
+    cy.contains('[role="option"]', "Reject").click();
+    cy.get("textarea")
+      .click()
+      .type("Testing WFH E2E Test Case 11.2");
+    cy.get('button[type="submit"]').click();
+    cy.contains('Arrangement(s) updated successfully').should("be.visible");
+
+  });
+
+  // Clear sessions after each test
+  afterEach(() => {
+    cy.clearCookies();
+    cy.clearLocalStorage();
+    cy.window().then((win) => {
+      win.sessionStorage.clear();
+    });
+  });
+});

cypress/e2e/Actual-Tests/test_case_11_3.cy.js

@@ -0,0 +1,89 @@
+// Test Case 11.3: Edge Case - Approving a Request with Less than 24 Hours Before the WFH Day
+describe("Manager/Director Approve WFH Requests with Less than 24hrs before WFH Day", () => {
+  // Use before to run setup code before the tests
+  before(() => {
+    // Step 1: Visit the homepage and log in once
+    cy.visit("https://wfh-tracking-system.vercel.app/");
+
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+
+    // Verify the 'Nav Bar' is visible
+    cy.get("nav").should("contain", "All-In-One");
+
+    // Navigate to the login page
+    cy.get("a").click();
+
+    // Step 2: Login as Philip Lee using cy.origin for third-party login
+    cy.origin("https://wfhtrackingsystem.kinde.com", () => {
+      // Input Staff ID
+      cy.get('input[name="p_username"]').type("151408");
+      cy.get('button[type="submit"]').click();
+
+      // Wait for the password input to be visible
+      cy.get('input[name="p_password"]', { timeout: 10000 }).should(
+        "be.visible",
+      );
+      cy.get('input[name="p_password"]').type("password");
+      cy.contains('button[type="submit"]', "Continue").click({
+        multiple: true,
+      });
+    });
+  });
+
+  it("should approve WFH requests 24 hours or more before the WFH date.", () => {
+    // Ensure the page has loaded
+    cy.get("body").should("be.visible");
+    cy.reload();
+
+    // Step 3: Navigate to Requests page
+    cy.get("nav", { timeout: 10000 }).should("contain", "All-In-One");
+    cy.get("nav", { timeout: 10000 }).contains("Arrangement").click();
+    cy.get("nav", { timeout: 10000 }).contains("All requests").click();
+
+    // Step 4: Approve Samsul's request 10 days later
+    function addDaysToCurrentDate(days) {
+      const currentDate = new Date();
+      currentDate.setUTCDate(currentDate.getUTCDate() + days);
+
+      const year = currentDate.getUTCFullYear();
+      const month = String(currentDate.getUTCMonth() + 1).padStart(2, "0");
+      const day = String(currentDate.getUTCDate()).padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    }
+    let dateLater = addDaysToCurrentDate(10);
+
+    cy.get('input[placeholder="Employee"]').type("Samsul");
+    cy.get('input[placeholder="Start date (YYYY-MM-DD)"]').type(dateLater);
+    cy.wait(2000);
+    cy.get('svg[class="lucide lucide-search cursor-pointer"]').click({
+      multiple: true,
+    });
+
+    cy.get('[role="tabpanel"]')
+      .first()
+      .get('svg[class="lucide lucide-arrow-up-right"]')
+      .click();
+
+    // Process sidebar actions
+    cy.get('button[role="combobox"]').click();
+    cy.get('[role="listbox"]').should("be.visible");
+    cy.contains('[role="option"]', "Approve").click();
+    cy.get("textarea")
+      .click()
+      .type("Testing WFH E2E Test Case 11.1");
+    cy.get('button[type="submit"]').click();
+    cy.contains('Arrangement(s) updated successfully').should("be.visible");
+
+  });
+
+  // Clear sessions after each test
+  afterEach(() => {
+    cy.clearCookies();
+    cy.clearLocalStorage();
+    cy.window().then((win) => {
+      win.sessionStorage.clear();
+    });
+  });
+});