Unable to select story with --only

I’m trying to run chromatic only for a single component, but cannot get the argument to --only to work. When run with --list I get e.g.:

→ Single Case / Top Bar:Main Case Data
→ Single Case / Top Bar:Minimal Data

So I tried running with --only "Single Case / Top Bar:*". This causes an error:

✖ Invalid --only Value must be provided in the form ‘Path/To/MyStory’. Globbing is supported, for example: ‘Pages/**’

Leaving away the spaces around the slash gets around the error, but selects no stories. Maybe the regex for the argument needs to allow spaces?

[bodograumann]

Ok this seems to work indeed. Not sure how it could have been clear to me 🤔 Maybe change the format in --list?

[pequeurb]

When I’m trying to fix a problem for a big component, we usually have a lot of stories for it, meaning that --only-changed will result in for example 20-40 snapshots being taken, compared to only 1 if I’m testing my changes via --only. In some cases I need to do this, because some of the problems we encounter only occur in snapshots and not in storybook itself.

Like for example, I have a component that uses DeckGL + ReactMapGL + Mapbox, and the map loads perfectly fine in the chrome snapshot, but doesn’t load at all in the firefox snapshot. It’s just blank for some reason, even though in storybook we have no issues at all on firefox.

I still have no idea what’s causing that, so while I’m testing things like that, I’d very much prefer to save on snapshots by only running a specific story and not everything related to that component.