GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

increase test coverage in storybook ui

Browse Source
This commit is contained in:
Yann Braga 2024-08-16 11:10:11 +02:00
parent e7c6db6af3
commit 3646ab5152
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
code/.storybook/vitest.config.ts
View File

@ -33,7 +33,7 @@ export default mergeConfig(
include: [
// TODO: test all core and addon stories later
// './core/**/components/**/*.{story,stories}.?(c|m)[jt]s?(x)',
'../addons/interactions/src/**/*.{story,stories}.?(c|m)[jt]s?(x)',
'../addons/**/src/**/*.{story,stories}.?(c|m)[jt]s?(x)',
],
exclude: [
...defaultExclude,

4
code/addons/onboarding/src/components/HighlightElement/HighlightElement.stories.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import type { Meta, StoryObj } from '@storybook/react';
import { expect, within } from '@storybook/test';
import { expect, waitFor, within } from '@storybook/test';
import { HighlightElement } from './HighlightElement';
@ -38,7 +38,7 @@ export const Default: Story = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement.parentElement!);
const button = canvas.getByRole('button');
await expect(button).toHaveStyle('box-shadow: rgba(2,156,253,1) 0 0 2px 1px');
await waitFor(() => expect(button).toHaveStyle('box-shadow: rgba(2,156,253,1) 0 0 2px 1px'));
},
};

2
code/package.json
View File

@ -48,7 +48,7 @@
"storybook:ui": "NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" ./lib/cli/bin/index.cjs dev --port 6006 --config-dir ./.storybook",
"storybook:ui:build": "NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" ./lib/cli/bin/index.cjs build --config-dir ./.storybook --webpack-stats-json",
"storybook:ui:chromatic": "../scripts/node_modules/.bin/chromatic --build-script-name storybook:ui:build --storybook-base-dir ./ --exit-zero-on-changes --exit-once-uploaded",
"storybook:vitest": "yarn test --project storybook-ui",
"storybook:vitest": "yarn test:watch --project storybook-ui",
"storybook:vitest:inspect": "INSPECT=true yarn test --project storybook-ui",
"task": "yarn --cwd ../scripts task",
"test": "NODE_OPTIONS=--max_old_space_size=4096 vitest run",