import { render, fireEvent } from '@testing-library/vue' import Component from './Component.vue' test('properly handles v-model', async () => { const { getByLabelText, getByText } = render(Component) // Asserts initial state. getByText('Hi, my name is Alice') // Get the input DOM node by querying the associated label. const usernameInput = getByLabelText(/username/i) // Updates the <input> value and triggers an `input` event. // fireEvent.input() would make the test fail. await fireEvent.update(usernameInput, 'Bob') getByText('Hi, my name is Bob') })
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter