kunai-runner 6.10.101

package/tests/suite/01-preflight.spec.ts

@@ -0,0 +1,147 @@
+import { test, expect } from "@playwright/test";
+const process = (globalThis as any).process;
+
+/**
+ * @tags @standard
+ *
+ * Preflight health-checks for a standard UNC Dataverse instance.
+ * Verifies the home page, header nav, and footer before any auth runs.
+ * Skip this test (--grep-invert @standard) when targeting a 21 CFR instance.
+ */
+
+async function followLinkInPlace(
+  page: import("@playwright/test").Page,
+  linkLocator: import("@playwright/test").Locator,
+  assertions: (page: import("@playwright/test").Page) => Promise<void>,
+) {
+  const href = await linkLocator.getAttribute("href");
+  if (!href) throw new Error("Link has no href");
+  const from = page.url();
+  await page.goto(href);
+  await page.waitForLoadState("domcontentloaded");
+  await assertions(page);
+  await page.goto(from);
+  await page.waitForLoadState("domcontentloaded");
+}
+
+test("Preflight", { tag: ["@standard"] }, async ({ page }) => {
+  if (process.env.SKIP_PREFLIGHT === "true") return;
+  await page.goto("/");
+
+  // ─────────────────────────────────────────────
+  // HEADER
+  // ─────────────────────────────────────────────
+  const navbar = page.locator("#navbarFixed");
+
+  // 1. UNC Dataverse logo loads and is visible
+  const logo = navbar.locator('img[alt="UNC Dataverse homepage"].custom-logo');
+  await expect(logo).toBeVisible();
+  const logoLoaded = await logo.evaluate(
+    (img: HTMLImageElement) => img.naturalWidth > 0,
+  );
+  expect(logoLoaded).toBe(true);
+
+  // 2. Search returns results for "unc"
+  await navbar.getByRole("link", { name: "Search" }).click();
+  await navbar.locator("#navbarsearch").type("unc");
+  await navbar
+    .locator('button[type="submit"][aria-labelledby="searchNavLabel"]')
+    .click();
+  await expect(page).toHaveURL(/\/dataverse\/unc\?q=unc/);
+  const rows = page.locator("#searchResults #dv-main #resultsTable tbody tr");
+  await expect(rows.first()).toBeVisible();
+  expect(await rows.count()).toBeGreaterThan(0);
+  await page.goto("/");
+
+  // 3. About → tdx.unc.edu, mentions "Dataverse"
+  await followLinkInPlace(
+    page,
+    navbar.getByRole("link", { name: "About" }),
+    async (p) => {
+      await expect(p).toHaveURL(/tdx\.unc\.edu/);
+      await expect(p.getByText(/Dataverse/i).first()).toBeVisible();
+    },
+  );
+
+  // 4. User Guide → guides.dataverse.org, heading "User Guide" visible
+  await followLinkInPlace(
+    page,
+    navbar.getByRole("link", { name: "User Guide" }),
+    async (p) => {
+      await expect(p).toHaveURL(/guides\.dataverse\.org/);
+      await expect(
+        p.getByRole("heading", { name: "User Guide" }),
+      ).toBeVisible();
+    },
+  );
+
+  // 5. Support → tdx.unc.edu, mentions "Dataverse"
+  await followLinkInPlace(
+    page,
+    navbar.getByRole("link", { name: "Support" }),
+    async (p) => {
+      await expect(p).toHaveURL(/tdx\.unc\.edu/);
+      await expect(p.getByText(/Dataverse/i).first()).toBeVisible();
+    },
+  );
+
+  // ─────────────────────────────────────────────
+  // FOOTER
+  // ─────────────────────────────────────────────
+  const footer = page.locator(".custom-footer");
+
+  // 1. RDMC logo loads and is visible
+  const footerLogo = footer.locator('img[alt="UNC Dataverse"]');
+  await expect(footerLogo).toBeVisible();
+  const footerLogoLoaded = await footerLogo.evaluate(
+    (img: HTMLImageElement) => img.naturalWidth > 0,
+  );
+  expect(footerLogoLoaded).toBe(true);
+
+  // 2. UNC Dataverse User Guide → tdx.unc.edu, has word "Guide"
+  await followLinkInPlace(
+    page,
+    footer.getByRole("link", { name: "UNC Dataverse User Guide" }),
+    async (p) => {
+      await expect(p).toHaveURL(/tdx\.unc\.edu/);
+      await expect(p.getByText(/Guide/i).first()).toBeVisible();
+    },
+  );
+
+  // 3. UNC Dataverse Terms → tdx.unc.edu, has "Terms of Use"
+  await followLinkInPlace(
+    page,
+    footer.getByRole("link", { name: "UNC Dataverse Terms" }),
+    async (p) => {
+      await expect(p).toHaveURL(/tdx\.unc\.edu/);
+      await expect(p.getByText(/Terms of Use/i).first()).toBeVisible();
+    },
+  );
+
+  // 4. RDMC Data Services → URL contains "basic" & "services"
+  await followLinkInPlace(
+    page,
+    footer.getByRole("link", { name: "RDMC Data Services" }),
+    async (p) => {
+      const url = p.url().toLowerCase();
+      expect(url).toContain("basic");
+      expect(url).toContain("services");
+      await expect(p.getByText(/Service/i).first()).toBeVisible();
+    },
+  );
+
+  // 5. Submit via RDMC service portal → tdx.unc.edu, has "RDMC"
+  await followLinkInPlace(
+    page,
+    footer.getByRole("link", { name: /Submit via RDMC service portal/i }),
+    async (p) => {
+      await expect(p).toHaveURL(/tdx\.unc\.edu/);
+      await expect(p.getByText(/RDMC/i).first()).toBeVisible();
+    },
+  );
+
+  // 6. Email anchor has a mailto: href (no navigation needed)
+  const emailLink = footer.getByRole("link", { name: /Email/i });
+  const emailHref = await emailLink.getAttribute("href");
+  expect(emailHref?.toLowerCase()).toBe("mailto:rdmcarchive@unc.edu");
+});

package/tests/suite/02-account-management.spec.ts

@@ -0,0 +1,113 @@
+import { test, expect } from "@playwright/test";
+
+/**
+ * @tags @standard
+ *
+ * Section 1, Test #2 — Account Management
+ * Exercises My Data, Notifications, Account Information, and API Token
+ * from the authenticated user dropdown.
+ */
+
+test(
+  "Section 1: Account Management",
+  { tag: ["@standard"] },
+  async ({ page }) => {
+    await page.goto("/");
+
+    const userMenuTrigger = page.locator("span#userDisplayInfoTitle");
+
+    // ─────────────────────────────────────────────
+    // 1. My Data
+    // ─────────────────────────────────────────────
+    await userMenuTrigger.click();
+    const dropdownMenu = page
+      .locator("ul.dropdown-menu")
+      .filter({ has: page.getByRole("link", { name: "Log Out" }) });
+    await expect(dropdownMenu).toBeVisible();
+
+    await dropdownMenu.getByRole("link", { name: "My Data" }).click();
+    await expect(page).toHaveURL(
+      /dataverseuser\.xhtml\?selectTab=dataRelatedToMe/,
+    );
+
+    const cardResults = page.locator("#resultsTable #div-card-results");
+    await expect(cardResults).toBeVisible();
+    const subDivs = cardResults.locator("> div");
+    expect(await subDivs.count()).toBeGreaterThan(0);
+
+    await page.goto("/");
+    await userMenuTrigger.click();
+    await expect(dropdownMenu).toBeVisible();
+
+    // ─────────────────────────────────────────────
+    // 2. Notifications
+    // ─────────────────────────────────────────────
+    await dropdownMenu.getByRole("link", { name: "Notifications" }).click();
+    await expect(page).toHaveURL(
+      /dataverseuser\.xhtml\?selectTab=notifications/,
+    );
+    await expect(
+      page.getByRole("link", { name: "Notifications" }).first(),
+    ).toBeVisible();
+
+    await page.goto("/");
+    await userMenuTrigger.click();
+    await expect(dropdownMenu).toBeVisible();
+
+    // ─────────────────────────────────────────────
+    // 3. Account Information
+    // ─────────────────────────────────────────────
+    await dropdownMenu
+      .getByRole("link", { name: "Account Information" })
+      .click();
+    await expect(page).toHaveURL(/dataverseuser\.xhtml\?selectTab=accountInfo/);
+
+    const metadataTable = page.locator("table.metadata");
+    await expect(metadataTable).toBeVisible();
+
+    for (const heading of ["Username", "Given Name", "Family Name", "Email"]) {
+      await expect(
+        metadataTable.getByRole("rowheader", { name: heading }),
+      ).toBeVisible();
+    }
+
+    await expect(page.getByText(/Verified/i).first()).toBeVisible();
+
+    await page.goto("/");
+    await userMenuTrigger.click();
+    await expect(dropdownMenu).toBeVisible();
+
+    // ─────────────────────────────────────────────
+    // 4. API Token
+    // ─────────────────────────────────────────────
+    await dropdownMenu.getByRole("link", { name: "API Token" }).click();
+    await expect(page).toHaveURL(/dataverseuser\.xhtml\?selectTab=apiTokenTab/);
+
+    const createTokenBtn = page.getByRole("button", { name: "Create Token" });
+    await expect(createTokenBtn).toBeVisible();
+    await createTokenBtn.click();
+    await page.waitForTimeout(1000);
+
+    const tokenCode = page.locator("#apiToken pre code");
+    await expect(tokenCode).toBeVisible();
+    const tokenText = await tokenCode.textContent();
+    expect(tokenText).toMatch(/[a-zA-Z]/);
+    expect(tokenText).toMatch(/[0-9]/);
+    expect(tokenText).toContain("-");
+
+    await expect(page.getByText(/Expiration Date/i).first()).toBeVisible();
+
+    const expirationTd = page
+      .locator("table.metadata tbody tr")
+      .filter({ has: page.locator("th", { hasText: "Expiration Date" }) })
+      .locator("td");
+    const expirationText = await expirationTd.textContent();
+    const currentYear = new Date().getFullYear();
+    expect(expirationText).toContain(String(currentYear + 1));
+
+    await page.getByRole("button", { name: "Revoke Token" }).click();
+    await expect(createTokenBtn).toBeVisible();
+
+    await page.goto("/");
+  },
+);

package/tests/suite/03-create-dataverse.spec.ts

@@ -0,0 +1,114 @@
+import { test, expect } from "@playwright/test";
+import { writeDataverseId } from "./s02-state";
+const process = (globalThis as any).process;
+
+/**
+ * @tags @standard
+ *
+ * Section 2, Test #1 — Dataverse Creation
+ * Creates a new child dataverse under ROOT_DATAVERSE and persists its
+ * identifier for downstream tests in this section.
+ */
+
+test(
+  "Section 2: Create Dataverse",
+  { tag: ["@standard"] },
+  async ({ page }) => {
+    const suffix = Date.now().toString(36);
+    const dataverseIdentifier = `gorilla-tiger-monkey-${suffix}`;
+
+    const rootDataverse = process.env.ROOT_DATAVERSE ?? "/dataverse/unc";
+    await page.goto(rootDataverse);
+
+    await page.getByRole("button", { name: "Add Data" }).click();
+    await page.getByRole("link", { name: "New Dataverse" }).click();
+    await page.waitForLoadState("domcontentloaded");
+
+    // ─── Metadata Fields ───
+    const metadataRootChk = page.locator('[id="dataverseForm:metadataRoot"]');
+    const optionBlock = page.locator('[id="dataverseForm:optionBlock"]');
+
+    await expect(metadataRootChk).toBeChecked();
+
+    const checkboxDivs = optionBlock.locator("div.checkbox");
+    const labelCount = await checkboxDivs.count();
+    expect(labelCount).toBeGreaterThan(0);
+
+    for (let i = 0; i < labelCount; i++) {
+      await expect(
+        checkboxDivs.nth(i).locator("label input[type='checkbox']"),
+      ).toHaveAttribute("disabled");
+    }
+
+    await metadataRootChk.uncheck();
+
+    await expect(
+      checkboxDivs.nth(0).locator("label input[type='checkbox']"),
+    ).toHaveAttribute("disabled");
+    for (let i = 1; i < labelCount; i++) {
+      await expect(
+        checkboxDivs.nth(i).locator("label input[type='checkbox']"),
+      ).not.toHaveAttribute("disabled");
+    }
+
+    await metadataRootChk.check();
+
+    const metaContinueBtn = page
+      .locator("button:visible")
+      .filter({ has: page.locator("span", { hasText: "Continue" }) });
+    await expect(metaContinueBtn).toBeVisible();
+    await metaContinueBtn.click();
+
+    for (let i = 0; i < labelCount; i++) {
+      await expect(
+        checkboxDivs.nth(i).locator("label input[type='checkbox']"),
+      ).toHaveAttribute("disabled");
+    }
+
+    // ─── Browse/Search Facets ───
+    const facetsRoot = page.locator('[id="dataverseForm:facetsRoot"]');
+    const editFacets = page.locator('[id="dataverseForm:editFacets"]');
+    const picklistHeaderInner = editFacets
+      .locator("div.ui-picklist-list-wrapper div.ui-widget-header > div")
+      .first();
+
+    await expect(facetsRoot).toBeChecked();
+    await expect(picklistHeaderInner).toHaveClass(/ui-state-disabled/);
+
+    await facetsRoot.uncheck();
+    await expect(picklistHeaderInner).not.toHaveClass(/ui-state-disabled/);
+
+    await facetsRoot.check();
+    await expect(picklistHeaderInner).toHaveClass(/ui-state-disabled/);
+
+    // ─── Fill description ───
+    await page
+      .locator('[id="dataverseForm:description"]')
+      .fill(
+        'Welcome to <a href="https://researchdata.unc.edu/"><b>RDMC</b></a>',
+      );
+
+    // ─── Fill identifier ───
+    await page
+      .locator('[id="dataverseForm:identifier"]')
+      .fill(dataverseIdentifier);
+
+    // ─── Category ───
+    await page
+      .locator('[id="dataverseForm:dataverseCategory"]')
+      .selectOption("DEPARTMENT");
+
+    // ─── Create ───
+    await page.getByRole("button", { name: "Create Dataverse" }).click();
+    await page.waitForLoadState("domcontentloaded");
+
+    await expect(page).toHaveURL(
+      new RegExp(`/dataverse/${dataverseIdentifier}`),
+    );
+    await expect(
+      page.locator('a[data-original-title="Email Dataverse Contact"]'),
+    ).toBeVisible();
+
+    writeDataverseId(dataverseIdentifier);
+  },
+);

package/tests/suite/04-publish-dataverse.spec.ts

@@ -0,0 +1,33 @@
+import { test, expect } from "@playwright/test";
+import { readDataverseId } from "./s02-state";
+
+/**
+ * @tags @standard
+ *
+ * Section 2, Test #2 — Publish Dataverse
+ * Publishes the dataverse created in test 03.
+ */
+
+test(
+  "Section 2: Publish Dataverse",
+  { tag: ["@standard"] },
+  async ({ page }) => {
+    const dataverseIdentifier = readDataverseId();
+
+    await page.goto(`/dataverse/${dataverseIdentifier}`);
+    await page.waitForLoadState("domcontentloaded");
+
+    await page.getByRole("button", { name: "Publish" }).click();
+
+    const publishContinueBtn = page
+      .locator("button:visible")
+      .filter({ has: page.locator("span", { hasText: "Continue" }) });
+    await expect(publishContinueBtn).toBeVisible();
+    await publishContinueBtn.click();
+
+    const successAlert = page.locator("div.alert.alert-success");
+    await expect(successAlert).toBeVisible();
+    await expect(successAlert).toContainText("Success!");
+    await expect(successAlert).toContainText("Your dataverse is now public.");
+  },
+);

package/tests/suite/05-theme-widgets.spec.ts

@@ -0,0 +1,65 @@
+import { test, expect } from "@playwright/test";
+import { readDataverseId } from "./s02-state";
+import path from "path";
+
+/**
+ * @tags @standard
+ *
+ * Section 2, Test #3 — Theme + Widgets (initial setup)
+ * Uploads logo, thumbnail, footer images and sets tagline/website URL.
+ */
+
+test(
+  "Section 2: Theme + Widgets – initial setup",
+  { tag: ["@standard"] },
+  async ({ page }) => {
+    const dataverseIdentifier = readDataverseId();
+
+    await page.goto(`/dataverse/${dataverseIdentifier}`);
+    await page.waitForLoadState("domcontentloaded");
+
+    await page.getByRole("button", { name: /Edit/i }).click();
+    await page.getByRole("link", { name: "Theme + Widgets" }).click();
+    await page.waitForLoadState("domcontentloaded");
+
+    // Upload logo.png
+    await page
+      .locator('[id="themeWidgetsForm:themeWidgetsTabView:uploadlogo_input"]')
+      .setInputFiles(path.join(__dirname, "assets", "logo.png"));
+
+    // Upload thumbnail.png
+    await page
+      .locator(
+        '[id="themeWidgetsForm:themeWidgetsTabView:uploadlogoThumbnail_input"]',
+      )
+      .setInputFiles(path.join(__dirname, "assets", "thumbnail.png"));
+
+    // Upload footer.png
+    await page
+      .locator(
+        '[id="themeWidgetsForm:themeWidgetsTabView:uploadlogoFooter_input"]',
+      )
+      .setInputFiles(path.join(__dirname, "assets", "footer.png"));
+
+    // Tagline
+    await page
+      .locator('[id="themeWidgetsForm:themeWidgetsTabView:tagline"]')
+      .fill(
+        "Please click here to find more details about this automated testing",
+      );
+
+    // Website URL
+    await page
+      .locator('[id="themeWidgetsForm:themeWidgetsTabView:website"]')
+      .fill("https://www.youtube.com/watch?v=2qBlE2-WL60");
+
+    await page.getByRole("button", { name: "Save Changes" }).click();
+
+    const successAlert = page.locator("div.alert.alert-success");
+    await expect(successAlert).toBeVisible();
+    await expect(successAlert).toContainText("Success!");
+    await expect(successAlert).toContainText(
+      "You have successfully updated the theme for this dataverse!",
+    );
+  },
+);

package/tests/suite/06-theme-widgets-edit.spec.ts

@@ -0,0 +1,60 @@
+import { test, expect } from "@playwright/test";
+import { readDataverseId } from "./s02-state";
+import path from "path";
+
+/**
+ * @tags @standard
+ *
+ * Section 2, Test #4 — Theme + Widgets (remove & re-upload)
+ * Removes the second uploaded image then re-uploads a replacement thumbnail.
+ */
+
+test(
+  "Section 2: Theme + Widgets – remove and re-upload",
+  { tag: ["@standard"] },
+  async ({ page }) => {
+    const dataverseIdentifier = readDataverseId();
+
+    await page.goto(`/dataverse/${dataverseIdentifier}`);
+    await page.waitForLoadState("domcontentloaded");
+
+    // ─── Remove second image, Save ───
+    await page.getByRole("button", { name: /Edit/i }).click();
+    await page.getByRole("link", { name: "Theme + Widgets" }).click();
+    await page.waitForLoadState("domcontentloaded");
+
+    const removeButtons = page
+      .locator("button:visible")
+      .filter({ has: page.locator("span", { hasText: "Remove" }) });
+    await removeButtons.nth(1).click();
+
+    await page.getByRole("button", { name: "Save Changes" }).click();
+
+    const successAlert1 = page.locator("div.alert.alert-success");
+    await expect(successAlert1).toBeVisible();
+    await expect(successAlert1).toContainText("Success!");
+    await expect(successAlert1).toContainText(
+      "You have successfully updated the theme for this dataverse!",
+    );
+
+    // ─── Re-upload thumbnail, Save ───
+    await page.getByRole("button", { name: /Edit/i }).click();
+    await page.getByRole("link", { name: "Theme + Widgets" }).click();
+    await page.waitForLoadState("domcontentloaded");
+
+    await page
+      .locator(
+        '[id="themeWidgetsForm:themeWidgetsTabView:uploadlogoThumbnail_input"]',
+      )
+      .setInputFiles(path.join(__dirname, "assets", "logo.png"));
+
+    await page.getByRole("button", { name: "Save Changes" }).click();
+
+    const successAlert2 = page.locator("div.alert.alert-success");
+    await expect(successAlert2).toBeVisible();
+    await expect(successAlert2).toContainText("Success!");
+    await expect(successAlert2).toContainText(
+      "You have successfully updated the theme for this dataverse!",
+    );
+  },
+);

package/tests/suite/10-assign-user-group-roles.spec.ts

@@ -0,0 +1,34 @@
+import { test, expect } from "@playwright/test";
+const process = (globalThis as any).process;
+
+/**
+ * @tags @21cfr
+ *
+ * 21 CFR Part 11 — Test #2
+ * Assign authenticated users a role on the root dataverse collection, then
+ * remove that role assignment.
+ */
+
+test(
+  "21 CFR: Assign user group roles",
+  { tag: ["@21cfr"] },
+  async ({ page }) => {
+    await page.goto(process.env.ROOT_DATAVERSE ?? "/");
+    await page.getByText("Edit").click();
+    await page.getByText("Permissions").click();
+    await page.getByText("Users/Groups All the users").click();
+    await page.getByText("Assign Roles to Users/Groups").click();
+    await page
+      .getByPlaceholder("Enter User/Group Name")
+      .type(":authenticated-users");
+    await page.waitForTimeout(2000);
+    await page.keyboard.press("Enter");
+    await page.locator("span.ui-radiobutton-icon").last().click();
+    await page.getByRole("button", { name: "Save Changes" }).click();
+    await page
+      .getByRole("gridcell", { name: /Remove Assigned Role/ })
+      .last()
+      .click();
+    await page.getByText(/Continue/).click();
+  },
+);

package/tests/suite/11-create-edit-metadata-template.spec.ts

@@ -0,0 +1,61 @@
+import { test, expect } from "@playwright/test";
+const process = (globalThis as any).process;
+
+/**
+ * @tags @21cfr
+ *
+ * 21 CFR Part 11 — Tests #3 & #4
+ * Creates a dataset template, edits its name, then deletes it.
+ */
+
+test(
+  "21 CFR: Create and edit metadata template",
+  { tag: ["@21cfr"] },
+  async ({ page }) => {
+    await page.goto(process.env.ROOT_DATAVERSE ?? "/");
+    await page.getByText("Edit").click();
+    await page.getByText("Dataset Templates").click();
+    await page.getByText("Create Dataset Template").first().click();
+    await page
+      .locator('[id$=":templateName"]')
+      .type("Playwright Test Template");
+    const templateFormLocators = await page.locator('[id$=":inputText"]').all();
+    await templateFormLocators[0].type("Test Citation");
+    await templateFormLocators[6].type("Playwright Auto Tester");
+    await templateFormLocators[11].type("tester-dummy@unc.edu");
+    await page
+      .locator('[id$=":description"]')
+      .first()
+      .type(
+        "This is a dummy template created by Playwright for testing purposes.",
+      );
+
+    await page
+      .locator(".ui-selectcheckboxmenu-multiple-container")
+      .first()
+      .click();
+
+    await page
+      .locator(".ui-selectcheckboxmenu-items-wrapper")
+      .first()
+      .getByText("Chemistry")
+      .click();
+
+    await page.getByRole("button", { name: "Save + Add Terms" }).click();
+    await page.getByRole("button", { name: "Save Dataset Template" }).click();
+
+    await page.getByRole("button", { name: "Edit Template" }).first().click();
+    await page.getByRole("link", { name: "Metadata" }).click();
+    await page
+      .locator('[id$=":templateName"]')
+      .fill("Playwright Test Template II");
+    await page.getByRole("button", { name: "Save Changes" }).click();
+
+    await page
+      .locator(".btn-group")
+      .first()
+      .locator('[data-original-title="Delete"]')
+      .click();
+    await page.getByRole("button", { name: "Continue" }).click();
+  },
+);

package/tests/suite/12-create-dataverse-collection.spec.ts

@@ -0,0 +1,27 @@
+import { test, expect } from "@playwright/test";
+const process = (globalThis as any).process;
+
+/**
+ * @tags @21cfr
+ *
+ * 21 CFR Part 11 — Test #6
+ * Creates a new child dataverse collection then deletes it.
+ */
+
+test(
+  "21 CFR: Create dataverse collection",
+  { tag: ["@21cfr"] },
+  async ({ page }) => {
+    await page.goto(process.env.ROOT_DATAVERSE ?? "/");
+    await page.getByRole("button", { name: "Add Data" }).click();
+    await page.getByRole("link", { name: "New Dataverse" }).click();
+    await page
+      .getByRole("textbox", { name: "Identifier" })
+      .fill("playwright-testing-collection");
+    await page.getByLabel("Category").selectOption("Department");
+    await page.getByRole("button", { name: "Create Dataverse" }).click();
+    await page.getByRole("button", { name: "Edit" }).click();
+    await page.getByRole("link", { name: "Delete Dataverse" }).click();
+    await page.getByRole("button", { name: "Continue" }).click();
+  },
+);