3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-07-25 20:27:44 +02:00
Code Issues Projects Releases Packages Wiki Activity

✅ Update timezone change tests (#1319)

Browse source
This commit is contained in:
Luke Vella 2024-09-06 14:48:00 +01:00 • committed by GitHub
parent 3b863d2604
commit f647fa0824
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 54 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

102
apps/web/tests/timezone-change.spec.ts
View file

@ -1,78 +1,84 @@
import { expect, test } from "@playwright/test"; import { expect, test } from "@playwright/test";
test.describe("Timezone change", () => { test.describe("Timezone Change", () => {
test("should show a dialog when the timezone changes", async ({ page }) => { test.beforeEach(async ({ page }) => {
await page.goto("/"); await page.goto("/");
await page.evaluate(() => { await page.evaluate(() => {
localStorage.setItem("previousTimeZone", "some other timezone"); localStorage.clear();
}); });
await page.reload();
const dialog = page.locator("text=Timezone Change Detected");
await expect(dialog).toBeVisible();
}); });
test("should not show a dialog when the timezone does not change", async ({ test("does not show modal on initial load with no previous timezone", async ({
page, page,
}) => { }) => {
await page.goto("/");
await page.evaluate(() => {
localStorage.setItem(
"previousTimeZone",
Intl.DateTimeFormat().resolvedOptions().timeZone,
);
});
await page.reload(); await page.reload();
const dialog = page.locator("text=Timezone Change Detected"); const modal = page.locator("text=Timezone Change Detected");
await expect(dialog).toBeHidden(); await expect(modal).toBeHidden();
}); });
test("should not show dialog after user accepts a change", async ({ test("does not show modal if stored timezone matches current timezone", async ({
page, page,
}) => { }) => {
await page.goto("/"); const currentTimeZone = await page.evaluate(
await page.evaluate(() => { () => Intl.DateTimeFormat().resolvedOptions().timeZone,
localStorage.setItem("previousTimeZone", "some other timezone"); );
}); await page.evaluate(
(tz) => localStorage.setItem("previousTimeZone", tz),
currentTimeZone,
);
await page.reload();
const modal = page.locator("text=Timezone Change Detected");
await expect(modal).toBeHidden();
});
test("shows modal if stored timezone is different from current timezone", async ({
page,
}) => {
await page.evaluate(() =>
localStorage.setItem("previousTimeZone", "Fake/Timezone"),
);
await page.reload();
const modal = page.locator("text=Timezone Change Detected");
await expect(modal).toBeVisible();
});
test("accepting timezone change updates preferences and does not show modal again", async ({
page,
}) => {
await page.evaluate(() =>
localStorage.setItem("previousTimeZone", "Fake/Timezone"),
);
await page.reload(); await page.reload();
await page.waitForSelector("text=Timezone Change Detected");
await page.click("text=Yes, update my timezone"); await page.click("text=Yes, update my timezone");
await page.reload(); await page.reload();
const dialog = page.locator("text=Timezone Change Detected"); const modal = page.locator("text=Timezone Change Detected");
await expect(dialog).toBeHidden(); await expect(modal).toBeHidden();
}); });
test("should not show dialog after user declines a change", async ({ test("declining timezone change updates localStorage but does not change preferences", async ({
page, page,
}) => { }) => {
await page.goto("/"); await page.evaluate(() =>
await page.evaluate(() => { localStorage.setItem("previousTimeZone", "Fake/Timezone"),
localStorage.setItem("previousTimeZone", "some other timezone"); );
});
await page.reload(); await page.reload();
await page.waitForSelector("text=Timezone Change Detected");
await page.click("text=No, keep the current timezone"); await page.click("text=No, keep the current timezone");
await page.reload(); await page.reload();
const dialog = page.locator("text=Timezone Change Detected"); const modal = page.locator("text=Timezone Change Detected");
await expect(dialog).toBeHidden(); await expect(modal).toBeHidden();
}); });
test.describe("when localStorage is not available", () => { test("does not show modal if localStorage is not available", async ({
test.beforeEach(async ({ page }) => { page,
await page.evaluate(() => { }) => {
Object.defineProperty(window, "localStorage", { await page.addInitScript(() => {
value: undefined, Object.defineProperty(window, "localStorage", {
writable: true, value: undefined,
}); writable: true,
}); });
}); });
await page.reload();
test("should not show a dialog when the timezone changes", async ({ const modal = page.locator("text=Timezone Change Detected");
page, await expect(modal).toBeHidden();
}) => {
await page.goto("/");
await page.reload();
const dialog = page.locator("text=Timezone Change Detected");
await expect(dialog).toBeHidden();
});
}); });
}); });