feat: test

create/index.js

@@ -28,7 +28,8 @@ let name = 'example'
 
 const templates = {
   components: {
-    default: './create/templates/component/vexample.vue',
+    view: './create/templates/component/vexample.vue',
+    test: './create/templates/component/vexample.test.ts',
   },
 
   modules: {
@@ -50,6 +51,7 @@ const templates = {
       './create/templates/module/stores/index.ts'
     ],
 
+    tests: './create/templates/module/tests/exampleIndex.test.ts',
     typings: './create/templates/module/typings/exampleTypings.ts',
     views: './create/templates/module/views/exampleIndex.vue',
     locale: './create/templates/module/locale.ts',
@@ -109,14 +111,28 @@ const createFolder = (type, folder) => {
 }
 
 const createComponent = {
-  default: folderName => {
+  view: folderName => {
     const folder = `${createFolder('component', folderName)}/`
     const file = `v${camelCase(name)}.vue`
     const path = folder + file
 
     if (!checkPath(path)) {
       shell.touch(path)
-      shell.exec(`cat ${templates.components.default} > ${path}`)
+      shell.exec(`cat ${templates.components.view} > ${path}`)
+
+      log(folder, file, true)
+    } else {
+      log(folder, file, false)
+    }
+  },
+  test: folderName => {
+    const folder = `${createFolder('component', folderName)}/`
+    const file = `v${camelCase(name)}.test.ts`
+    const path = folder + file
+
+    if (!checkPath(path)) {
+      shell.touch(path)
+      shell.exec(`cat ${templates.components.test} > ${path}`)
 
       log(folder, file, true)
     } else {
@@ -227,6 +243,21 @@ const createModule = {
     }
   },
 
+  tests: () => {
+    const folder = `${createFolder('module', 'tests')}/`
+    const file = `${camelCase(name)}.test.ts`
+    const path = folder + file
+
+    if (!checkPath(path)) {
+      shell.touch(path)
+      shell.exec(`cat ${templates.modules.tests} > ${path}`)
+
+      log(folder, file, true)
+    } else {
+      log(folder, file, false)
+    }
+  },
+
   typings: () => {
     const folder = `${createFolder('module', 'typings')}/`
     const file = `${camelCase(name)}Typings.ts`
@@ -306,22 +337,26 @@ const createModule = {
 const actions = {
   atoms: componentName => {
     name = componentName
-    createComponent.default('atoms')
+    createComponent.view('atoms')
+    createComponent.test('atoms')
   },
 
   molecules: componentName => {
     name = componentName
-    createComponent.default('molecules')
+    createComponent.view('molecules')
+    createComponent.test('molecules')
   },
 
   organisms: componentName => {
     name = componentName
-    createComponent.default('organisms')
+    createComponent.view('organisms')
+    createComponent.test('organisms')
   },
 
   templates: componentName => {
     name = componentName
-    createComponent.default('templates')
+    createComponent.view('templates')
+    createComponent.test('templates')
   },
 
   module: (moduleName, moduleType) => {
@@ -333,6 +368,7 @@ const actions = {
       createModule.locales()
       createModule.services()
       createModule.stores()
+      createModule.tests()
       createModule.typings()
       createModule.views()
       createModule.locale()

create/templates/component/vexample.test.ts

@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest'
+
+describe('tests', () => {
+  it('should works', () => {
+    expect(1 + 1).toEqual(2)
+  })
+})

create/templates/module/tests/exampleIndex.test.ts

@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest'
+
+describe('tests', () => {
+  it('should works', () => {
+    expect(1 + 1).toEqual(2)
+  })
+})

package.json

@@ -26,9 +26,9 @@
     "prepare": "husky install",
     "clean:dist": "rimraf dist",
     "clean:coverage": "rimraf coverage",
-    "dev": "cp env/env.dev .env && vite --mode development",
-    "build:dev": "pnpm clean:dist && cp env/env.dev .env && vite build --mode production",
-    "build:prod": "pnpm clean:dist && cp env/env.prod .env && vite build --mode production",
+    "dev": "cp env/env.dev .env && vite --mode dev",
+    "build:dev": "pnpm clean:dist && cp env/env.dev .env && vite build --mode prod",
+    "build:prod": "pnpm clean:dist && cp env/env.prod .env && vite build --mode prod",
     "build:report": "pnpm clean:dist && cp env/env.prod .env && vite build --mode report",
     "serve": "vite preview",
     "stylelint": "stylelint --config stylelint.config.js 'src/**/*.{vue,scss}'",
@@ -37,8 +37,7 @@
     "linter:fix": "eslint -c .eslintrc.js --fix --ext .js,.vue,.ts, src",
     "lint": "pnpm linter && pnpm stylelint",
     "lint:fix": "pnpm linter:fix && pnpm stylelint:fix",
-    "test": "pnpm clean:coverage && jest",
-    "test:watch": "pnpm clean:coverage && jest --watch"
+    "test": "pnpm clean:coverage && vitest --coverage --mode test"
   },
   "config": {
     "commitizen": {
@@ -48,9 +47,7 @@
   "devDependencies": {
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
-    "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/vue": "^6.5.0",
-    "@types/jest": "^26.0.24",
     "@typescript-eslint/eslint-plugin": "^4.29.2",
     "@typescript-eslint/parser": "^4.29.2",
     "chalk": "^4.1.2",
@@ -62,19 +59,13 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-vue": "^7.16.0",
-    "jest": "26.6.3",
-    "jest-serializer-vue": "^2.0.2",
-    "jest-transform-stub": "^2.0.0",
-    "jest-watch-typeahead": "^0.6.4",
     "shelljs": "^0.8.4",
     "standard": "^16.0.3",
     "stylelint": "^13.13.1",
     "stylelint-config-recommended-scss": "^4.3.0",
     "stylelint-config-standard": "^21.0.0",
     "stylelint-rscss": "^0.4.0",
-    "stylelint-scss": "^3.20.1",
-    "ts-jest": "26.5.6",
-    "vue-jest": "^5.0.0-alpha.10"
+    "stylelint-scss": "^3.20.1"
   },
   "dependencies": {
     "@iconify/json": "^1.1.434",