refactor(dev-server-esbuild): migrate tests to node:test

packages/dev-server-esbuild/package.json

@@ -28,8 +28,8 @@
     "build": "tsc",
     "start:demo:jsx": "es-dev-server --config demo/jsx/server.config.js",
     "start:demo:ts": "es-dev-server --config demo/ts/server.config.js",
-    "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/dev-server-esbuild/test/banner-footer.test.ts

@@ -1,15 +1,14 @@
-import { expect } from 'chai';
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
 import { createTestServer } from '@web/dev-server-core/test-helpers';
 import { expectIncludes } from '@web/dev-server-core/test-helpers';
 
-import { esbuildPlugin } from '../src/index.js';
-
-describe('esbuildPlugin banner/footers', function () {
-  this.timeout(5000);
+import { esbuildPlugin } from '../dist/index.js';
 
+describe('esbuildPlugin banner/footers', { timeout: 5000 }, () => {
   it('prepends custom banner', async () => {
     const { server, host } = await createTestServer({
-      rootDir: __dirname,
+      rootDir: import.meta.dirname,
       plugins: [
         {
           name: 'test',
@@ -31,15 +30,15 @@ describe('esbuildPlugin banner/footers', function () {
       const indexOfBanner = text.indexOf('/* hello there */');
 
       expectIncludes(text, '/* hello there */');
-      expect(indexOfExpr).to.be.greaterThan(indexOfBanner);
+      assert.ok(indexOfExpr > indexOfBanner);
     } finally {
       server.stop();
     }
   });
 
   it('appends custom footer', async () => {
     const { server, host } = await createTestServer({
-      rootDir: __dirname,
+      rootDir: import.meta.dirname,
       plugins: [
         {
           name: 'test',
@@ -61,7 +60,7 @@ describe('esbuildPlugin banner/footers', function () {
       const indexOfFooter = text.indexOf('/* hello there */');
 
       expectIncludes(text, '/* hello there */');
-      expect(indexOfFooter).to.be.greaterThan(indexOfExpr);
+      assert.ok(indexOfFooter > indexOfExpr);
     } finally {
       server.stop();
     }

packages/dev-server-esbuild/test/browser-targets.test.ts

@@ -1,74 +1,77 @@
-import { expect } from 'chai';
-import { browsers } from '@mdn/browser-compat-data';
-import { isLatestModernBrowser, getLatestStableMajor } from '../src/browser-targets.js';
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import bcd from '@mdn/browser-compat-data';
+import { isLatestModernBrowser, getLatestStableMajor } from '../dist/browser-targets.js';
+
+const { browsers } = bcd;
 
 describe('isLatestModernBrowser', () => {
   it('returns true for latest Chrome', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest) }), true);
   });
 
   it('returns true for latest Chrome -1', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 1) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 1) }), true);
   });
 
   it('returns true for future version of Chrome', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest + 1) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest + 1) }), true);
   });
 
   it('returns true for unknown version of Chrome', async () => {
-    expect(isLatestModernBrowser({ name: 'Chrome', version: '9999999' })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: '9999999' }), true);
   });
 
   it('returns false for latest Chrome -2', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 2) })).to.be.false;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 2) }), false);
   });
 
   it('returns false for latest Chrome -3', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 3) })).to.be.false;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 3) }), false);
   });
 
   it('returns true for latest Chrome Headless', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome Headless', version: String(latest) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome Headless', version: String(latest) }), true);
   });
 
   it('returns true for latest chromium', async () => {
     const latest = getLatestStableMajor(browsers.chrome.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chromium', version: String(latest) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Chromium', version: String(latest) }), true);
   });
 
   it('returns true for latest Firefox', async () => {
     const latest = getLatestStableMajor(browsers.firefox.releases)!;
-    expect(isLatestModernBrowser({ name: 'Firefox', version: String(latest) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Firefox', version: String(latest) }), true);
   });
 
   it('returns false for latest Firefox -1', async () => {
     const latest = getLatestStableMajor(browsers.firefox.releases)!;
-    expect(isLatestModernBrowser({ name: 'Firefox', version: String(latest - 1) })).to.be.false;
+    assert.equal(isLatestModernBrowser({ name: 'Firefox', version: String(latest - 1) }), false);
   });
 
   it('returns false for latest Firefox -2', async () => {
     const latest = getLatestStableMajor(browsers.firefox.releases)!;
-    expect(isLatestModernBrowser({ name: 'Firefox', version: String(latest - 2) })).to.be.false;
+    assert.equal(isLatestModernBrowser({ name: 'Firefox', version: String(latest - 2) }), false);
   });
 
   it('returns true for latest Edge', async () => {
     const latest = getLatestStableMajor(browsers.edge.releases)!;
-    expect(isLatestModernBrowser({ name: 'Edge', version: String(latest) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Edge', version: String(latest) }), true);
   });
 
   it('returns true for latest Edge -1', async () => {
     const latest = getLatestStableMajor(browsers.edge.releases)!;
-    expect(isLatestModernBrowser({ name: 'Edge', version: String(latest - 1) })).to.be.true;
+    assert.equal(isLatestModernBrowser({ name: 'Edge', version: String(latest - 1) }), true);
   });
 
   it('returns false for latest Edge -2', async () => {
     const latest = getLatestStableMajor(browsers.edge.releases)!;
-    expect(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 2) })).to.be.false;
+    assert.equal(isLatestModernBrowser({ name: 'Chrome', version: String(latest - 2) }), false);
   });
 });

packages/dev-server-esbuild/test/json.test.ts

@@ -1,12 +1,13 @@
-import { expect } from 'chai';
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
 import { expectIncludes, createTestServer } from '@web/dev-server-core/test-helpers';
 
-import { esbuildPlugin } from '../src/index.js';
+import { esbuildPlugin } from '../dist/index.js';
 
-describe('esbuildPlugin JSON', function () {
+describe('esbuildPlugin JSON', () => {
   it('transforms .json files', async () => {
     const { server, host } = await createTestServer({
-      rootDir: __dirname,
+      rootDir: import.meta.dirname,
       plugins: [
         {
           name: 'test',
@@ -24,10 +25,8 @@ describe('esbuildPlugin JSON', function () {
       const response = await fetch(`${host}/foo.json`);
       const text = await response.text();
 
-      expect(response.status).to.equal(200);
-      expect(response.headers.get('content-type')).to.equal(
-        'application/javascript; charset=utf-8',
-      );
+      assert.equal(response.status, 200);
+      assert.equal(response.headers.get('content-type'), 'application/javascript; charset=utf-8');
       expectIncludes(text, 'var foo = "bar";');
       expectIncludes(text, 'var foo_default = { foo };');
       expectIncludes(text, 'export {');

packages/dev-server-esbuild/test/jsx.test.ts

@@ -1,12 +1,13 @@
-import { expect } from 'chai';
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
 import { expectIncludes, createTestServer } from '@web/dev-server-core/test-helpers';
 
-import { esbuildPlugin } from '../src/index.js';
+import { esbuildPlugin } from '../dist/index.js';
 
-describe('esbuildPlugin JSX', function () {
+describe('esbuildPlugin JSX', () => {
   it('transforms .jsx files', async () => {
     const { server, host } = await createTestServer({
-      rootDir: __dirname,
+      rootDir: import.meta.dirname,
       plugins: [
         {
           name: 'test',
@@ -28,10 +29,8 @@ export function foo(bar) {
       const response = await fetch(`${host}/foo.jsx`);
       const text = await response.text();
 
-      expect(response.status).to.equal(200);
-      expect(response.headers.get('content-type')).to.equal(
-        'application/javascript; charset=utf-8',
-      );
+      assert.equal(response.status, 200);
+      assert.equal(response.headers.get('content-type'), 'application/javascript; charset=utf-8');
       expectIncludes(text, 'React.createElement("div", {');
       expectIncludes(text, 'id: "myDiv"');
       expectIncludes(text, 'React.createElement(MyElement, {');
@@ -43,7 +42,7 @@ export function foo(bar) {
 
   it('can set the JSX factory', async () => {
     const { server, host } = await createTestServer({
-      rootDir: __dirname,
+      rootDir: import.meta.dirname,
       plugins: [
         {
           name: 'test',
@@ -65,10 +64,8 @@ export function foo(bar) {
       const response = await fetch(`${host}/foo.jsx`);
       const text = await response.text();
 
-      expect(response.status).to.equal(200);
-      expect(response.headers.get('content-type')).to.equal(
-        'application/javascript; charset=utf-8',
-      );
+      assert.equal(response.status, 200);
+      assert.equal(response.headers.get('content-type'), 'application/javascript; charset=utf-8');
       expectIncludes(text, 'h("div", {');
       expectIncludes(text, 'id: "myDiv"');
       expectIncludes(text, 'h(MyElement, {');