Add storybook 7 support (#454)

* feat: cache all stories before extracting them when using Storybook v7

* fix: change default selector to be compatible with Storybook v7

---------

Co-authored-by: Daniel Puscher <daniel.puscher@aroundhome.de>

Author: dpuscher

packages/browser/src/get-stories.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */
 
-const getStories = (window) => {
+const getStories = async (window) => {
   const getStorybook =
     (window.__STORYBOOK_CLIENT_API__ && window.__STORYBOOK_CLIENT_API__.raw) ||
     (window.loki && window.loki.getStorybook);
@@ -19,6 +19,13 @@ const getStories = (window) => {
     'storySource',
   ];
 
+  if (
+    window.__STORYBOOK_CLIENT_API__.storyStore &&
+    window.__STORYBOOK_CLIENT_API__.storyStore.cacheAllCSFFiles
+  ) {
+    await window.__STORYBOOK_CLIENT_API__.storyStore.cacheAllCSFFiles();
+  }
+
   const isSerializable = (value) => {
     try {
       JSON.stringify(value);

packages/runner/src/commands/test/default-options.json

@@ -8,7 +8,7 @@
   "chromeFlags": "--headless --disable-gpu --hide-scrollbars",
   "chromeLoadTimeout": "60000",
   "chromeRetries": "0",
-  "chromeSelector": "#root > *",
+  "chromeSelector": "#root > *, #storybook-root > *",
   "chromeTolerance": "0",
   "host": "localhost",
   "output": "./.loki/current",