chore: migrate to vitest

Author: harlan-zw

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_size = 2
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.json

@@ -1,7 +1,6 @@
 {
   "env": {
-    "node": true,
-    "jest": true
+    "node": true
   },
   "extends": "@antfu",
   "rules": {

.github/workflows/test.yml

@@ -34,6 +34,9 @@ jobs:
 
       - run: pnpm install
 
+      - name: Run linter
+        run: pnpm run lint
+
       - name: Build
         run: pnpm run build
 
@@ -53,7 +56,5 @@ jobs:
       - name: Install nuxt3-webpack dependencies
         run: cd playground/nuxt3-webpack && pnpm install
 
-      - name: Run linter
-        run: pnpm run lint
       - name: Run tests
         run: pnpm run test

.npmrc

@@ -0,0 +1,2 @@
+ignore-workspace-root-check=true
+shamefully-hoist=true

jest.config.js

@@ -9,10 +9,11 @@
     "build": "pnpm -r --parallel --filter ./packages run build",
     "prepack": "cp README.md packages/nuxt-windicss && cd packages/nuxt-windicss && yarn prepack",
     "changelog": "npx auto-changelog --stdout --commit-limit false -u --template https://raw.githubusercontent.com/release-it/release-it/master/templates/changelog-compact.hbs",
-    "lint": "eslint --fix --ext .ts,.js,.vue .",
+    "lint": "eslint \"{packages,test}/**/*.{ts,vue,json,yml}\"",
+    "lint:fix": "npm run lint -- --fix",
     "release": "cp README.md packages/nuxt-windicss && cd packages/nuxt-windicss && pnpm run release",
     "release:beta": "dotenv release-it --preReleaseId=beta --npm.tag=beta --github.preRelease",
-    "test": "pnpm run build && jest --verbose --maxWorkers=5"
+    "test": "vitest"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.14.0",
@@ -22,11 +23,10 @@
     "@typescript-eslint/visitor-keys": "^5.8.0",
     "cheerio": "^1.0.0-rc.10",
     "dotenv-cli": "^4.1.1",
-    "esbuild": "^0.14.7",
-    "esbuild-jest": "^0.5.0",
     "eslint": "^8.5.0",
-    "jest": "27.3.0",
     "unbuild": "^0.6.7",
+    "vite": "^2.7.13",
+    "vitest": "^0.2.5",
     "windicss": "^3.4.0"
   }
 }

package.json

@@ -8,23 +8,11 @@
     "windicss",
     "tailwindcss"
   ],
-  "exports": {
-    ".": {
-      "require": "./index.cjs",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "sideEffects": false,
-  "main": "./index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "homepage": "https://github.com/windicss/nuxt-windicss",
-  "bugs": "https://github.com/windicss/nuxt-windicss/issues",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/windicss/nuxt-windicss"
   },
-  "license": "MIT",
   "author": {
     "name": "Harlan Wilton",
     "email": "[email protected]"
@@ -33,6 +21,18 @@
     "dist",
     "index.cjs"
   ],
+  "exports": {
+    ".": {
+      "require": "./index.cjs",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "sideEffects": false,
+  "main": "./index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "homepage": "https://github.com/windicss/nuxt-windicss",
+  "bugs": "https://github.com/windicss/nuxt-windicss/issues",
   "scripts": {
     "dev": "unbuild --stub",
     "build": "unbuild",

packages/nuxt-windicss/package.json

@@ -1,4 +1,6 @@
-const cheerio = require('cheerio')
+import { describe, test, expect } from 'vitest'
+import cheerio from 'cheerio'
+
 const execa = require('execa');
 const fs = require('fs')
 const path = require('pathe')
@@ -7,7 +9,7 @@ describe('nuxt-bridge',  () => {
 
   test('index html transformed correctly', async() => {
     // Note: this is a hacky solution
-    await execa('yarn', ['run', 'nuxt', 'generate'], { cwd: __dirname });
+    await execa('pnpm', ['generate'], { cwd: __dirname });
     const html = fs.readFileSync(path.join(__dirname, '.output', 'public', 'index.html'), 'utf-8')
     const $ = cheerio.load(html)
     $('style').each((i, $s) => {

playground/nuxt-bridge/module.test.js playground/nuxt-bridge/module.test.ts

@@ -2,10 +2,10 @@
   "name": "nuxt2-webpack",
   "private": true,
   "scripts": {
-    "dev": "nuxt dev",
-    "build": "nuxt build",
-    "start": "nuxt start",
-    "generate": "nuxt generate"
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "start": "nuxi start",
+    "generate": "nuxi generate"
   },
   "dependencies": {
     "nuxt-edge": "latest"

playground/nuxt-bridge/package.json

@@ -1,5 +1,4 @@
 {
-  "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "target": "es2018",
     "module": "esnext",

playground/nuxt-bridge/tsconfig.json

@@ -1,4 +1,5 @@
-const cheerio = require('cheerio')
+import { describe, test, expect } from 'vitest'
+import cheerio from 'cheerio'
 const execa = require('execa');
 const fs = require('fs')
 const path = require('pathe')
@@ -7,7 +8,7 @@ describe('nuxt2-webpack',  () => {
 
   test('index html transformed correctly', async() => {
     // Note: this is a hacky solution
-    await execa('yarn', ['run', 'nuxt', 'generate'], { cwd: __dirname });
+    await execa('pnpm', ['generate'], { cwd: __dirname });
 
     const html = fs.readFileSync(path.join(__dirname, 'dist', 'index.html'), 'utf-8')
 

playground/nuxt2-vite/module.test.js playground/nuxt2-vite/module.test.ts

@@ -1,4 +1,6 @@
-const cheerio = require('cheerio')
+import { describe, test, expect } from 'vitest'
+import cheerio from 'cheerio'
+
 const execa = require('execa');
 const fs = require('fs')
 const path = require('pathe')
@@ -7,12 +9,12 @@ describe('nuxt2-webpack',  () => {
 
   test('index html transformed correctly', async() => {
     // Note: this is a hacky solution
-    await execa('yarn', ['run', 'nuxt', 'generate'], { cwd: __dirname });
+    await execa('pnpm', ['generate'], { cwd: __dirname });
 
     const html = fs.readFileSync(path.join(__dirname, 'dist', 'index.html'), 'utf-8')
 
     const $ = cheerio.load(html)
-    $('style').each((i, $s) => {
+    $('style').each((i , $s) => {
       const html = $($s).html()
       expect(html).not.toContain('@apply')
     })

playground/nuxt2-webpack/jest.config.js

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 const cheerio = require('cheerio')
 const execa = require('execa');
 const fs = require('fs')
@@ -8,7 +10,7 @@ describe('nuxt3-webpack',  () => {
 
   test('renders css files without @apply', async() => {
     // Note: this is a hacky solution
-    await execa('yarn', ['run', 'nuxt', 'build'], { cwd: __dirname });
+    await execa('pnpm', ['build'], { cwd: __dirname });
 
     const globDir = path.join(__dirname, '.output', 'public', '_nuxt', 'assets')
 

playground/nuxt2-webpack/module.test.js playground/nuxt2-webpack/module.test.ts

@@ -1,4 +1,5 @@
 {
+  "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",

playground/nuxt3-webpack/module.test.js playground/nuxt3-webpack/module.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 const cheerio = require('cheerio')
 const execa = require('execa');
 const fs = require('fs')
@@ -8,7 +10,7 @@ describe('nuxt3',  () => {
 
   test('renders css files without @apply', async() => {
     // Note: this is a hacky solution
-    await execa('yarn', ['run', 'nuxt', 'build'], { cwd: __dirname });
+    await execa('pnpm', ['build'], { cwd: __dirname });
 
     const globDir = path.join(__dirname, '.output', 'public', '_nuxt', 'assets')
 

playground/nuxt3-webpack/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",