import { test as base, Page } from "@playwright/test";

interface Fixtures {
  addEmbedListeners: (calNamespace: string) => Promise<void>;
  getActionFiredDetails: (a: { calNamespace: string; actionType: string }) => Promise<any>;
}
export const test = base.extend<Fixtures>({
  addEmbedListeners: async ({ page }: { page: Page }, use) => {
    await use(async (calNamespace: string) => {
      await page.addInitScript(
        ({ calNamespace }: { calNamespace: string }) => {
          //@ts-ignore
          window.eventsFiredStoreForPlaywright = window.eventsFiredStoreForPlaywright || {};
          document.addEventListener("DOMContentLoaded", () => {
            if (parent !== window) {
              // Firefox seems to execute this snippet for iframe as well. Avoid that. It must be executed only for parent frame.
              return;
            }
            console.log("PlaywrightTest:", "Adding listener for __iframeReady");
            //@ts-ignore
            let api = window.Cal;
            if (calNamespace) {
              //@ts-ignore
              api = window.Cal.ns[calNamespace];
            }
            api("on", {
              action: "*",
              callback: (e: any) => {
                //@ts-ignore
                const store = window.eventsFiredStoreForPlaywright;
                let eventStore = (store[`${e.detail.type}-${e.detail.namespace}`] =
                  store[`${e.detail.type}-${e.detail.namespace}`] || []);
                eventStore.push(e.detail);
              },
            });
          });
        },
        { calNamespace }
      );
    });
  },
  getActionFiredDetails: async ({ page }, use) => {
    await use(async ({ calNamespace, actionType }) => {
      return await page.evaluate(
        ({ actionType, calNamespace }) => {
          //@ts-ignore
          return window.eventsFiredStoreForPlaywright[`${actionType}-${calNamespace}`];
        },
        { actionType, calNamespace }
      );
    });
  },
});