docs/_snippets/button-snapshot-test-portable-stories.md
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, nextjs-vite, etc.
import { composeStories } from '@storybook/your-framework';
import * as stories from '../stories/Button.stories';
const { Primary } = composeStories(stories);
test('Button snapshot', async () => {
await Primary.run();
expect(document.body.firstChild).toMatchSnapshot();
});
// @vitest-environment jsdom
import { expect, test } from 'vitest';
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, nextjs-vite, etc.
import { composeStories } from '@storybook/your-framework';
import * as stories from '../stories/Button.stories';
const { Primary } = composeStories(stories);
test('Button snapshot', async () => {
await Primary.run();
expect(document.body.firstChild).toMatchSnapshot();
});
// @vitest-environment jsdom
import { expect, test } from 'vitest';
import { composeStories } from '@storybook/vue3-vite';
import * as stories from '../stories/Button.stories';
const { Primary } = composeStories(stories);
test('Button snapshot', async () => {
await Primary.run();
expect(document.body.firstChild).toMatchSnapshot();
});
// @vitest-environment jsdom
import { expect, test } from 'vitest';
// Replace your-framework with the framework you are using, e.g. sveltekit or svelte-vite
import { composeStories } from '@storybook/your-framework';
import * as stories from '../stories/Button.stories';
const { Primary } = composeStories(stories);
test('Button snapshot', async () => {
await Primary.run();
expect(document.body.firstChild).toMatchSnapshot();
});