mirror of https://github.com/portainer/portainer
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import { fireEvent, render } from '@testing-library/react';
|
|
|
|
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 () => {
|
|
// override navigator.clipboard.writeText (to test copy to clipboard functionality)
|
|
let clipboardText = '';
|
|
const writeText = vi.fn((text) => {
|
|
clipboardText = text;
|
|
});
|
|
Object.assign(navigator, {
|
|
clipboard: { writeText },
|
|
});
|
|
|
|
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(clipboardText).toBe(copyText);
|
|
expect(writeText).toHaveBeenCalled();
|
|
});
|