basic-playwright.spec.ts

import { writeFileSync } from "fs";
import assert from "assert";
import { Standard, kayle } from "kayle";
import { drakeMock } from "./mocks/html-mock";
import { performance } from "perf_hooks";
import { test } from "@playwright/test";

test("fast_htmlcs and fast_axecore audit drakeMock", async ({
  page,
  browser,
}, testInfo) => {
  if (process.env.LOG_ENABLED) {
    page.on("console", (msg) => console.log("PAGE LOG:", msg.text()));
  }
  const startTime = performance.now();
  const results = await kayle({
    page,
    browser,
    runners: ["htmlcs", "axe"],
    includeWarnings: true,
    html: drakeMock,
    standard: Standard.WCAG2AA,
    origin: "https://www.drake.com",
    waitUntil: "domcontentloaded",
  });

  const endTime = performance.now() - startTime;

  const { issues, pageUrl, documentTitle, meta, automateable } = results;

  console.log([
    { meta, automateable },
    ["kayle(fast_htmlcs, fast_axecore): time took", endTime],
  ]);

  assert(Array.isArray(issues));
  assert(meta.errorCount === 42);
  assert(meta.warningCount === 43);
  assert(typeof pageUrl === "string");
  assert(typeof documentTitle === "string");

  writeFileSync(
    testInfo.outputPath("htmlcs.json"),
    JSON.stringify(results, null, 2),
    "utf8",
  );

  writeFileSync(
    testInfo.outputPath("htmlcs_stats.json"),
    JSON.stringify(
      {
        mock: "[drakeMock]",
        htmlSize: drakeMock.length,
        duration: endTime,
        errors: meta.errorCount,
        warnings: meta.warningCount,
        runner: ["fast_htmlcs", "fast_axecore"],
      },
      null,
      2,
    ),
    "utf8",
  );
});