使測試在測試時忽略無關輸入

Question

測試組件

我試圖對Jest的反應組件進行一些非常簡單的測試。我遇到了，因爲這條線的問題在我的組件文件

import {} from './style.less'; 

這裏進口的頂部並不需要進行測試，並在理想情況下從測試忽略。

[NPM測試]

當測試通過npm test運行的結果我得到的迴應

FAIL tests/app_test.js ● Runtime Error SyntaxError: Unexpected token { in file 'client/components/app/style.less'.

Make sure your preprocessor is set up correctly and ensure your 'preprocessorIgnorePatterns' configuration is correct: http://facebook.github.io/jest/docs/api.html#preprocessorignorepatterns-array-string If you are currently setting up Jest or modifying your preprocessor, try jest --no-cache . Preprocessor: node_modules/jest-css-modules. Jest tried to the execute the following preprocessed code: //some .less code

但是，如果我註釋掉少進口線我的測試運行正常。

問題

我怎樣才能得到開玩笑跳過這行代碼或忽略此導入？

Answer 1

我已經解決了忽略樣式（https://github.com/bkonkle/ignore-styles）的相同問題。我已經使用這個庫與摩卡，但我認爲它應該可以與笑話。

Answer 2

除了手動嘲諷測試頂部的.less文件之外，唯一可以讓我忽略較少文件的唯一方法是，例如，

jest.mock("../../src/styles.less",() => jest.fn()); 

是添加以下到的package.json：

"jest": { 
"moduleNameMapper": { 
    ".*\\.less$": "<rootDir>/pathToDummyFile/dummy.js" 
    } 
}, 

每當你的代碼試圖導入文件，少它將代替重定向進口來獲取一個空的虛擬文件，這將避免您遇到的意外令牌錯誤。

Answer 3

如果你仍然有這個問題，請嘗試以下配置添加到您的jest.config.json文件：

"transform": { "^.+\\.(css|less)$": "./styleMock.js" }

在這裏，您styleMock.js你創建一個transformer這將改變你的.less文件，這樣：

module.exports = { process() { return '' } }