[Bug] No Coverage is tracked

[ian-infogrid]

Describe the bug

I'm using a pretty much vanilla create-react-app with Storybook v7 initialised and I can't get code coverage to record anything at all.

Steps to reproduce the behavior

To make this easy, I've shared a small repository all stood up ready to go:

1. git clone git@github.com:aquicore/chromatic-demo.git
2. Open the terminal and cd chromatic-demo
3. npm install
4. npm run storybook
5. (You may need to npx install playwright
6. (Separate terminal) npm run storybook-coverage

Expected behavior

I would expect for the Button.jsx file to have a fairly high coverage reported in the terminal in in the output file.

Screenshots and/or logs

Environment

• OS: Ubuntu 22.04.3
• Node.js version: v18.13.0
• NPM version: 8.19.3

Additional context

I've tried tweaking various things all over the place. The culprit I thought most likely was either something in react-app (I tried ejecting but it didn't do much with babel) or the fact I'm using @storybook/react-vite as the framework, but @storybook/react-webpack5 didn't appear to do anything either.

[designbyadrian]

Same issue with @storybook/test-runner 0.16.0 @storybook/addon-coverage 1.0.0 and other storybook addons at 7.6 or higher.

[kaidjohnson]

I think this issue is similar to #34.

See #34 (comment) for possible solution