test(e2e): always input a valid date by using the next month

sgfost · Oct 29, 2024 · cf7f9ea · cf7f9ea
1 parent d105df4
commit cf7f9ea
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 17 deletions.
diff --git a/e2e/cypress/fixtures/data.json b/e2e/cypress/fixtures/data.json
@@ -42,7 +42,7 @@
       "description": "Job Description",
       "summary": "Job Summary",
       "external-url": "https://www.comses.net/",
-      "application-deadline": "29"
+      "application-deadline": "21"
     }
   ]
 }
diff --git a/e2e/cypress/support/util.ts b/e2e/cypress/support/util.ts
@@ -5,3 +5,16 @@
 export function getDataCy(value: string): Cypress.Chainable {
   return cy.get(`[data-cy="${value}"]`);
 }
+
+/**
+ * Select the given day in the next month using the date picker
+ * @param {Cypress.Chainable} element - container element of the datepicker input
+ * @param {number} day - day to select
+ */
+export function selectNextMonthDate(element: Cypress.Chainable, day: number): Cypress.Chainable {
+  element.first().click();
+  return element.within(() => {
+    cy.get('[aria-label="Next month"]').click();
+    cy.contains(day).click();
+  });
+}
diff --git a/e2e/cypress/tests/event.spec.ts b/e2e/cypress/tests/event.spec.ts
@@ -1,5 +1,5 @@
 import { loginBeforeEach } from "../support/setup";
-import { getDataCy } from "../support/util";
+import { getDataCy, selectNextMonthDate } from "../support/util";
 import "cypress-file-upload";
 
 describe("Visit events page", () => {
@@ -31,18 +31,14 @@ describe("Visit events page", () => {
       cy.contains("Submit an event").click();
       getDataCy("event-title").type(event.title);
       getDataCy("event-location").type(event.location);
-      getDataCy("event-start-date").first().click();
-      getDataCy("event-start-date").contains(event["start-date"]).click();
-      getDataCy("event-end-date").first().click();
-      getDataCy("event-end-date").contains(event["end-date"]).click();
-      getDataCy("early-registration-deadline").first().click();
-      getDataCy("early-registration-deadline")
-        .contains(event["early-registration-deadline"])
-        .click();
-      getDataCy("registration-deadline").first().click();
-      getDataCy("registration-deadline").contains(event["registration-deadline"]).click();
-      getDataCy("submission-deadline").first().click();
-      getDataCy("submission-deadline").contains(event["submission-deadline"]).click();
+      selectNextMonthDate(getDataCy("event-start-date"), event["start-date"]);
+      selectNextMonthDate(getDataCy("event-end-date"), event["end-date"]);
+      selectNextMonthDate(
+        getDataCy("early-registration-deadline"),
+        event["early-registration-deadline"]
+      );
+      selectNextMonthDate(getDataCy("registration-deadline"), event["registration-deadline"]);
+      selectNextMonthDate(getDataCy("submission-deadline"), event["submission-deadline"]);
       getDataCy("description").type(event.description);
       getDataCy("summary").type(event.summary);
       getDataCy("external-url").type(event["external-url"]);

diff --git a/e2e/cypress/tests/job.spec.ts b/e2e/cypress/tests/job.spec.ts
@@ -1,5 +1,5 @@
 import { loginBeforeEach } from "../support/setup";
-import { getDataCy } from "../support/util";
+import { getDataCy, selectNextMonthDate } from "../support/util";
 import "cypress-file-upload";
 
 describe("Visit jobs page", () => {
@@ -21,8 +21,7 @@ describe("Visit jobs page", () => {
       getDataCy("job-description").type(job.description);
       getDataCy("job-summary").type(job.summary);
       getDataCy("external-url").type(job["external-url"]);
-      getDataCy("application-deadline").first().click();
-      getDataCy("application-deadline").contains(job["application-deadline"]).click();
+      selectNextMonthDate(getDataCy("application-deadline"), job["application-deadline"]);
       getDataCy("create-button").click();
       cy.wait(2000);
     });