storybook/docs/snippets/react/portable-stories-jest-with-play-function.ts.mdx

```tsx
// Button.test.tsx
import { test } from 'vitest';
import { render } from '@testing-library/react';
import { composeStory } from '@storybook/react';

import meta, { Primary } from './Button.stories';

test('renders and executes the play function', async () => {
  const PrimaryStory = composeStory(Primary, meta);

  // First, render the story
  const { container } = render(<PrimaryStory />);

  // Then, execute the play function
  await PrimaryStory.play({ canvasElement: container });
});
```