sean-brydonandGitHub
bdd3b132d4
* Inital UI + layout setup * use booker approach of grid * event-select - sidebar + store work * adds get schedule by event-type-slug * Calendar toggle * Load schedule from event slug * Add busy events to calendar * useschedule * Store more event info than just slug * Add date override to calendar * Changes sizes on smaller screens * add event title as a tooltip * Ensure header navigation works * Stop navigator throwing errors on inital render * Correct br * Event duration fixes * Add getMoreInfo if user is authed with current request.username * Add calendar color map wip * Add WIP comments for coloured outlines * Revert more info changes * Calculate date override correctly * Add description option * Fix inital schedule data not being populated * Nudge overlap over to make it clearer * Fix disabled state * WIP on math logic * Event list overlapping events logic * NIT about width * i18n + manage calendars link * Delete old troubleshooter * Update packages/features/calendars/weeklyview/components/event/EventList.tsx * Remove t-slots * Fix i18n & install calendar action * sm:imrovments * NITS * Fix types * fix: back button * Month prop null as we control from query param * Add head SEO * Fix headseo import * Fix date override tests
74 lines
3.4 KiB
TypeScript
74 lines
3.4 KiB
TypeScript
import { expect } from "@playwright/test";
|
|
|
|
import dayjs from "@calcom/dayjs";
|
|
|
|
import { test } from "./lib/fixtures";
|
|
|
|
test.describe.configure({ mode: "parallel" });
|
|
|
|
test.describe("Availablity tests", () => {
|
|
test.beforeEach(async ({ page, users }) => {
|
|
const user = await users.create();
|
|
await user.apiLogin();
|
|
await page.goto("/availability");
|
|
// We wait until loading is finished
|
|
await page.waitForSelector('[data-testid="schedules"]');
|
|
});
|
|
|
|
test.afterEach(async ({ users }) => {
|
|
await users.deleteAll();
|
|
});
|
|
|
|
test("Date Overrides", async ({ page }) => {
|
|
await test.step("Can add a date override", async () => {
|
|
await page.locator('[data-testid="schedules"] > li a').click();
|
|
await page.locator('[data-testid="add-override"]').click();
|
|
await page.locator('[id="modal-title"]').waitFor();
|
|
await page.locator('[data-testid="incrementMonth"]').click();
|
|
await page.locator('[data-testid="day"][data-disabled="false"]').nth(0).click();
|
|
await page.locator('[data-testid="date-override-mark-unavailable"]').click();
|
|
await page.locator('[data-testid="add-override-submit-btn"]').click();
|
|
await page.locator('[data-testid="dialog-rejection"]').click();
|
|
await expect(page.locator('[data-testid="date-overrides-list"] > li')).toHaveCount(1);
|
|
await page.locator('[form="availability-form"][type="submit"]').click();
|
|
});
|
|
|
|
await test.step("Date override is displayed in troubleshooter", async () => {
|
|
const response = await page.waitForResponse("**/api/trpc/availability/schedule.update?batch=1");
|
|
const json = await response.json();
|
|
// @ts-expect-error trust me bro
|
|
const date = json[0].result.data.json.schedule.availability.find((a) => !!a.date);
|
|
const troubleshooterURL = `/availability/troubleshoot?date=${dayjs(date.date).format("YYYY-MM-DD")}`;
|
|
await page.goto(troubleshooterURL);
|
|
await page.waitForLoadState("networkidle");
|
|
await expect(page.locator('[data-testid="troubleshooter-busy-time"]')).toHaveCount(1);
|
|
});
|
|
});
|
|
|
|
test("Availability pages", async ({ page }) => {
|
|
await test.step("Can add a new schedule", async () => {
|
|
await page.locator('[data-testid="new-schedule"]').click();
|
|
await page.locator('[id="name"]').fill("More working hours");
|
|
page.locator('[type="submit"]').click();
|
|
await expect(page.locator("[data-testid=availablity-title]")).toHaveValue("More working hours");
|
|
});
|
|
await test.step("Can delete a schedule", async () => {
|
|
await page.getByRole("button", { name: /Go Back/i }).click();
|
|
await page.locator('[data-testid="schedules"] > li').nth(1).getByTestId("schedule-more").click();
|
|
await page.locator('[data-testid="delete-schedule"]').click();
|
|
const toast = await page.waitForSelector('[data-testid="toast-success"]');
|
|
expect(toast).toBeTruthy();
|
|
|
|
await expect(page.locator('[data-testid="schedules"] > li').nth(1)).toHaveCount(0);
|
|
});
|
|
await test.step("Cannot delete a schedule if a single schedule is present", async () => {
|
|
await page.locator('[data-testid="schedules"] > li').nth(0).getByTestId("schedule-more").click();
|
|
await page.locator('[data-testid="delete-schedule"]').click();
|
|
const toast = await page.waitForSelector('[data-testid="toast-error"]');
|
|
expect(toast).toBeTruthy();
|
|
|
|
await expect(page.locator('[data-testid="schedules"] > li').nth(0)).toHaveCount(1);
|
|
});
|
|
});
|
|
});
|