diff --git a/docs/vue-testing-library/examples.mdx b/docs/vue-testing-library/examples.mdx index 33010d331..1050c76be 100644 --- a/docs/vue-testing-library/examples.mdx +++ b/docs/vue-testing-library/examples.mdx @@ -92,6 +92,49 @@ test('properly handles v-model', async () => { }) ``` +## Example using `props`: + +```html + + + +``` + +```js +import { render } from '@testing-library/vue' +import FormInput from './FormInput.vue' + +it('renders the correct default state', () => { + const { getByText } = render(FormInput) + + // Asserts initial state. + getByText('Default label') +}) + +it('renders the label prop', () => { + const props = { + label: 'The new label', + } + const { getByText } = render(FormInput, { + props, + }) + + getByText(props.label) +}) + +``` + ## More examples You'll find examples of testing with different libraries in