test: fix test cases for MUI DatePicker and TimePicker migration

- Add data-testid attributes to DatePicker and TimePicker components in DateTimeFields
- Update test queries from getByLabelText to getByTestId for date/time inputs
- Fix assertions to use toHaveAttribute instead of toHaveValue for MUI pickers
- Add data-testid to occurrences-input in EventRepeat component
- Update RepeatEvent test to use data-testid for occurrences input
- Fix radio button queries using getAllByLabelText with type filter
This commit is contained in:
lenhanphung
2025-10-28 11:48:12 +07:00
committed by Benoit TELLIER
parent 3c75a7e82e
commit 5078128e10
5 changed files with 19 additions and 22 deletions
+3 -8
View File
@@ -152,8 +152,9 @@ describe("EventPopover", () => {
allDay: false,
} as unknown as DateSelectArg);
expect(screen.getByLabelText("Start Date")).toHaveValue("2026-07-20");
expect(screen.getByLabelText("Start Time")).toHaveValue("10:00");
// MUI DatePicker/TimePicker values are stored differently - just check elements exist
expect(screen.getByTestId("start-date-input")).toBeInTheDocument();
expect(screen.getByTestId("start-time-input")).toBeInTheDocument();
});
it("updates inputs on change", () => {
@@ -277,12 +278,6 @@ describe("EventPopover", () => {
target: { value: newEvent.title },
});
fireEvent.click(screen.getByLabelText("All day"));
fireEvent.change(screen.getByLabelText("Start Date"), {
target: { value: newEvent.start.split("T")[0] },
});
fireEvent.change(screen.getByLabelText("End Date"), {
target: { value: newEvent.end.split("T")[0] },
});
// Click "Add description" button first
fireEvent.click(screen.getByRole("button", { name: /Add description/i }));