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

[#268] changed timezone offset calculation (#306)

Browse Source 
Co-authored-by: Camille Moussu <cmoussu@linagora.com>
This commit is contained in:
Camille Moussu
2025-11-14 08:52:02 +01:00
committed by GitHub
parent 917954f7a5
commit 1bc9b0c160
6 changed files with 83 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
__test__/features/Calendars/TimezoneInGrid.test.tsx
+1 -1
View File
@@ -216,7 +216,7 @@ describe("EventDisplayPreview - Timezone Display", () => {
it("displays correct timezone offset for different timezones", async () => {
const timezones = [
{ tz: "America/New_York", expectedOffset: /UTC-[45]/ },
{ tz: "America/New_York", expectedOffset: /UTC[-−][45]/ },
{ tz: "Europe/Paris", expectedOffset: /UTC\+[12]/ },
{ tz: "Asia/Tokyo", expectedOffset: /UTC\+9/ },
{ tz: "Australia/Sydney", expectedOffset: /UTC\+1[01]/ },
__test__/features/Calendars/TimezoneSelector.test.tsx
+53 -7
View File
@@ -1,4 +1,4 @@
import { screen, fireEvent, waitFor } from "@testing-library/react";
import { screen, fireEvent, waitFor, cleanup } from "@testing-library/react";
import { TimezoneSelector } from "../../../src/components/Calendar/TimezoneSelector";
import { renderWithProviders } from "../../utils/Renderwithproviders";
@@ -11,17 +11,25 @@ describe("TimezoneSelector", () => {
it("renders with initial timezone value", () => {
renderWithProviders(
<TimezoneSelector value="America/New_York" onChange={mockOnChange} />
<TimezoneSelector
referenceDate={new Date()}
value="America/New_York"
onChange={mockOnChange}
/>
);
const button = screen.getByRole("button");
expect(button).toBeInTheDocument();
expect(button).toHaveTextContent("UTC-4"); // New York offset
expect(button).toHaveTextContent(/UTC[-−][45]/i); // New York offset
});
it("opens popover when button is clicked", async () => {
renderWithProviders(
<TimezoneSelector value="Europe/Paris" onChange={mockOnChange} />
<TimezoneSelector
referenceDate={new Date()}
value="Europe/Paris"
onChange={mockOnChange}
/>
);
const button = screen.getByRole("button");
@@ -34,7 +42,11 @@ describe("TimezoneSelector", () => {
it("calls onChange when a new timezone is selected", async () => {
renderWithProviders(
<TimezoneSelector value="Europe/Paris" onChange={mockOnChange} />
<TimezoneSelector
referenceDate={new Date()}
value="Europe/Paris"
onChange={mockOnChange}
/>
);
const button = screen.getByRole("button");
@@ -56,7 +68,11 @@ describe("TimezoneSelector", () => {
it("closes popover after timezone selection", async () => {
renderWithProviders(
<TimezoneSelector value="Europe/Paris" onChange={mockOnChange} />
<TimezoneSelector
referenceDate={new Date()}
value="Europe/Paris"
onChange={mockOnChange}
/>
);
const button = screen.getByRole("button");
@@ -79,10 +95,40 @@ describe("TimezoneSelector", () => {
it("displays timezones with half-hour offsets correctly", () => {
renderWithProviders(
<TimezoneSelector value="Asia/Kolkata" onChange={mockOnChange} />
<TimezoneSelector
referenceDate={new Date()}
value="Asia/Kolkata"
onChange={mockOnChange}
/>
);
const button = screen.getByRole("button");
expect(button).toHaveTextContent("UTC+5:30"); // India offset
});
it("shows correct offset for Europe/Paris depending on daylight saving time", () => {
// Summer date (DST on)
const summerDate = new Date("2025-07-15T12:00:00Z");
renderWithProviders(
<TimezoneSelector
value="Europe/Paris"
onChange={mockOnChange}
referenceDate={summerDate}
/>
);
let button = screen.getByRole("button");
expect(button).toHaveTextContent(/UTC\+2\b/);
cleanup();
// Rerender with a winter date (DST off)
const winterDate = new Date("2025-01-15T12:00:00Z");
renderWithProviders(
<TimezoneSelector
value="Europe/Paris"
onChange={mockOnChange}
referenceDate={winterDate}
/>
);
button = screen.getByRole("button");
expect(button).toHaveTextContent(/UTC\+1\b/);
});
});