import type { Page } from "@playwright/test"; export const createEmbedsFixture = (page: Page) => { return async (calNamespace: string) => { await page.addInitScript( ({ calNamespace }: { calNamespace: string }) => { // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore window.eventsFiredStoreForPlaywright = window.eventsFiredStoreForPlaywright || {}; document.addEventListener("DOMContentLoaded", function tryAddingListener() { if (parent !== window) { // Firefox seems to execute this snippet for iframe as well. Avoid that. It must be executed only for parent frame. // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore window.initialBodyVisibility = document.body.style.visibility; // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore window.initialBodyBackground = document.body.style.background; // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore window.initialValuesSet = true; return; } // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore let api = window.Cal; if (!api) { setTimeout(tryAddingListener, 500); return; } if (calNamespace) { // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore api = window.Cal.ns[calNamespace]; } console.log("PlaywrightTest:", "Adding listener for __iframeReady"); if (!api) { throw new Error(`namespace "${calNamespace}" not found`); } api("on", { action: "*", callback: (e: any) => { // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore window.iframeReady = true; // Technically if there are multiple cal embeds, it can be set due to some other iframe. But it works for now. Improve it when it doesn't work // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore const store = window.eventsFiredStoreForPlaywright; const eventStore = (store[`${e.detail.type}-${e.detail.namespace}`] = store[`${e.detail.type}-${e.detail.namespace}`] || []); eventStore.push(e.detail); }, }); }); }, { calNamespace } ); }; }; export const createGetActionFiredDetails = (page: Page) => { return async ({ calNamespace, actionType }: { calNamespace: string; actionType: string }) => { if (!page.isClosed()) { return await page.evaluate( ({ actionType, calNamespace }) => { // eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore return window.eventsFiredStoreForPlaywright[`${actionType}-${calNamespace}`]; }, { actionType, calNamespace } ); } }; };