refactor: swap storybook/jest for storybook/test

chanzuckerberg · Feb 26, 2024 · a1925a9 · a1925a9
1 parent 2330a68
commit a1925a9
Show file tree

Hide file tree

Showing 3 changed files with 191 additions and 1,239 deletions.
diff --git a/package.json b/package.json
@@ -134,6 +134,7 @@
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/react": "^7.6.17",
     "@storybook/react-webpack5": "^7.6.17",
+    "@storybook/test": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/testing-react": "^2.0.1",
     "@testing-library/jest-dom": "^6.4.2",

diff --git a/src/components/Select/Select.stories.tsx b/src/components/Select/Select.stories.tsx
@@ -1,6 +1,6 @@
-import { expect } from '@storybook/jest';
 import type { StoryObj, Meta } from '@storybook/react';
-import { userEvent, waitFor, within } from '@storybook/testing-library';
+import { expect } from '@storybook/test';
+import { userEvent, within } from '@storybook/testing-library';
 import React from 'react';
 import { Select } from './Select';
 import Icon from '../Icon';
@@ -514,16 +514,16 @@ export const LongOptionList: StoryObj = {
     await openMenu(playOptions);
     await userEvent.keyboard('{ArrowDown}{ArrowDown}{ArrowDown}{ArrowDown}');
 
-    await waitFor(async () => {
-      await expect(selectButton.getAttribute('aria-expanded')).toEqual('true');
-    });
+    // await waitFor(async () => {
+    await expect(selectButton.getAttribute('aria-expanded')).toEqual('true');
+    // });
   },
   parameters: {
     badges: ['1.2'],
     layout: 'centered',
     chromatic: { delay: 450 },
   },
-  decorators: [(Story) => <div className="px-3 py-16">{Story()}</div>],
+  decorators: [(Story) => <div className="p-8 pb-16">{Story()}</div>],
 };
 
 /**