Fix page loading issue

[DanilAgafonov]

I faced the issue: TimeoutError: Waiting failed: 30000ms exceeded. It was stuck on this line:

screener-storybook/src/storybook.js

Line 44 in f768e7a

await page.waitForFunction(`

I tried to disable headless mode and I found only one error in browser console:

Uncaught (in promise) Error: Failed to initialize Storybook.

Do you have an error in your `preview.js`? Check your Storybook's browser console for errors.

This error appears only when I use screener-storybook. I see no issue if I run Storybook normally or if I build Storybook statically, serve storybook-static dir via HTTP and open /iframe.html.

This PR offers one-line fix.

[DanilAgafonov]

@sauce-tartar could please take a look?

[sauce-gabriel]

Hello @DanilAgafonov, thank you for reporting the issue along with a quick fix 💪
Would you be able to give me more details about how to reproduce the issue, please? (Storybook, react and node versions would be also as well)

[DanilAgafonov]

Sorry for delay. It looks like it was my mistake: I didn't realize that screener-storybook is not ready for Storybook v7.

My setup includes Storybook v7 RC, @storybook/html, @storybook/html-vite (all of them 7.0.0-rc.5).

I finally managed to make screener-storybook work with my setup. In order to do that, I:

• disabled storyStoreV7 (that actually fixed error I mentioned in PR description)
• implemented workaround for selectedKind and selectedStory preview URL params. They was deprecarted starting from Storybook v5 and was removed in Storybook v7. I put following script to preview-head.html: https://gist.github.com/DanilAgafonov/749be1ac35b1f34b1ab7c9a4c3870a19#file-preview-head-html

I think it is safe to close this PR for now. But if you are planning to support Storybook v7 with storyStoreV7 enabled, you probably have to introduce this fix.