Ax/scrum 182 Add more frontend integration tests (#154)

Co-authored-by: Austin-X <[email protected]>

Author: Austin-X

course-matrix/frontend/__tests__/integration-tests/integration-tests.test.tsx

@@ -11,6 +11,11 @@ import LoginPage from "../../src/pages/Login/LoginPage";
 import Dashboard from "../../src/pages/Dashboard/Dashboard";
 import TimetableBuilder from "../../src/pages/TimetableBuilder/TimetableBuilder";
 import Home from "../../src/pages/Home/Home";
+import { TimetableCompareButton } from "../../src/pages/Home/TimetableCompareButton";
+import { CompareTimetables } from "../../src/pages/Compare/CompareTimetables";
+import TimetableCompareItem from "../../src/pages/Home/TimetableCompareItem";
+import TimetableCardShareKebabMenu from "../../src/pages/Home/TimetableCardShareKebabMenu";
+import ShareDialog from "../../src/pages/TimetableBuilder/ShareDialog";
 
 test("typical flow for creating an account and logging in", () => {
   render(<App />, { wrapper: MemoryRouter });
@@ -126,3 +131,119 @@ test("typical flow for creating a new timetable, adding courses, adding restrict
   expect(screen.queryByText("ACMD01H3")).toBeNull();
   expect(screen.queryByText("Tuesday")).toBeNull();
 });
+
+test("typical flow for generating a timetable via the Generate Button and then favoriting it on the Home Page", () => {
+  render(<App />, { wrapper: MemoryRouter });
+  render(<LoginPage />, { wrapper: MemoryRouter });
+  render(<SignupPage />, { wrapper: MemoryRouter });
+  render(<Dashboard />, { wrapper: MemoryRouter });
+  render(<Home />, { wrapper: MemoryRouter });
+  render(<TimetableBuilder />, { wrapper: MemoryRouter });
+
+  // Creating a new timetable
+  fireEvent.click(screen.getByText("Create New"));
+  fireEvent.click(screen.getByText("Search..."));
+  fireEvent.click(screen.getByText("ACMB10H3"));
+  fireEvent.click(screen.getByText("ACMC01H3"));
+
+  // Generating a timetable
+  fireEvent.click(screen.getByText("Generate Timetable"));
+  expect(screen.getByText("Generated Timetables")).toBeInTheDocument();
+  fireEvent.click(screen.getByText("Save Timetable"));
+  fireEvent.change(screen.getByLabelText("Timetable Name"), {
+    target: { value: "Generated Timetable" },
+  });
+  fireEvent.click(screen.getByText("Save"));
+
+  // Check if user is redirected to home page and timetable is saved
+  expect(screen.getByText("My Timetables")).toBeInTheDocument();
+  expect(screen.getByText("Generated Timetable")).toBeInTheDocument();
+
+  // Favoriting the timetable
+  const favoriteButton = screen.getByText("Generated Timetable")
+    .childNodes[5][2];
+  fireEvent.click(favoriteButton);
+  expect(favoriteButton).toBeChecked();
+});
+
+test("typical flow for sharing and comparing timetables", () => {
+  render(<App />, { wrapper: MemoryRouter });
+  render(<LoginPage />, { wrapper: MemoryRouter });
+  render(<SignupPage />, { wrapper: MemoryRouter });
+  render(<Dashboard />, { wrapper: MemoryRouter });
+  render(<Home />, { wrapper: MemoryRouter });
+  render(<TimetableBuilder />, { wrapper: MemoryRouter });
+  render(<TimetableCompareButton timetables={[]} />, { wrapper: MemoryRouter });
+  render(<CompareTimetables />, { wrapper: MemoryRouter });
+  render(<TimetableCompareItem timetable={undefined} timetableNumber={0} />, {
+    wrapper: MemoryRouter,
+  });
+  render(
+    <TimetableCardShareKebabMenu
+      refetchMyTimetables={function (): void {
+        throw new Error("Function not implemented.");
+      }}
+      refetchSharedTimetables={function (): void {
+        throw new Error("Function not implemented.");
+      }}
+      owner_id={""}
+      calendar_id={0}
+    />,
+    { wrapper: MemoryRouter },
+  );
+  render(
+    <ShareDialog
+      open={false}
+      setOpen={function (): void {
+        throw new Error("Function not implemented.");
+      }}
+      calendar_id={0}
+    />,
+    { wrapper: MemoryRouter },
+  );
+
+  // Creating a new timetable
+  fireEvent.click(screen.getByText("Create New"));
+  fireEvent.click(screen.getByText("Choose meeting sections manually"));
+  fireEvent.click(screen.getByText("Search"));
+  fireEvent.click(screen.getByText("ACMB10H3"));
+  fireEvent.click(screen.getByText("ACMC01H3"));
+  screen.getAllByText("No LEC Selected").forEach((element) => {
+    fireEvent.click(element);
+    fireEvent.click(screen.getByText("LEC 01"));
+  });
+  fireEvent.click(screen.getByText("Create Timetable"));
+  fireEvent.change(screen.getByLabelText("Timetable Name"), {
+    target: { value: "Shared Timetable" },
+  });
+  fireEvent.click(screen.getByText("Save"));
+
+  // Sharing the timetable
+  fireEvent.click(screen.getByText("Shared Timetable").childNodes[3]);
+  expect(screen.getByText("Share Timetable")).toBeInTheDocument();
+  fireEvent.click(screen.getByText("Share Timetable"));
+  fireEvent.change(screen.getByLabelText("Email"), {
+    target: { value: "[email protected]" },
+  });
+  fireEvent.click(screen.getByText("Share"));
+  expect(
+    screen.getByText("Timetable shared successfully!"),
+  ).toBeInTheDocument();
+  fireEvent.click(screen.getByText("Close"));
+
+  // Comparing the user's timetable with a shared timetable
+  fireEvent.click(screen.getByText("Compare"));
+  fireEvent.click(screen.getByText("Timetable 1").childNodes[2]);
+  fireEvent.click(screen.getByText("Mock"));
+  fireEvent.click(screen.getByText("Timetable 2").childNodes[2]);
+  fireEvent.click(screen.getByText("Shared Mock"));
+  fireEvent.click(screen.getByText("Submit"));
+  expect(screen.getByText("Comparing Timetables")).toBeInTheDocument();
+  expect(screen.getByText("Mock")).toBeInTheDocument();
+  expect(screen.getByText("Shared Mock")).toBeInTheDocument();
+
+  // Going back to the home page
+  expect(screen.getByText("Back to Home")).toBeInTheDocument();
+  fireEvent.click(screen.getByText("Back to Home"));
+  expect(screen.getByText("My Timetables")).toBeInTheDocument();
+});