Alex van AndelGitHubPeer Richelsenkodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>zomars* Extracted UI related logic on the DatePicker, stripped out all logic * wip * fixed small regression due to merge * Fix alignment of the chevrons * Added isToday dot, added onMonthChange so we can fetch this month slots * Added includedDates to inverse excludedDates * removed trpcState * Improvements to the state * All params are now dynamic * This builds the flat map so not all paths block on every new build * Added requiresConfirmation * Correctly take into account getFilteredTimes to make the calendar function * Rewritten team availability, seems to work * Circumvent i18n flicker by showing the loader instead * 'You can remove this code. Its not being used now' - Hariom * Nailed a persistent little bug, new Date() caused the current day to flicker on and off * TS fixes * Fix some eventType details in AvailableTimes * '5 / 6 Seats Available' instead of '6 / Seats Available' * More type fixes * Removed unrelated merge artifact * Use WEBAPP_URL instead of hardcoded * Next round of TS fixes * I believe this was mistyped * Temporarily disabled rescheduling 'this is when you originally scheduled', so removed dep * Sorting some dead code * This page has a lot of red, not all related to this PR * A PR to your PR (#3067) * Cleanup * Cleanup * Uses zod to parse params * Type fixes * Fixes ISR * E2E fixes * Disabled dynamic bookings until post v1.7 * More test fixes * Fixed border position (transparent border) to prevent dot from jumping - and possibly fix spacing * Disabled style nitpicks * Delete useSlots.ts Removed early design artifact * Unlock DatePicker locale * Adds mini spinner to DatePicker Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: zomars <zomars@me.com>
77 lines
2.4 KiB
TypeScript
77 lines
2.4 KiB
TypeScript
import { expect } from "@playwright/test";
|
|
|
|
import { test } from "./lib/fixtures";
|
|
import {
|
|
bookFirstEvent,
|
|
bookTimeSlot,
|
|
selectFirstAvailableTimeSlotNextMonth,
|
|
selectSecondAvailableTimeSlotNextMonth,
|
|
} from "./lib/testUtils";
|
|
|
|
test.describe.configure({ mode: "parallel" });
|
|
|
|
test.describe("dynamic booking", () => {
|
|
test.skip(true, "TODO: Re-enable after v1.7 launch");
|
|
test.beforeEach(async ({ page, users }) => {
|
|
const pro = await users.create();
|
|
await pro.login();
|
|
const free = await users.create({ plan: "FREE" });
|
|
await page.goto(`/${pro.username}+${free.username}`);
|
|
});
|
|
|
|
test.afterEach(async ({ page, users }) => {
|
|
await users.deleteAll();
|
|
});
|
|
|
|
test("book an event first day in next month", async ({ page }) => {
|
|
// Click first event type
|
|
await page.click('[data-testid="event-type-link"]');
|
|
await selectFirstAvailableTimeSlotNextMonth(page);
|
|
await bookTimeSlot(page);
|
|
await expect(page.locator("[data-testid=success-page]")).toBeVisible();
|
|
});
|
|
|
|
test("can reschedule a booking", async ({ page }) => {
|
|
await bookFirstEvent(page);
|
|
|
|
// Logged in
|
|
await page.goto("/bookings/upcoming");
|
|
await page.locator('[data-testid="edit_booking"]').nth(0).click();
|
|
await page.locator('[data-testid="reschedule"]').click();
|
|
await page.waitForNavigation({
|
|
url: (url) => {
|
|
const bookingId = url.searchParams.get("rescheduleUid");
|
|
return !!bookingId;
|
|
},
|
|
});
|
|
await selectSecondAvailableTimeSlotNextMonth(page);
|
|
// --- fill form
|
|
await page.locator('[data-testid="confirm-reschedule-button"]').click();
|
|
await page.waitForNavigation({
|
|
url(url) {
|
|
return url.pathname === "/success" && url.searchParams.get("reschedule") === "true";
|
|
},
|
|
});
|
|
await expect(page.locator("[data-testid=success-page]")).toBeVisible();
|
|
});
|
|
|
|
test("Can cancel the recently created booking", async ({ page }) => {
|
|
await bookFirstEvent(page);
|
|
|
|
await page.goto("/bookings/upcoming");
|
|
await page.locator('[data-testid="cancel"]').first().click();
|
|
await page.waitForNavigation({
|
|
url: (url) => {
|
|
return url.pathname.startsWith("/cancel");
|
|
},
|
|
});
|
|
// --- fill form
|
|
await page.locator('[data-testid="cancel"]').click();
|
|
await page.waitForNavigation({
|
|
url(url) {
|
|
return url.pathname === "/cancel/success";
|
|
},
|
|
});
|
|
});
|
|
});
|