To use copy/paste in version 14 of @testing-library/user-event, you first need to install the package:
npm install @testing-library/user-event@latest
Then, you can use the userEvent
method to simulate copy and paste. Here is an example:
import { render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
test('copy and paste text', () => {
const text = 'hello world';
const input = render(<input type="text" />);
const inputNode = input.getByRole('textbox');
userEvent.type(inputNode, text);
expect(inputNode).toHaveValue(text);
userEvent.clear(inputNode);
expect(inputNode).toHaveValue('');
userEvent.clipboardText(text);
userEvent.paste(inputNode);
expect(inputNode).toHaveValue(text);
});
In this example, we simulate typing hello world
in an input field, then clear the input, simulate copying hello world
to the clipboard, and finally simulate pasting it into the input field.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2021-10-06 11:00:00 +0000
Seen: 15 times
Last updated: Jun 27 '21
What is the method for altering the color of the input text in a TextFormField in Flutter?
What is the procedure for utilizing the node-rdpjs library?
What is the method to change a PDF file to an Excel file using C#?
What is the method to make a TextButton inactive when the text field has no text?
What is the method to alter the background image in HTML?
What is the method for saving an entity with @EmbeddedId as its primary key in Hibernate?
What is the method to superimpose two seaborn density plots?