test: use vitest instead of jest (#75)

* test: use vitest

* chore: update test script in ci.yml

* chore: remove coverage

* chore: remove max-old-space-size

* chore: not use threads

* chore: add maxThreads

* chore: set maxThreads to 2

* chore: set to node 16

* chore: set threads to false

* chore: add coverage

* chore: max-old-space-size

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [14.x]
     steps:
       - uses: actions/checkout@v2
       - name: Set branch name
@@ -33,7 +33,7 @@ jobs:
       - run: npm run setup
       - run: npm run dependency:check
       - run: npm run lint
-      - run: npm run test:ci
+      - run: npm run test
       - run: npm run version:check
         env:
           ACCESS_KEY_ID: ${{ secrets.ACCESS_KEY_ID }}

package.json

@@ -16,9 +16,8 @@
     "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./",
     "lint:fix": "npm run lint -- --fix",
     "publish:alpha": "PUBLISH_TYPE=alpha esmo ./scripts/publishPackageWithDistTag.ts",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --forceExit --config ./jest.config.mjs",
+    "test": "vitest run --coverage",
-    "test:ci": "npm run test -- --ci",
+    "test:watch": "vitest"
-    "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch --config ./jest.config.mjs"
   },
   "author": "ice-admin@alibaba-inc.com",
   "license": "MIT",
@@ -31,10 +30,10 @@
     "@types/eslint": "^8.4.1",
     "@types/fs-extra": "^9.0.13",
     "@types/glob": "^7.2.0",
-    "@types/jest": "^27.4.0",
     "@types/node": "^17.0.13",
     "@types/semver": "^7.3.9",
     "build-scripts": "^2.0.0-15",
+    "c8": "^7.11.0",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.3",
     "dependency-check": "^4.1.0",
@@ -46,7 +45,6 @@
     "glob": "^7.2.0",
     "husky": "^7.0.4",
     "ice-npm-utils": "^3.0.1",
-    "jest": "^27.4.7",
     "prettier": "^2.5.1",
     "prettier-plugin-organize-imports": "^2.3.4",
     "prettier-plugin-packagejson": "^2.2.15",
@@ -55,8 +53,8 @@
     "rimraf": "^3.0.2",
     "semver": "^7.3.5",
     "stylelint": "^14.3.0",
-    "ts-jest": "^27.1.3",
+    "typescript": "^4.5.5",
-    "typescript": "^4.5.5"
+    "vitest": "^0.8.4"
   },
   "packageManager": "pnpm"
 }

packages/build-webpack-config/src/unPlugins/compilation.ts

@@ -25,6 +25,7 @@ const compilationPlugin = (options: Options): UnpluginOptions => {
 
   return {
     name: 'compilation-plugin',
+    // @ts-expect-error TODO: source map types
     async transform(source: string, id: string) {
       // TODO specific runtime plugin name
       if ((/node_modules/.test(id) && !/[\\/]runtime[\\/]/.test(id))) {

packages/build-webpack-config/test/redirectImport.test.ts

@@ -1,3 +1,4 @@
+import { expect, describe, it } from 'vitest';
 import * as path from 'path';
 import * as fs from 'fs';
 import { fileURLToPath } from 'url';

packages/ice/tests/generator.test.ts

@@ -1,3 +1,4 @@
+import { expect, it, describe } from 'vitest';
 import { generateExports, checkExportData, removeExportData } from '../src/service/runtimeGenerator';
 
 describe('generateExports', () => {

packages/ice/tests/preAnalyze.test.ts

@@ -1,3 +1,4 @@
+import { expect, it, describe } from 'vitest';
 import * as path from 'path';
 import { fileURLToPath } from 'url';
 import { analyzeImports, getImportPath, resolveId, type Alias } from '../src/service/analyze';

packages/route-manifest/tests/__snapshots__/formatNestedRouteManifest.spec.ts.snap

@@ -1,4 +1,41 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
+
+exports[`generateRouteManifest function > layout-routes 1`] = `
+[
+  {
+    "componentName": "PagesBlogIndex",
+    "file": "pages/blog/index.tsx",
+    "id": "pages/blog/index",
+    "index": true,
+    "parentId": undefined,
+    "path": "/blog",
+  },
+  {
+    "componentName": "PagesBlog$id",
+    "file": "pages/blog/$id.tsx",
+    "id": "pages/blog/$id",
+    "index": undefined,
+    "parentId": undefined,
+    "path": "/blog/:id",
+  },
+  {
+    "componentName": "PagesAbout",
+    "file": "pages/about.tsx",
+    "id": "pages/about",
+    "index": undefined,
+    "parentId": undefined,
+    "path": "/about",
+  },
+  {
+    "componentName": "PagesIndex",
+    "file": "pages/index.tsx",
+    "id": "pages/index",
+    "index": true,
+    "parentId": undefined,
+    "path": undefined,
+  },
+]
+`;
 
 exports[`generateRouteManifest function layout-routes 1`] = `
 Array [

packages/route-manifest/tests/__snapshots__/generateRouteManifest.spec.ts.snap

@@ -1,4 +1,213 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
+
+exports[`generateRouteManifest function > basic-routes 1`] = `
+{
+  "pages/About/index": {
+    "componentName": "PagesAboutIndex",
+    "file": "pages/About/index.tsx",
+    "id": "pages/About/index",
+    "index": true,
+    "parentId": "pages/layout",
+    "path": "/About",
+  },
+  "pages/About/me/index": {
+    "componentName": "PagesAboutMeIndex",
+    "file": "pages/About/me/index.tsx",
+    "id": "pages/About/me/index",
+    "index": true,
+    "parentId": "pages/layout",
+    "path": "/About/me",
+  },
+  "pages/home": {
+    "componentName": "PagesHome",
+    "file": "pages/home.tsx",
+    "id": "pages/home",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/home",
+  },
+  "pages/index": {
+    "componentName": "PagesIndex",
+    "file": "pages/index.tsx",
+    "id": "pages/index",
+    "index": true,
+    "parentId": "pages/layout",
+    "path": undefined,
+  },
+  "pages/layout": {
+    "componentName": "PagesLayout",
+    "file": "pages/layout.tsx",
+    "id": "pages/layout",
+    "index": undefined,
+    "parentId": undefined,
+    "path": undefined,
+  },
+}
+`;
+
+exports[`generateRouteManifest function > doc-delimeters-routes 1`] = `
+{
+  "pages/home.news": {
+    "componentName": "PagesHomeNews",
+    "file": "pages/home.news.tsx",
+    "id": "pages/home.news",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/home/news",
+  },
+  "pages/layout": {
+    "componentName": "PagesLayout",
+    "file": "pages/layout.tsx",
+    "id": "pages/layout",
+    "index": undefined,
+    "parentId": undefined,
+    "path": undefined,
+  },
+}
+`;
+
+exports[`generateRouteManifest function > dynamic-routes 1`] = `
+{
+  "pages/about": {
+    "componentName": "PagesAbout",
+    "file": "pages/about.tsx",
+    "id": "pages/about",
+    "index": undefined,
+    "parentId": undefined,
+    "path": "/about",
+  },
+  "pages/blog/$id": {
+    "componentName": "PagesBlog$id",
+    "file": "pages/blog/$id.tsx",
+    "id": "pages/blog/$id",
+    "index": undefined,
+    "parentId": undefined,
+    "path": "/blog/:id",
+  },
+  "pages/blog/index": {
+    "componentName": "PagesBlogIndex",
+    "file": "pages/blog/index.tsx",
+    "id": "pages/blog/index",
+    "index": true,
+    "parentId": undefined,
+    "path": "/blog",
+  },
+  "pages/index": {
+    "componentName": "PagesIndex",
+    "file": "pages/index.tsx",
+    "id": "pages/index",
+    "index": true,
+    "parentId": undefined,
+    "path": undefined,
+  },
+}
+`;
+
+exports[`generateRouteManifest function > layout-routes 1`] = `
+{
+  "pages/about": {
+    "componentName": "PagesAbout",
+    "file": "pages/about.tsx",
+    "id": "pages/about",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/about",
+  },
+  "pages/blog/$id": {
+    "componentName": "PagesBlog$id",
+    "file": "pages/blog/$id.tsx",
+    "id": "pages/blog/$id",
+    "index": undefined,
+    "parentId": "pages/blog/layout",
+    "path": "/:id",
+  },
+  "pages/blog/index": {
+    "componentName": "PagesBlogIndex",
+    "file": "pages/blog/index.tsx",
+    "id": "pages/blog/index",
+    "index": true,
+    "parentId": "pages/blog/layout",
+    "path": undefined,
+  },
+  "pages/blog/layout": {
+    "componentName": "PagesBlogLayout",
+    "file": "pages/blog/layout.tsx",
+    "id": "pages/blog/layout",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/blog",
+  },
+  "pages/home/index": {
+    "componentName": "PagesHomeIndex",
+    "file": "pages/home/index.tsx",
+    "id": "pages/home/index",
+    "index": true,
+    "parentId": "pages/home/layout",
+    "path": undefined,
+  },
+  "pages/home/layout": {
+    "componentName": "PagesHomeLayout",
+    "file": "pages/home/layout.tsx",
+    "id": "pages/home/layout",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/home",
+  },
+  "pages/home/layout/index": {
+    "componentName": "PagesHomeLayoutIndex",
+    "file": "pages/home/layout/index.tsx",
+    "id": "pages/home/layout/index",
+    "index": true,
+    "parentId": "pages/home/layout",
+    "path": "/layout",
+  },
+  "pages/index": {
+    "componentName": "PagesIndex",
+    "file": "pages/index.tsx",
+    "id": "pages/index",
+    "index": true,
+    "parentId": "pages/layout",
+    "path": undefined,
+  },
+  "pages/layout": {
+    "componentName": "PagesLayout",
+    "file": "pages/layout.tsx",
+    "id": "pages/layout",
+    "index": undefined,
+    "parentId": undefined,
+    "path": undefined,
+  },
+}
+`;
+
+exports[`generateRouteManifest function > splat-routes 1`] = `
+{
+  "pages/$": {
+    "componentName": "Pages$",
+    "file": "pages/$.tsx",
+    "id": "pages/$",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/*",
+  },
+  "pages/home": {
+    "componentName": "PagesHome",
+    "file": "pages/home.tsx",
+    "id": "pages/home",
+    "index": undefined,
+    "parentId": "pages/layout",
+    "path": "/home",
+  },
+  "pages/layout": {
+    "componentName": "PagesLayout",
+    "file": "pages/layout.tsx",
+    "id": "pages/layout",
+    "index": undefined,
+    "parentId": undefined,
+    "path": undefined,
+  },
+}
+`;
 
 exports[`generateRouteManifest function basic-routes 1`] = `
 Object {

packages/route-manifest/tests/formatNestedRouteManifest.spec.ts

@@ -1,3 +1,4 @@
+import { expect, test, describe } from 'vitest';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { generateRouteManifest, formatNestedRouteManifest } from '../src/index';

packages/route-manifest/tests/generateRouteManifest.spec.ts

@@ -1,3 +1,4 @@
+import { expect, test, describe } from 'vitest';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { generateRouteManifest } from '../src/index';

tests/integration/basic-project.test.ts

@@ -1,3 +1,4 @@
+import { expect, test, describe, afterAll } from 'vitest';
 import * as path from 'path';
 import * as fs from 'fs';
 import { fileURLToPath } from 'url';
@@ -13,16 +14,16 @@ describe(`build ${example}`, () => {
   let page: Page = null;
   let browser = null;
 
-  buildFixture(example);
-
   test('open /', async () => {
+    await buildFixture(example);
+
     const res = await setupBrowser({ example });
     page = res.page;
     browser = res.browser;
     expect(await page.$$text('h2')).toStrictEqual(['Home Page']);
     const bundleContent = fs.readFileSync(path.join(__dirname, `../../examples/${example}/build/index.js`), 'utf-8');
     expect(bundleContent.includes('__REMOVED__')).toBe(false);
-  });
+  }, 120000);
 
   afterAll(async () => {
     await browser.close();

tests/utils/build.ts

@@ -21,16 +21,11 @@ interface IReturn {
 }
 
 // get builtIn plugins
-export const buildFixture = function(example: string) {
+export const buildFixture = async function(example: string) {
-  test(`setup ${example}`, async () => {
+  const rootDir = path.join(__dirname, `../../examples/${example}`);
-    const rootDir = path.join(__dirname, `../../examples/${example}`);
+  process.env.DISABLE_FS_CACHE = 'true';
-    const processCwdSpy = jest.spyOn(process, 'cwd');
+  const service = await createService({ rootDir, command: 'build', commandArgs: {} });
-    processCwdSpy.mockReturnValue(rootDir);
+  await service.run();
-    process.env.DISABLE_FS_CACHE = 'true';
-    process.env.JEST_TEST = 'true';
-    const service = await createService({ rootDir, command: 'build', commandArgs: {} });
-    await service.run();
-  }, 120000);
 }
 
 export const setupBrowser: SetupBrowser = async (options) => {

tests/utils/start.ts

@@ -23,7 +23,6 @@ export const startFixture = async function (example: string) {
   const processCwdSpy = jest.spyOn(process, 'cwd');
   processCwdSpy.mockReturnValue(rootDir);
   process.env.DISABLE_FS_CACHE = 'true';
-  process.env.JEST_TEST = 'true';
   const service = await createService({ rootDir, command: 'start', commandArgs: {
     port,
     disableOpen: true,

vitest.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vitest/config';
+import { getHookFiles } from './packages/ice/esm/requireHook.js';
+
+const moduleNameMapper = getHookFiles().reduce((mapper, [id, value]) => {
+  mapper[`^${id}$`] = value;
+  return mapper;
+}, {});
+
+export default defineConfig({
+  resolve: {
+    alias: { ...moduleNameMapper },
+  },
+  test: {
+    // disable threads to avoid `Segmentation fault (core dumped)` error: https://github.com/vitest-dev/vitest/issues/317
+    threads: false,
+    exclude: [
+      '**/node_modules/**',
+      '**/esm/**',
+      '**/tests/fixtures/**',
+    ],
+  },
+});