Move coverage code to playwright-test-coverage-native

package.json

@@ -18,6 +18,7 @@
     "@types/react-dom": "^18.2.18",
     "@vitest/coverage-v8": "^1.2.1",
     "c8": "^9.1.0",
+    "playwright-test-coverage-native": "^0.1.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.3",
     "use-immer": "^0.9.0",

playwright.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, devices } from "@playwright/test";
+import { defineConfig, devices } from "playwright-test-coverage-native";
 
 /**
  * See https://playwright.dev/docs/test-configuration.
@@ -31,7 +31,11 @@ export default defineConfig({
     // NOTE: our goal here isn't to extensively test Niivue, all we need is a working WebGL2!
     {
       name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      use: {
+        ...devices["Desktop Chrome"],
+        coverageDir: './coverage-playwright/tmp',
+        coverageSrc: './src'
+      },
     },
   ],
 

tests/playwright/fixtures.ts

@@ -1,8 +1,6 @@
-import { test as base, expect } from "@playwright/test";
+import { test as base, expect } from "playwright-test-coverage-native";
 import { NVImage } from "@niivue/niivue";
 import { NVRVolume } from "../../src";
-import * as fsPromises from "node:fs/promises";
-import * as path from "node:path";
 
 type NiivueCanvasTest = {
   getVolume: (name: string) => Promise<NVImage>;
@@ -14,26 +12,6 @@ type MyFixtures = {
 };
 
 export const test = base.extend<MyFixtures>({
-  page: async ({ page }, use, testInfo) => {
-    // Use Playwright's built-in v8 coverage, write to a file
-    // https://github.com/microsoft/playwright/issues/9208#issuecomment-1147884893
-    await page.coverage.startJSCoverage();
-    await use(page);
-
-    const coverage = await page.coverage.stopJSCoverage();
-    const srcPath = "@fs" + path.normalize(`${__dirname}/../../src`);
-    const srcCoverage = coverage
-      .filter((entry) => entry.url.includes(srcPath))
-      .map((entry) => {
-        return { ...entry, url: entry.url.replace(/^.+@fs/, "file://") };
-      });
-    await fsPromises.mkdir("coverage-playwright/tmp", { recursive: true });
-    const testTitle = testInfo.title.replaceAll("/", "_");
-    await fsPromises.writeFile(
-      `coverage-playwright/tmp/${testTitle}.json`,
-      JSON.stringify({ result: srcCoverage }, null, 2),
-    );
-  },
   nvt: async ({ page }, use) => {
     const setVolumes = async (volumes: NVRVolume[]) => {
       await page.getByTestId("volumes-string").fill(JSON.stringify(volumes));