Update storybook integration to support v8

chanzuckerberg · Mar 5, 2024 · 4453f88 · 4453f88
1 parent d063a34
commit 4453f88
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+- [fix] Support Storybook v8
+
 # 7.2.0 (2024-02-12)
 
 - [new] Add `config` parameter, which is passed to `axe.configure` [#88](https://github.com/chanzuckerberg/axe-storybook-testing/pull/88)

diff --git a/src/browser/StorybookPage.ts b/src/browser/StorybookPage.ts
@@ -1,4 +1,4 @@
-import type {PreviewWeb} from '@storybook/preview-api';
+import type {PreviewWeb, StoryStore} from '@storybook/preview-api';
 import type {Renderer, StoryIdentifier, Parameters} from '@storybook/types';
 import pTimeout from 'p-timeout';
 import type {Page} from 'playwright';
@@ -72,9 +72,7 @@ function fetchStoriesFromWindow(): Promise<StorybookStory[]> {
     );
   }
 
-  const storyStore = storybookPreview.storyStore;
-
-  return storyStore.cacheAllCSFFiles().then(() => {
+  return storybookPreview.extract().then(() => {
     // Pick only the properties we need from Storybook's representation of a story.
     //
     // This is necessary because Playwright's `page.evaluate` requires return values to be JSON
@@ -96,6 +94,8 @@ function fetchStoriesFromWindow(): Promise<StorybookStory[]> {
       };
     }
 
+    const storyStore = storybookPreview.storyStore as StoryStore<Renderer>;
+
     return storyStore
       .raw()
       .map(pickOnlyNecessaryAndSerializableStoryProperties);