如何在react中测试复制和粘贴事件

Question

我的组件中有复制按钮。我想先测试复制，然后粘贴到某个地方。我该怎么做这个测试？

import { screen, render } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import "@testing-library/jest-dom";
import React from "react";
import App from "./App";
describe("is copied ?", () => {

test("try copy", () => {
render(<App />);
const copyBtn = screen.getAllByText("Click to copy emoji");
const input = screen.getByPlaceholderText("search emoji");
userEvent.click(copyBtn[0]);
userEvent.paste(input, window.ClipboardItem);
expect(input).toHaveValue();
});
});

Answer 1

当您使用React测试库时，请考虑当某些操作发生时，用户会看到什么或得到什么反馈。那么，在您的情况下，当用户单击复制按钮时，会发生什么？用户应该看到什么吗？

当他们粘贴值时，应该发生什么？

在你的测试中，也许你可以得到表情符号，并测试输入中的值是否等于第一个表情符号。