vuejs · lmiller1990 · Jun 20, 2020 · Jun 20, 2020 · Jun 20, 2020 · Jun 20, 2020
diff --git a/.babelrc b/.babelrc
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -42,31 +42,15 @@ jobs:
       - run:
           name: yarn bootstrap
           command: yarn bootstrap
-  build_test:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/repo
-      - *restore_node_modules
-      - run:
-          name: yarn build:test
-          command: yarn build:test
   test:
     <<: *defaults
     steps:
       - attach_workspace:
           at: ~/repo
       - *restore_node_modules
       - run:
-          name: yarn test
-          command: yarn test
-  test_compat:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/repo
-      - *restore_node_modules
-      - run: yarn test:compat
+          name: yarn test:unit
+          command: yarn test:unit
 workflows:
   version: 2
   install-tests:
@@ -75,14 +59,6 @@ workflows:
       - bootstrap:
           requires:
             - install
-      - build_test:
-          requires:
-            - install
       - test:
           requires:
             - install
-      - test_compat:
-          requires:
-            - install
-            - build_test
-            - test
diff --git a/.eslintrc b/.eslintrc
@@ -2,7 +2,8 @@
   "globals": {
     "wrapper": true,
     "expect": true,
-    "Element": true
+    "Element": true,
+    "jest": true
   },
   "root": true,
   "plugins": [

diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,18 @@
+module.exports = {
+  plugins: [
+    'transform-flow-strip-types',
+    'transform-vue-jsx',
+    ['@babel/plugin-proposal-decorators', { legacy: true }],
+    ['@babel/plugin-proposal-class-properties', { loose: true }]
+  ],
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current'
+        }
+      }
+    ]
+  ]
+}
diff --git a/docs/api/wrapper-array/setChecked.md b/docs/api/wrapper-array/setChecked.md
@@ -31,9 +31,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal(false)
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual(false)
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setChecked()
-expect(wrapper.vm.t1).to.equal(true)
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual(true)
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/api/wrapper-array/setValue.md b/docs/api/wrapper-array/setValue.md
@@ -30,9 +30,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal('')
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual('')
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setValue('foo')
-expect(wrapper.vm.t1).to.equal('foo')
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual('foo')
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/ja/api/wrapper-array/setChecked.md b/docs/ja/api/wrapper-array/setChecked.md
@@ -31,9 +31,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal(false)
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual(false)
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setChecked()
-expect(wrapper.vm.t1).to.equal(true)
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual(true)
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/ja/api/wrapper-array/setValue.md b/docs/ja/api/wrapper-array/setValue.md
@@ -30,9 +30,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal('')
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual('')
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setValue('foo')
-expect(wrapper.vm.t1).to.equal('foo')
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual('foo')
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/ru/api/wrapper-array/setChecked.md b/docs/ru/api/wrapper-array/setChecked.md
@@ -31,9 +31,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal(false)
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual(false)
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setChecked()
-expect(wrapper.vm.t1).to.equal(true)
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual(true)
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/ru/api/wrapper-array/setValue.md b/docs/ru/api/wrapper-array/setValue.md
@@ -30,9 +30,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal('')
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual('')
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setValue('foo')
-expect(wrapper.vm.t1).to.equal('foo')
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual('foo')
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/zh/api/wrapper-array/setChecked.md b/docs/zh/api/wrapper-array/setChecked.md
@@ -31,9 +31,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal(false)
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual(false)
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setChecked()
-expect(wrapper.vm.t1).to.equal(true)
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual(true)
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/docs/zh/api/wrapper-array/setValue.md b/docs/zh/api/wrapper-array/setValue.md
@@ -30,9 +30,9 @@ const wrapper = mount({
 })
 
 const wrapperArray = wrapper.findAll('.foo')
-expect(wrapper.vm.t1).to.equal('')
-expect(wrapper.vm.t2).to.equal('')
+expect(wrapper.vm.t1).toEqual('')
+expect(wrapper.vm.t2).toEqual('')
 wrapperArray.setValue('foo')
-expect(wrapper.vm.t1).to.equal('foo')
-expect(wrapper.vm.t2).to.equal('foo')
+expect(wrapper.vm.t1).toEqual('foo')
+expect(wrapper.vm.t2).toEqual('foo')
 ```
diff --git a/jest.config.js b/jest.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  moduleNameMapper: {
+    '^~(.*)$': '<rootDir>/test/$1',
+    '^packages/(.*)$': '<rootDir>/packages/$1',
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy'
+  },
+  transform: {
+    '.*\\.(vue)$': 'vue-jest',
+    '^.+\\.js$': '<rootDir>/node_modules/babel-jest'
+  }
+}
diff --git a/package.json b/package.json
@@ -6,44 +6,14 @@
   ],
   "scripts": {
     "bootstrap": "lerna bootstrap",
-    "build": "lerna run build",
-    "build:test": "lerna run build:test",
-    "clean": "lerna clean --yes",
-    "commit": "git-cz",
-    "docs": "vuepress dev docs",
-    "docs:build": "vuepress build docs",
-    "flow": "flow check",
-    "lint": "eslint --ext js,vue .",
-    "lint:docs": "eslint --ext js,vue,md docs --ignore-path .gitignore",
-    "lint:fix": "yarn lint -- --fix",
-    "format": "prettier --write \"**/*.{js,json,vue,md}\"",
-    "format:check": "prettier --check \"**/*.{js,json,vue,md}\"",
-    "release": "yarn build && yarn test:unit:only && lerna publish --conventional-commits -m \"chore(release): publish %s\"",
-    "test": "yarn format:check && yarn lint && yarn lint:docs && yarn flow && yarn test:types && yarn test:unit && yarn test:unit:karma && yarn test:unit:node",
-    "test:compat": "scripts/test-compat.sh",
-    "test:unit": "yarn build:test && yarn test:unit:only",
-    "test:unit:only": "mocha-webpack --webpack-config test/setup/webpack.test.config.js test/specs --recursive --require test/setup/mocha.setup.js",
-    "test:unit:only:dev": "cross-env TARGET=dev yarn test:unit:only",
-    "test:unit:debug": "yarn build:test && node --inspect-brk node_modules/.bin/mocha-webpack --webpack-config test/setup/webpack.test.config.js test/specs --recursive --require test/setup/mocha.setup.js",
-    "test:unit:karma": "yarn build:test && yarn test:unit:karma:only",
-    "test:unit:karma:only": "cross-env TARGET=browser karma start test/setup/karma.conf.js --single-run",
-    "test:unit:node": "yarn build:test && yarn test:unit:node:only",
-    "test:unit:node:only": "cross-env TEST_ENV=node mocha-webpack --webpack-config test/setup/webpack.test.config.js test/specs/render.spec.js test/specs/renderToString.spec.js --require test/setup/mocha.setup.js",
+    "test:unit": "cross-env TARGET=dev yarn jest",
     "test:types": "tsc -p packages/test-utils/types && tsc -p packages/server-test-utils/types"
   },
   "dependencies": {
-    "babel-core": "^6.26.0",
     "babel-eslint": "^8.2.2",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-loader": "^7.1.3",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
     "babel-plugin-transform-vue-jsx": "^3.7.0",
     "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-flow-vue": "^1.0.0",
-    "babel-preset-stage-2": "^6.24.1",
-    "chai": "^4.0.0",
     "chalk": "^2.4.2",
     "conditional-specs": "^1.0.1",
     "conventional-changelog": "^3.1.12",
@@ -56,13 +26,6 @@
     "flow-bin": "^0.66.0",
     "jsdom": "^12.0.0",
     "jsdom-global": "^3.0.2",
-    "karma": "^3.1.4",
-    "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "karma-sinon-chai": "^2.0.2",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-spec-reporter": "^0.0.31",
-    "karma-webpack": "^2.0.3",
     "lerna": "^3.20.2",
     "markdown-it-include": "^1.0.0",
     "mocha": "^5.2.0",
@@ -74,12 +37,10 @@
     "rollup-plugin-json": "4",
     "rollup-plugin-node-resolve": "5",
     "semver": "^6.3.0",
-    "sinon": "^7.2.3",
-    "sinon-chai": "^3.3.0",
     "typescript": "3",
     "vee-validate": "^2.1.3",
     "vue": "^2.6.11",
-    "vue-class-component": "^6.1.2",
+    "vue-class-component": "^7.2.3",
     "vue-loader": "^13.6.2",
     "vue-router": "^3.0.1",
     "vue-server-renderer": "^2.6.11",
@@ -91,16 +52,26 @@
     "webpack-node-externals": "^1.6.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.10.3",
+    "@babel/plugin-proposal-class-properties": "^7.10.1",
+    "@babel/plugin-proposal-decorators": "^7.10.3",
+    "@babel/preset-env": "^7.10.3",
     "@commitlint/cli": "^8.2.0",
     "@commitlint/config-conventional": "^8.2.0",
     "@vue/composition-api": "^0.6.4",
+    "babel-jest": "^26.0.1",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-flow-strip-types": "^6.22.0",
     "commitizen": "^4.0.3",
     "cz-conventional-changelog": "^3.0.2",
     "husky": "^3.1.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^26.0.1",
     "lint-staged": "^9.5.0",
     "prettier": "^1.16.0",
     "rollup-plugin-delete": "^1.2.0",
-    "rollup-plugin-replace": "^2.2.0"
+    "rollup-plugin-replace": "^2.2.0",
+    "vue-jest": "^4.0.0-beta.3"
   },
   "config": {
     "commitizen": {

diff --git a/test/resources/utils.js b/test/resources/utils.js
@@ -1,8 +1,8 @@
 /* global describe */
 
 import Vue from 'vue'
-import { shallowMount, mount } from '@vue/test-utils'
-import { renderToString } from '@vue/server-test-utils'
+import { shallowMount, mount } from 'packages/test-utils/src'
+import { renderToString } from 'packages/server-test-utils/src'
 
 export const vueVersion = Number(
   `${Vue.version.split('.')[0]}.${Vue.version.split('.')[1]}`

diff --git a/test/setup/mocha.setup.js b/test/setup/mocha.setup.js
@@ -1,14 +0,0 @@
-require('babel-polyfill')
-
-if (process.env.TEST_ENV !== 'node') {
-  require('jsdom-global')()
-}
-
-const chai = require('chai')
-const sinon = require('sinon')
-const sinonChai = require('sinon-chai')
-
-chai.use(sinonChai)
-
-global.expect = chai.expect
-global.sinon = sinon

diff --git a/test/specs/components/RouterLink.spec.js b/test/specs/components/RouterLink.spec.js
@@ -1,4 +1,4 @@
-import { RouterLinkStub } from '@vue/test-utils'
+import RouterLinkStub from '../.././../packages/test-utils/src/components/RouterLinkStub'
 import { describeWithShallowAndMount } from '~resources/utils'
 
 describeWithShallowAndMount('RouterLinkStub', mountingMethod => {
@@ -26,14 +26,14 @@ describeWithShallowAndMount('RouterLinkStub', mountingMethod => {
     })
 
     const routerLink = wrapper.find(RouterLinkStub)
-    expect(routerLink.props().to).to.equal('to1')
-    expect(routerLink.props().tag).to.equal('a')
-    expect(routerLink.props().exact).to.equal(true)
-    expect(routerLink.props().append).to.equal(true)
-    expect(routerLink.props().replace).to.equal(true)
-    expect(routerLink.props().activeClass).to.equal('activeClass1')
-    expect(routerLink.props().exactActiveClass).to.equal('exactActiveClass1')
-    expect(routerLink.props().event).to.equal('event1')
+    expect(routerLink.props().to).toEqual('to1')
+    expect(routerLink.props().tag).toEqual('a')
+    expect(routerLink.props().exact).toEqual(true)
+    expect(routerLink.props().append).toEqual(true)
+    expect(routerLink.props().replace).toEqual(true)
+    expect(routerLink.props().activeClass).toEqual('activeClass1')
+    expect(routerLink.props().exactActiveClass).toEqual('exactActiveClass1')
+    expect(routerLink.props().event).toEqual('event1')
   })
 
   it('renders slot content', () => {
@@ -49,6 +49,6 @@ describeWithShallowAndMount('RouterLinkStub', mountingMethod => {
         RouterLink: RouterLinkStub
       }
     })
-    expect(wrapper.find(RouterLinkStub).text()).to.equal('some text')
+    expect(wrapper.find(RouterLinkStub).text()).toEqual('some text')
   })
 })