Jest addon not hot reloading test results

Describe the bug Jest test results are not hot reloaded in the ‘Tests’ addon tab. Manual refreshing required to see updated test results.

To Reproduce Steps to reproduce the behavior:

• Create CRA app
• Setup storybook and jest addon as described in respective projects
• Setup command in package.json

    "test:generate-output": "react-scripts test --json --outputFile=.storybook/jest-test-results.json --silent --verbose=false || true",
    "prestorybook:dev": "clear && echo \"DOING FIRST TEST RUN\" && CI=true yarn run test:generate-output",
    "storybook": "start-storybook -p 9009 -s public",
    "storybook:dev": "clear && concurrently -n storybook,jest -k \"yarn run storybook --quiet\" \"yarn run test:generate-output\""

• Create test
• yarn storybook:dev

Expected behavior Run tests and have hot reloading in Tests tab, as displayed in the animated gif in the jest-addon README.

System:

• OS: Ubuntu
• Browser: Safari
• Framework: React
• Addons: addon-jest
• Version: 4.1.6

[shilman]

@CodeByAlex Any chance you can look at this as part of your work on the Jest addon?

[sergej-s]

In case someone stumble upon this issue: hmr does work but not in the right order. When the story/test file is being changed then hmr hits updating of storybook immediately without waiting for jest to complete testing. So test-addon ends up with old jest-test-results.json albeit is reloaded successfully. After jest completed testing hmr tries to do reloading again for the changed jest-test-results.json file and for components that depend on it. Nothing seems to depend on jest-test-results.json if test-addon is configured in config.js so test tab stays unreloaded. The only way I found to solve the issue is that jest-test-results.json should be explicitly imported in test files as a dependency: If there is a better way plz msg here 😃