@empiricalrun/test-gen 0.42.3 → 0.42.8

package/browser-injected-scripts/annotate-elements.spec.ts

@@ -1,277 +0,0 @@
-// @ts-nocheck
-
-import { test } from "@playwright/test";
-import path from "path";
-
-test("should annotate all links on empirical landing page", async ({
-  page,
-}) => {
-  await page.goto(
-    "https://assets-test.empirical.run/selector-hints-testing/dom-1.html",
-  );
-
-  await page.addScriptTag({
-    path: path.resolve(__dirname, "./annotate-elements.js"),
-  });
-
-  const annotations = await page.evaluate(() => {
-    const { annotations } = annotateClickableElements();
-
-    return Object.entries(annotations).map(([hint, config]) => ({
-      innerText: config.node.innerText,
-      tagName: config.node.tagName,
-      href: config.node.href,
-    }));
-  });
-
-  test.expect(annotations).toEqual([
-    {
-      innerText: "Empirical",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/",
-    },
-    {
-      innerText: "Blog",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/blog",
-    },
-    {
-      innerText: "Contact us",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/contact",
-    },
-    {
-      href: "https://dash.empirical.run/",
-      innerText: "Login ↗\n(opens in a new tab)",
-      tagName: "A",
-    },
-    {
-      innerText: "Get early access",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/contact",
-    },
-    {
-      innerText: "Playwright\n(opens in a new tab)",
-      tagName: "A",
-      href: "https://github.com/microsoft/playwright",
-    },
-    {
-      innerText: "Meet with us",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/contact",
-    },
-    {
-      innerText: "Privacy Policy",
-      tagName: "A",
-      href: "https://assets-test.empirical.run/privacy.html",
-    },
-  ]);
-});
-
-test("should annotate all important items on quizizz page", async ({
-  page,
-}) => {
-  await page.goto(
-    "https://assets-test.empirical.run/selector-hints-testing/dom-2/index.html",
-  );
-
-  await page.addScriptTag({
-    path: path.resolve(__dirname, "./annotate-elements.js"),
-  });
-
-  const annotations = await page.evaluate(() => {
-    const { annotations } = annotateClickableElements();
-
-    return Object.entries(annotations).map(([hint, config]) => ({
-      hint,
-      innerText: config.node.innerText.toLowerCase().trim(),
-      tagName: config.node.tagName,
-      testId: config.node.getAttribute("data-testid"),
-      href: config.node.href,
-    }));
-  });
-
-  test
-    .expect(annotations.find((item) => item.innerText.includes("enter code")))
-    .toBeTruthy();
-  test
-    .expect(annotations.find((item) => item.innerText.includes("get help")))
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("create") &&
-          item.testId === "create-content-button",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("explore") &&
-          item.href === "https://quizizz.com/admin",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("library") &&
-          item.href === "https://quizizz.com/admin/my-library/createdByMe",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("reports") &&
-          item.href === "https://quizizz.com/admin/reports",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("classes") &&
-          item.href === "https://quizizz.com/admin/classes",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("accommodations") &&
-          item.href ===
-          "https://quizizz.com/admin/differentiation/accommodations",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("quizizz ai") &&
-          item.href === "https://quizizz.com/admin/quizizz-ai",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("start your free trial") &&
-          item.href === "https://quizizz.com/super-pricing",
-      ),
-    )
-    .toBeTruthy();
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.innerText.includes("upgrade") &&
-          item.href === "https://quizizz.com/super-pricing?backto=/admin",
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "INPUT" &&
-          item.testId === "emphasized-search-bar-input",
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" &&
-          item.innerText.includes("verify details") &&
-          item.testId === "verify-profile-cta",
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" && item.innerText.includes("for you"),
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" && item.innerText.includes("assessments"),
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" && item.innerText.includes("lessons"),
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" &&
-          item.innerText.includes("interactive videos"),
-      ),
-    )
-    .toBeTruthy();
-
-  test
-    .expect(
-      annotations.find(
-        (item) =>
-          item.tagName === "BUTTON" && item.innerText.includes("passages"),
-      ),
-    )
-    .toBeTruthy();
-});
-
-test("should only annotate input fields on quizizz page", async ({
-  page,
-}) => {
-  await page.goto(
-    "https://assets-test.empirical.run/selector-hints-testing/dom-2/index.html",
-  );
-
-  await page.addScriptTag({
-    path: path.resolve(__dirname, "./annotate-elements.js"),
-  });
-
-  const preference = "fill";
-  const annotations = await page.evaluate((preference) => {
-    const { annotations } = annotateClickableElements({preference: preference});
-
-    return Object.entries(annotations).map(([hint, config]) => ({
-      hint,
-      innerText: config.node.innerText.toLowerCase().trim(),
-      tagName: config.node.tagName,
-      testId: config.node.getAttribute("data-testid"),
-      href: config.node.href,
-    }));
-  },preference);
-
-  test.expect(annotations.length).toBe(1);
-  test.expect(annotations[0].testId).toBe('emphasized-search-bar-input');
-});