refactor(test-runner-visual-regression): migrate tests to node:test

packages/test-runner-visual-regression/package.json

@@ -30,8 +30,8 @@
   },
   "scripts": {
     "build": "tsc",
-    "test:node": "mocha test/**/*.test.ts --require ts-node/register --reporter dot",
-    "test:watch": "mocha test/**/*.test.ts --require ts-node/register --watch --watch-files src,test"
+    "test:node": "node --experimental-strip-types --test --test-force-exit test/**/*.test.ts",
+    "test:watch": "node --experimental-strip-types --test --test-force-exit --watch test/**/*.test.ts"
   },
   "files": [
     "*.d.ts",

packages/test-runner-visual-regression/test/visualRegressionPlugin.test.ts

@@ -1,18 +1,17 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
 import path from 'path';
 import { runTests } from '@web/test-runner-core/test-helpers';
-import { expect } from 'chai';
 import { chromeLauncher } from '@web/test-runner-chrome';
 
-import { visualRegressionPlugin } from '../src/visualRegressionPlugin.js';
-import { fileExists } from '../src/fs.js';
+import { visualRegressionPlugin } from '../dist/visualRegressionPlugin.js';
+import { fileExists } from '../dist/fs.js';
 import { playwrightLauncher } from '@web/test-runner-playwright';
 
-describe('visualRegressionPlugin', function test() {
-  this.timeout(20000);
-
+describe('visualRegressionPlugin', { timeout: 20000 }, () => {
   it('can run a passing test', async () => {
     await runTests({
-      files: [path.join(__dirname, 'diff-pass-test.js')],
+      files: [path.join(import.meta.dirname, 'diff-pass-test.js')],
       browsers: [
         chromeLauncher(),
         playwrightLauncher({ product: 'firefox' }),
@@ -38,7 +37,7 @@ describe('visualRegressionPlugin', function test() {
   it('can run a failed test', async () => {
     const { sessions } = await runTests(
       {
-        files: [path.join(__dirname, 'diff-fail-test.js')],
+        files: [path.join(import.meta.dirname, 'diff-fail-test.js')],
         browsers: [
           chromeLauncher(),
           playwrightLauncher({ product: 'firefox' }),
@@ -63,38 +62,42 @@ describe('visualRegressionPlugin', function test() {
       { allowFailure: true, reportErrors: false },
     );
 
-    expect(sessions.length).to.equal(3);
+    assert.equal(sessions.length, 3);
 
     for (const session of sessions) {
-      expect(session.passed).to.equal(false);
-      expect(session.testResults!.tests.length).to.equal(1);
-      expect(session.testResults!.tests[0].error!.message).to.include(
-        'Visual diff failed. New screenshot is ',
+      assert.equal(session.passed, false);
+      assert.equal(session.testResults!.tests.length, 1);
+      assert.ok(
+        session.testResults!.tests[0].error!.message.includes(
+          'Visual diff failed. New screenshot is ',
+        ),
       );
-      expect(
+      assert.equal(
         await fileExists(
           path.resolve(
-            __dirname,
+            import.meta.dirname,
             '..',
             'screenshots',
             session.browser.name,
             'failed',
             'my-failed-element.png',
           ),
         ),
-      ).to.equal(true);
-      expect(
+        true,
+      );
+      assert.equal(
         await fileExists(
           path.resolve(
-            __dirname,
+            import.meta.dirname,
             '..',
             'screenshots',
             session.browser.name,
             'failed',
             'my-failed-element-diff.png',
           ),
         ),
-      ).to.equal(true);
+        true,
+      );
     }
   });
 });