Merge pull request #377 from storybookjs/next

Release 0.14.0

.github/ISSUE_TEMPLATE/bug-report-🐞.md

@@ -1,17 +1,17 @@
 ---
 name: "Bug report \U0001F41E"
 about: Create a report to help us improve
-title: "[bug] "
+title: '[bug] '
 labels: bug, needs triage
 assignees: ''
-
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'

.github/workflows/nightly.yml

@@ -32,11 +32,9 @@ jobs:
       - name: Upgrade to storybook@next
         run: |
           npx storybook@next upgrade --prerelease --yes
+        env:
+          YARN_ENABLE_IMMUTABLE_INSTALLS: false
 
-      # TODO: This should not be necessary once @storybook/csf is properly updated
-      - name: Fix local @storybook/csf version
-        run: |
-          yarn add @storybook/[email protected]
       - name: Run test runner
         uses: mathiasvr/command-output@v1
         id: tests
@@ -118,11 +116,8 @@ jobs:
       - name: Upgrade to storybook@next
         run: |
           npx storybook@next upgrade --prerelease --yes
-
-      # TODO: This should not be necessary once @storybook/csf is properly updated
-      - name: Fix local @storybook/csf version
-        run: |
-          yarn add @storybook/[email protected]
+        env:
+          YARN_ENABLE_IMMUTABLE_INSTALLS: false
 
       - name: Run test runner and expect failure
         uses: mathiasvr/command-output@v1

.gitignore

@@ -10,4 +10,12 @@ yarn-error.log
 .nyc_output
 coverage
 test-results.json
-**/junit.xml
+**/junit.xml
+
+
+/**/.yarn/*
+!/**/.yarn/releases
+!/**/.yarn/plugins
+!/**/.yarn/sdks
+!/**/.yarn/versions
+/**/.pnp.*

.storybook/main.ts

@@ -1,3 +1,5 @@
+import { StorybookConfig } from '@storybok/react-vite';
+
 let stories = [
   '../stories/docs/**/*.mdx',
   // default title prefix
@@ -28,7 +30,7 @@ const addons = [
   '@storybook/addon-interactions',
   '@storybook/addon-coverage',
 ];
-module.exports = {
+const config: StorybookConfig = {
   stories,
   addons,
   features: {
@@ -46,3 +48,5 @@ module.exports = {
     autodocs: true,
   },
 };
+
+export default config;

.storybook/test-runner.ts

@@ -1,5 +1,5 @@
 import { toMatchImageSnapshot } from 'jest-image-snapshot';
-import { getStoryContext } from '../dist/playwright/hooks';
+import { getStoryContext, waitForPageReady } from '../dist/playwright/hooks';
 import type { TestRunnerConfig } from '../dist';
 
 const snapshotsDir = process.env.SNAPSHOTS_DIR || '__snapshots__';
@@ -22,6 +22,8 @@ const config: TestRunnerConfig = {
       return;
     }
 
+    await waitForPageReady(page);
+
     // Visual snapshot tests
     const image = await page.screenshot({ fullPage: true });
     expect(image).toMatchImageSnapshot({

.yarnrc.yml

@@ -0,0 +1,5 @@
+enableTelemetry: 0
+
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.6.3.cjs