maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add floating button tests (#9501) 

Co-authored-by: Carles Mitjans <cmitjans@DYX3773MX7.local>
This commit is contained in:
Carles Mitjans 2023-06-29 10:03:34 +02:00 committed by GitHub
parent 19f76e86d9
commit 8bbc05b1e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/embeds/embed-core/playground.ts
View File

@ -331,7 +331,7 @@ Cal("init", "routingFormDark", {
if (only === "all" || only == "ns:floatingButton") {
Cal.ns.floatingButton("floatingButton", {
calLink: "pro/30min",
calLink: "pro",
config: {
iframeAttrs: {
id: "floatingtest",

51
packages/embeds/embed-core/playwright/tests/action-based.e2e.ts
View File

@ -51,6 +51,7 @@ testBothBookers.describe("Popup Tests", (bookerVariant) => {
test.afterEach(async () => {
await deleteAllBookingsByEmail("embed-user@example.com");
});
test("should open embed iframe on click - Configured with light theme", async ({
page,
addEmbedListeners,
@ -105,9 +106,55 @@ testBothBookers.describe("Popup Tests", (bookerVariant) => {
});
});
todo("Floating Button Test with Dark Theme");
test("should open embed iframe on floating button clicked", async ({
page,
addEmbedListeners,
getActionFiredDetails,
}) => {
const calNamespace = "floatingButton";
await addEmbedListeners(calNamespace);
await page.goto("/?only=ns:floatingButton");
todo("Floating Button Test with Light Theme");
await page.click('[data-cal-namespace="floatingButton"] > button');
const embedIframe = await getEmbedIframe({ calNamespace, page, pathname: "/pro" });
await expect(embedIframe).toBeEmbedCalLink(calNamespace, getActionFiredDetails, {
pathname: "/pro",
});
if (!embedIframe) {
throw new Error("Embed iframe not found");
}
const { uid: bookingId } = await bookFirstEvent("pro", embedIframe, page, bookerVariant);
const booking = await getBooking(bookingId);
expect(booking.attendees.length).toBe(3);
});
test("should open embed iframe with dark theme on floating button clicked", async ({
page,
addEmbedListeners,
getActionFiredDetails,
}) => {
const calNamespace = "floatingButton";
await addEmbedListeners(calNamespace);
await page.goto("/?only=ns:floatingButton");
await page.click('[data-cal-namespace="floatingButton"] > button');
const embedIframe = await getEmbedIframe({ calNamespace, page, pathname: "/pro" });
await expect(embedIframe).toBeEmbedCalLink(calNamespace, getActionFiredDetails, {
pathname: "/pro",
});
if (!embedIframe) {
throw new Error("Embed iframe not found");
}
const html = embedIframe.locator("html");
await expect(html).toHaveAttribute("class", "dark");
});
todo("Add snapshot test for embed iframe");