疑难解答

    Try using the built into Node. 在你的单元测试中添加一条 debugger;语句，然后在项目目录中执行：

    This will run Jest in a Node process that an external debugger can connect to. Note that the process will pause until the debugger has connected to it. Note that the process will pause until the debugger has connected to it.

    To debug in Google Chrome (or any Chromium-based browser), open your browser and go to chrome://inspect and click on “Open Dedicated DevTools for Node”, which will give you a list of available node instances you can connect to. Click on the address displayed in the terminal (usually something like localhost:9229) after running the above command, and you will be able to debug Jest using Chrome’s DevTools. Click on the address displayed in the terminal (usually something like localhost:9229) after running the above command, and you will be able to debug Jest using Chrome’s DevTools.

    The Chrome Developer Tools will be displayed, and a breakpoint will be set at the first line of the Jest CLI script (this is done to give you time to open the developer tools and to prevent Jest from executing before you have time to do so). 点击开发者工具中右上方调试菜单栏中的“开始调试” 按钮，让代码继续执行。 点击开发者工具中右上方调试菜单栏中的“开始调试” 按钮，让代码继续执行。 当 Jest 执行到添加了debugger; 语句的单元测试时，执行就会暂停，此时，你可以检查当前的值域和调用栈。

    note

    The --runInBand cli option makes sure Jest runs the test in the same process rather than spawning processes for individual tests. 通常情况下，Jest 并行化测试会跨进程执行，但是很难同时调试多个进程。

    Debugging in VS Code

    There are multiple ways to debug Jest tests with built-in debugger.

    To attach the built-in debugger, run your tests as aforementioned:

    1. node --inspect-brk node_modules/.bin/jest --runInBand [any other arguments here]
    2. or on Windows
    3. node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand [any other arguments here]

    Then attach VS Code’s debugger using the following launch.json config:

    1. {
    2.   "version": "0.2.0",
    3.   "configurations": [
    4.     {
    5.       "type": "node",
    6.       "request": "attach",
    7.       "name": "Attach",
    8.       "port": 9229
    9.     }
    10.   ]
    11. }

    To automatically launch and attach to a process running your tests, use the following configuration:

    1. {
    2.   "configurations": [
    3.     {
    4.       "name": "Debug Jest Tests",
    5.       "type": "node",
    6.       "request": "launch",
    7.       "runtimeArgs": [
    9.         "${workspaceRoot}/node_modules/.bin/jest",
    10.         "--runInBand"
    11.       ],
    12.       "console": "integratedTerminal",
    13.       "internalConsoleOptions": "neverOpen"
    14.     }
    15.   ]
    16. }

    If you are using Facebook’s , you can debug your Jest tests with the following configuration:

    1. {
    2.   "version": "0.2.0",
    3.   "configurations": [
    4.     {
    5.       "name": "Debug CRA Tests",
    6.       "type": "node",
    7.       "request": "launch",
    8.       "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts",
    9.       "args": [
    10.         "test",
    11.         "--no-cache",
    12.         "--env=jsdom",
    13.         "--watchAll=false"
    14.       ],
    15.       "cwd": "${workspaceRoot}",
    16.       "console": "integratedTerminal",
    17.       "internalConsoleOptions": "neverOpen"
    18.     }
    19.   ]
    20. }

    更多关于 Node 调试的信息，可以查看这里

    Debugging in WebStorm

    WebStorm has built-in support for Jest. Read to learn more.

    The transform script was changed or Babel was updated and the changes aren’t being recognized by Jest?

    尝试使用 选项。 Jest 会缓存转换的模块文件来加速测试的执行。 If you are using your own custom transformer, consider adding a function to it: getCacheKey in Relay.

    未返回的 Promises

    如果一个 Promise 并未返回任何东西（no resolve）你会看到类似于下边的报错：

    1. - Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.`

    通常这是由冲突的Promise 实现引发的。 Consider replacing the global promise implementation with your own, for example globalThis.Promise = jest.requireActual('promise'); and/or consolidate the used Promise libraries to a single one.

    If your test is long running, you may want to consider to increase the timeout by calling jest.setTimeout

    1. jest.setTimeout(10000); // 设置10秒超时

    看门狗问题

    Try running Jest with or set the watchman configuration option to false.

    更多详情，查看 看门狗疑难解答.

    Based on the findings, one way to mitigate this issue and improve the speed by up to 50% is to run tests sequentially.

    达成上述目的，可以使用选项：

    Another alternative to expediting test execution time on Continuous Integration Servers such as Travis-CI is to set the max worker pool to ~4. Specifically on Travis-CI, this can reduce test execution time in half. Note: The Travis CI free plan available for open source projects only includes 2 CPU cores. Specifically on Travis-CI, this can reduce test execution time in half. Note: The Travis CI free plan available for open source projects only includes 2 CPU cores.

    1. # Using Jest CLI
    2. jest --maxWorkers=4
    4. # Using yarn test (e.g. with create-react-app)
    5. yarn test --maxWorkers=4

    If you use GitHub Actions, you can use github-actions-cpu-cores to detect number of CPUs, and pass that to Jest.

    1. - name: Get number of CPU cores
    2.   id: cpu-cores
    3.   uses: SimenB/github-actions-cpu-cores@v1
    4. - name: run tests
    5.   run: yarn jest --max-workers ${{ steps.cpu-cores.outputs.count }}

    Another thing you can do is use the flag to parallelize the test run across multiple machines.

    coveragePathIgnorePatterns seems to not have any effect.

    Make sure you are not using the babel-plugin-istanbul plugin. Jest wraps Istanbul, and therefore also tells Istanbul what files to instrument with coverage collection. Make sure you are not using the babel-plugin-istanbul plugin. Jest wraps Istanbul, and therefore also tells Istanbul what files to instrument with coverage collection. When using babel-plugin-istanbul, every file that is processed by Babel will have coverage collection code, hence it is not being ignored by coveragePathIgnorePatterns.

    Defining Tests

    Tests must be defined synchronously for Jest to be able to collect your tests.

    As an example to show why this is the case, imagine we wrote a test like so:

    1. // Don't do this it will not work
    2. setTimeout(() => {
    3.   it('passes', () => expect(1).toBe(1));

    When Jest runs your test to collect the tests it will not find any because we have set the definition to happen asynchronously on the next tick of the event loop. This means when you are using test.each you cannot set the table asynchronously within a beforeEach / beforeAll.

    点 查看帮助