4f69c0e502
* Fix embed queue * Fix getCalApi namespace use * Fixes * Add more e2e * Fix test * Fix syntax error in generated code * Make getCalApi argument optional * Fix types * Add more namespacing tests --------- Co-authored-by: Joe Au-Yeung <65426560+joeauyeung@users.noreply.github.com>
68 lines
2.9 KiB
TypeScript
68 lines
2.9 KiB
TypeScript
import { expect } from "@playwright/test";
|
|
|
|
// eslint-disable-next-line no-restricted-imports
|
|
import { test } from "@calcom/web/playwright/lib/fixtures";
|
|
|
|
import { getEmbedIframe } from "../lib/testUtils";
|
|
|
|
test.describe("Namespacing", () => {
|
|
test.describe("Inline Embed", () => {
|
|
test("Add inline embed using a namespace without reload", async ({ page, embeds }) => {
|
|
const calNamespace = "withoutReloadNamespace";
|
|
await embeds.gotoPlayground({ calNamespace, url: "/" });
|
|
await page.click("#add-inline-embed-in-a-new-namespace-without-reload-button");
|
|
const embedIframe = await getEmbedIframe({ calNamespace, page, pathname: "/pro" });
|
|
expect(embedIframe).toBeEmbedCalLink(calNamespace, embeds.getActionFiredDetails, {
|
|
pathname: "/pro",
|
|
searchParams: {
|
|
case: "addInlineEmbedInANewNamespaceWithoutReload",
|
|
},
|
|
});
|
|
});
|
|
|
|
test("Double install Embed Snippet with inline embed using a namespace", async ({ page, embeds }) => {
|
|
const calNamespace = "doubleInstall";
|
|
await embeds.gotoPlayground({ calNamespace, url: "/" });
|
|
await page.click("#double-install-snippet-with-inline-embed-non-default-namespace-button");
|
|
const embedIframe = await getEmbedIframe({ calNamespace, page, pathname: "/pro" });
|
|
expect(embedIframe).toBeEmbedCalLink(calNamespace, embeds.getActionFiredDetails, {
|
|
pathname: "/pro",
|
|
searchParams: {
|
|
case: "doubleInstallSnippetWithInlineEmbedWithNonDefaultNamespace",
|
|
},
|
|
});
|
|
expect(await page.locator("iframe").count()).toBe(1);
|
|
});
|
|
|
|
test("Double install Embed Snippet with inline embed without a namespace(i.e. default namespace)", async ({
|
|
page,
|
|
embeds,
|
|
}) => {
|
|
const calNamespace = "";
|
|
await embeds.gotoPlayground({ calNamespace, url: "/" });
|
|
await page.click("#double-install-snippet-with-inline-embed-default-namespace-button");
|
|
const embedIframe = await getEmbedIframe({ calNamespace, page, pathname: "/pro" });
|
|
expect(embedIframe).toBeEmbedCalLink(calNamespace, embeds.getActionFiredDetails, {
|
|
pathname: "/pro",
|
|
searchParams: {
|
|
case: "doubleInstallSnippetWithInlineEmbed",
|
|
},
|
|
});
|
|
expect(await page.locator("iframe").count()).toBe(1);
|
|
});
|
|
});
|
|
test("Different namespaces can have different init configs", async ({ page, embeds }) => {
|
|
await Promise.all([
|
|
embeds.addEmbedListeners("namespace-init-test-1"),
|
|
embeds.addEmbedListeners("namespace-init-test-2"),
|
|
]);
|
|
|
|
await page.goto("/");
|
|
await page.click("#two-different-namespace-with-different-init-config");
|
|
const namespace1IframeSrc = await page.locator("iframe").nth(0).getAttribute("src");
|
|
const namespace2IframeSrc = await page.locator("iframe").nth(1).getAttribute("src");
|
|
expect(namespace1IframeSrc).toContain("http://localhost:3000/pro");
|
|
expect(namespace2IframeSrc).toContain("http://127.0.0.1:3000/pro");
|
|
});
|
|
});
|