（十三）Jest配置檔案介紹

jest --init命令在根目錄建立 jest.config.js檔案。具體**如下：

module.exports = ,

transformignorepatterns:[

'/node-module'

],'^@/(.*)$':'/src/$1'

},snapshotserializers: [

'jest-serialzer-vue'//對vue的元件做snapshot測試時使用jest-serializer-vue 第三方模組對快照做格式化。

],testmatch:[

'**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__test__/*.(js|jsx|ts|tsx)'//**/tests/unit/**/*.spec.(js|jsx|ts|tsx)自動查詢tests/unit下的所有js\jsx檔案當成測試檔案執行

],testurl:'http://localhost/',//虛擬jsdom的路徑模擬瀏覽器位址

watchplugins:[

'jest-watch-typeahead/filename',

'jest-watch-typeahead/testname'//互動式提示]}

1>、

rootdir：其實就是指整個專案的根目錄，也就是最外層的目錄。這裡多句嘴，再解釋下path.resolve(__dirname,"../../")的意義，他最終返回的結果是該問見所在的根目錄，簡單來說__dirname返回的是當前目錄，再向上兩層，就是整個專案的根目錄了。

2>、modulefileextensions：這個文件解釋的是「模組使用的副檔名陣列，從左往右查詢這些檔案」。這個引數的意義就是讓jest知道你需要測試覆蓋的檔案的副檔名都是什麼。

比如：import helloworld from '@/components/helloworld'

modulefileextensions: [

"js",

"json",

"jsx",

"ts",

"tsx",

"node",

"vue"

],沒有vue的時候，試著執行測試：npm run test:unit 此時就會報錯。如果加上vue就可以正常執行。

3>、transform語法自動轉化

transform:

4>、transformignorepatterns哪些資料夾下的檔案不需要轉化。node-module中都是第三方元件，都是已經轉化好的，沒有必要再轉化。

模組對映，把別名對映到真正的路徑下。如：import helloworld from '@/components/helloworld'

其中@就是指根目錄下的src。

6>、snapshotserializers//對vue的元件做snapshot測試時使用jest-serializer-vue 第三方模組對快照做格式化。