Add some more frontend integration tests

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,99 @@ 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();
+});