Cannot call extract() unless you call cacheAllCSFFiles() first

[p3k]

I am getting this error when I run loki test with the storyStoreV7 feature being enabled in the Storybook configuration.

There is a corresponding issue in Storybook’s issue tracker: nuxt-modules/storybook#374

It seems to need a fix in application code, e.g. reg-viz/storycap#594

[AleksRap]

Hi. I have the same problem. I tried to run loki using docker with image yukinying/chrome-headless-browser:90.0.4408.0

[AleksRap]

I solved this problem like this:

Go to the @loki/browser library. Find a file get-stories.js . You need to make the getStories function async and add a line await window.__STORYBOOK_CLIENT_API__.storyStore.cache all CSV files(); before return

But my tests failed with error "Timeout after 10000ms"

UPDATE: ✅ problem with timeout solved. You need to change "chromeSelector" from "#root > *" to "#storybook-root > *"

[trunneml]

@AleksRap thanks your changes worked for me

[pavmax]

Had the same issue, fixed with @AleksRap changes.
I think these changes should be integrated in the library.

[HoneyQumo]

@AleksRap you are the best, it helped me a lot!

[HoneyQumo]

@AleksRap How can this be used for CI?

[ArthurGoupil]

Setting

  features: {
    storyStoreV7: false,
  }

in Storybook main.js
and "chromeSelector": "#storybook-root > *", in Loki config fixed everything for me, thanks @AleksRap !

[oblador]

Fixed in 0.31.2 👍

[ArthurGoupil]

It works without the "chromeSelector": "#storybook-root > *" hack in 0.31.2 but I get a Template is undefined when running with storyStoreV7 feature enabled.