VueCli(Vue2) 單元測試

jest 官網
Jest 是一個由Facebook 開發的 test runner,它提供許多豐富的功能,例如:斷言、分析測試涵蓋率、 mock 功能與良好的錯誤提示訊息等。
Vue Test Utils

1
2
3
4
5
6
nvm use 14.17.0
//安裝vue/cli
npm install -g @vue/cli
//vue檢查版本號
vue --version
//@vue/cli 5.0.8

創建專案

1
2
3
4
5
6
7
8
9
10
11
12
13

vue create 專案名稱 -m npm

Vue CLI v5.0.8
? Please pick a preset:
te ([Vue 3] babel, router)
vue3 ([Vue 3] babel, eslint)
element-plus ([Vue 3] dart-sass, babel, router, vuex, unit-jest)
Default ([Vue 3] babel, eslint)
❯ Default ([Vue 2] babel, eslint)
Manually select features

Creating project in /Users/larahuang/vuecli_5.0.8_2.

如果您使用 Vue CLI 建立項目,則可以使用該插件運行 Jest 測試。
unit-jest

1
2
cd 專案名稱
vue add unit-jest
運行
1
npm run test:unit