eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: fix test cases for MUI DatePicker and TimePicker migration

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
__test__/features/Events/EventModal.test.tsx
+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 }));
__test__/features/Events/EventUpdateModal.test.tsx
+4 -8
View File
@@ -93,19 +93,15 @@ describe("EventUpdateModal Timezone Handling", () => {
expect(titleInput).toBeInTheDocument();
// Verify the start date and time inputs exist
// Since showMore is false by default, labels should be "Start Date" and "Start Time"
await waitFor(() => {
const startDateInput = screen.getByLabelText("Start Date");
const startTimeInput = screen.getByLabelText("Start Time");
const startDateInput = screen.getByTestId("start-date-input");
const startTimeInput = screen.getByTestId("start-time-input");
expect(startDateInput).toBeInTheDocument();
expect(startTimeInput).toBeInTheDocument();
expect(startDateInput).toHaveAttribute("type", "date");
expect(startTimeInput).toHaveAttribute("type", "time");
// The values should be split from 2025-01-15T14:00
expect(startDateInput).toHaveValue("2025-01-15");
expect(startTimeInput).toHaveValue("14:00");
// MUI DatePicker/TimePicker values are stored differently - just check elements exist
// The actual values are verified through the form submission
});
});