mirror of https://github.com/portainer/portainer
38 lines
1.0 KiB
TypeScript
38 lines
1.0 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="">{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 = jest.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}>{children}</CopyButton>
|
|
);
|
|
|
|
const button = await findByText(children);
|
|
expect(button).toBeTruthy();
|
|
|
|
fireEvent.click(button);
|
|
expect(clipboardText).toBe(copyText);
|
|
expect(writeText).toHaveBeenCalled();
|
|
});
|