storybook/docs/snippets/vue/single-story-test.3.js.mdx

25 lines
554 B
Plaintext

```js
// tests/Form.test.js
import { fireEvent, render, screen } from '@testing-library/vue';
import { composeStory } from '@storybook/vue3';
import Meta, { ValidForm as ValidFormStory } from './LoginForm.stories';
const FormOK = composeStory(ValidFormStory, Meta);
test('Validates form', () => {
render(FormOK());
const buttonElement = screen.getByRole('button', {
name: 'Submit',
});
fireEvent.click(buttonElement);
const isFormValid = screen.getByLabelText('invalid-form');
expect(isFormValid).not.toBeInTheDocument();
});
```