fbredius/storybook

View on GitHub
docs/snippets/vue/component-test-with-testing-library.js.mdx

Summary

Maintainability
Test Coverage
```js
// tests/unit/Form.spec.js

import { render, fireEvent } from '@testing-library/vue';

import LoginForm from '../../src/components/LoginForm.vue';

import { InvalidForm } from './LoginForm.stories'; //👈 Our stories imported here.

test('Checks if the form is valid', () => {
  const { getByTestId, getByText } = render(LoginForm, {
    props: {
      ...InvalidForm.args,
    },
  });

  await fireEvent.click(getByText('Submit'));

  const isFormValid = getByTestId('invalid-form');
  expect(isFormValid).toBeInTheDocument();
});
```