chore: switch to vitest

Author: marvinhagemeister

package-lock.json

@@ -47,10 +47,9 @@
 		"transpile:stream-node": "microbundle src/stream-node.js -o dist/stream/node/index.js -f es,cjs,umd --target node",
 		"transpile:jsx": "microbundle src/jsx.js -o dist/jsx/index.js -f es,cjs,umd && microbundle dist/jsx/index.js -o dist/jsx/index.js -f cjs",
 		"copy-typescript-definition": "copyfiles -f src/*.d.ts dist",
-		"test": "eslint src test && tsc && npm run test:mocha && npm run test:mocha:compat && npm run test:mocha:debug && npm run bench",
-		"test:mocha": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js test/*.test.jsx",
-		"test:mocha:compat": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js 'test/compat/*.test.js' 'test/compat/*.test.jsx'",
-		"test:mocha:debug": "BABEL_ENV=test mocha -r @babel/register -r test/setup.js 'test/debug/*.test.jsx'",
+		"test": "eslint src/**/* test/**/* && tsc && npm run test:vitest:run && npm run bench",
+		"test:vitest": "vitest",
+		"test:vitest:run": "vitest run",
 		"format": "prettier src/**/*.{d.ts,js} test/**/*.js --write",
 		"prepublishOnly": "npm run build",
 		"release": "npm run build && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"
@@ -135,21 +134,18 @@
 		"@changesets/cli": "^2.18.0",
 		"baseline-rts": "npm:preact-render-to-string@latest",
 		"benchmarkjs-pretty": "^2.0.1",
-		"chai": "^4.2.0",
 		"check-export-map": "^1.3.1",
 		"copyfiles": "^2.4.1",
 		"eslint": "^7.16.0",
 		"eslint-config-developit": "^1.2.0",
 		"husky": "^4.3.6",
 		"lint-staged": "^10.5.3",
 		"microbundle": "^0.15.1",
-		"mocha": "^8.2.1",
 		"preact": "^10.24.0",
 		"prettier": "^2.2.1",
 		"pretty-format": "^3.8.0",
-		"sinon": "^9.2.2",
-		"sinon-chai": "^3.5.0",
 		"typescript": "^5.0.0",
+		"vitest": "^3.2.4",
 		"web-streams-polyfill": "^3.2.1"
 	},
 	"prettier": {
@@ -171,4 +167,4 @@
 	"publishConfig": {
 		"provenance": true
 	}
-}
+}

package.json

@@ -1,7 +1,7 @@
 import { renderToStringAsync } from '../../src/index.js';
 import { h, Fragment } from 'preact';
 import { Suspense, useId, lazy, createContext } from 'preact/compat';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 import { createSuspender } from '../utils.jsx';
 const wait = (ms) => new Promise((r) => setTimeout(r, ms));
 
@@ -286,8 +286,12 @@ describe('Async renderToString', () => {
 
 		const expected = `<ul><!--$s--><li>one</li><!--/$s--><!--$s--><li>two</li><!--/$s--><!--$s--><li>three</li><!--/$s--></ul>`;
 
-		suspendedOne.promise.then(() => { void suspendedTwo.resolve();});
-		suspendedTwo.promise.then(() => { void suspendedThree.resolve();});
+		suspendedOne.promise.then(() => {
+			void suspendedTwo.resolve();
+		});
+		suspendedTwo.promise.then(() => {
+			void suspendedThree.resolve();
+		});
 
 		suspendedOne.resolve();
 

test/compat/async.test.jsx

@@ -1,6 +1,6 @@
 import render from '../../src/index.js';
 import { createElement as h, Component } from 'preact/compat';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 
 describe('compat', () => {
 	it('should not duplicate class attribute when className is empty', async () => {

test/compat/index.test.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 import { Suspense } from 'preact/compat';
 import { useId } from 'preact/hooks';
 import { renderToChunks } from '../../src/lib/chunked';
@@ -14,7 +14,7 @@ describe('renderToChunks', () => {
 			onWrite: (s) => result.push(s)
 		});
 
-		expect(result).to.deep.equal(['<div class="foo">bar</div>']);
+		expect(result).toEqual(['<div class="foo">bar</div>']);
 	});
 
 	it('should render fallback + attach loaded subtree on suspend', async () => {
@@ -181,7 +181,7 @@ describe('renderToChunks', () => {
 		suspended2.resolve();
 		await promise;
 
-		expect(result).to.deep.equal([
+		expect(result).toEqual([
 			'<div><p>id: P0-0</p><!--preact-island:33-->loading...<!--/preact-island:33--><!--preact-island:36-->loading...<!--/preact-island:36--></div>',
 			'<div hidden>',
 			createInitScript(1),

test/compat/render-chunked.test.js renamed to test/compat/render-chunked.test.jsx

@@ -1,6 +1,6 @@
 import { PassThrough } from 'node:stream';
 import { h } from 'preact';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 import { Suspense } from 'preact/compat';
 import { createSubtree, createInitScript } from '../../src/lib/client';
 import { renderToPipeableStream } from '../../src/stream-node';
@@ -66,10 +66,10 @@ describe('renderToPipeableStream', () => {
 		const result = await sink.promise;
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:47-->loading...<!--/preact-island:47--></div>',
+			'<div><!--preact-island:5-->loading...<!--/preact-island:5--></div>',
 			'<div hidden>',
 			createInitScript(),
-			createSubtree('47', '<p>it works</p>'),
+			createSubtree('5', '<p>it works</p>'),
 			'</div>'
 		]);
 	});

test/compat/stream-node.test.js renamed to test/compat/stream-node.test.jsx

@@ -1,6 +1,6 @@
 /*global globalThis*/
 import { h } from 'preact';
-import { expect } from 'chai';
+import { expect, beforeAll, describe, it } from 'vitest';
 import { Suspense } from 'preact/compat';
 import { createSubtree, createInitScript } from '../../src/lib/client';
 import { renderToReadableStream } from '../../src/stream';
@@ -42,7 +42,7 @@ function createSink(input) {
 }
 
 describe('renderToReadableStream', () => {
-	before(async () => {
+	beforeAll(async () => {
 		// attempt to use native web streams in Node 18, otherwise fall back to a polyfill:
 		let streams;
 		try {
@@ -81,11 +81,11 @@ describe('renderToReadableStream', () => {
 
 		const result = await sink.promise;
 
-		expect(result).to.deep.equal([
-			'<div><!--preact-island:56-->loading...<!--/preact-island:56--></div>',
+		expect(result).toEqual([
+			'<div><!--preact-island:5-->loading...<!--/preact-island:5--></div>',
 			'<div hidden>',
 			createInitScript(),
-			createSubtree('56', '<p>it works</p>'),
+			createSubtree('5', '<p>it works</p>'),
 			'</div>'
 		]);
 	});

test/compat/stream.test.js renamed to test/compat/stream.test.jsx

@@ -1,6 +1,6 @@
 import render from '../src/jsx.js';
 import { h, createContext, Component } from 'preact';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 import { dedent } from './utils.jsx';
 
 describe('context', () => {

test/context.test.jsx

@@ -1,7 +1,7 @@
 import 'preact/debug';
 import render from '../../src/index.js';
 import { h } from 'preact';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 
 describe('debug', () => {
 	it('should not throw "Objects are not valid as a child" error', () => {

test/debug/index.test.jsx

@@ -1,6 +1,6 @@
 import renderToString from '../src/index.js';
 import { default as renderToStringPretty, shallowRender } from '../src/jsx.js';
-import { expect } from 'chai';
+import { expect, describe, it } from 'vitest';
 
 describe('render-to-string', () => {
 	describe('exports', () => {