Ali
36 lines
968 B
TypeScript
36 lines
968 B
TypeScript
import { fireEvent, render } from '@testing-library/react';
|
|
|
|
import { mockClipboard } from '@/react/test-utils/clipboard';
|
|
|
|
import { CopyButton } from './CopyButton';
|
|
|
|
test('should display a CopyButton with children', async () => {
|
|
const children = 'test button children';
|
|
const { findByText } = render(
|
|
<CopyButton copyText="" data-cy="copy-button">
|
|
{children}
|
|
</CopyButton>
|
|
);
|
|
|
|
const button = await findByText(children);
|
|
expect(button).toBeTruthy();
|
|
});
|
|
|
|
test('CopyButton should copy text to clipboard', async () => {
|
|
const { writeText } = mockClipboard();
|
|
|
|
const children = 'button';
|
|
const copyText = 'text successfully copied to clipboard';
|
|
const { findByText } = render(
|
|
<CopyButton copyText={copyText} data-cy="copy-button">
|
|
{children}
|
|
</CopyButton>
|
|
);
|
|
|
|
const button = await findByText(children);
|
|
expect(button).toBeTruthy();
|
|
|
|
fireEvent.click(button);
|
|
expect(writeText).toHaveBeenCalledWith(copyText);
|
|
});
|