ClipboardEvent is not defined

[lulidd01]

when i use ClipboardEvent, it not defined.

const pasteFn = new ClipboardEvent('paste', {
      dataType: 'text/plain',
      data: 'paste text'
    })

but i can use other events, like: MouseEvent, KeybordEvent

[afontcu]

Hi @lulidd01! ClipboardEvent appears to be defined here. Can you please provide a reproduction link? I'm not quite sure what's your use case given the snippet you pasted above.

Thanks!

[Davetherave2010]

To build on @afontcu's answer you could use createEvent.paste

test('Pasting also fires onPaste event which returns clipboard data', () => {
  const pasted = jest.fn(() => null);
  const changed = jest.fn(() => null);

  render(
    <PasteComponent paste={pasted} changeEvent={changed} data-testid='paste-input' />);

  const PhoneNumberElement = screen.queryByTestId('paste-input');

  const paste = createEvent.paste(PhoneNumberElement, {
    clipboardData: {
      getData: () => '123456',
    },
  });

  fireEvent(PhoneNumberElement, paste);

  expect(pasted).toHaveBeenCalled();
  expect(pasted).toHaveBeenCalledWith('123456');
});

This might help - https://medium.davidendersby.me/2-ways-to-trigger-the-onpaste-event-with-testing-library-1502c5fdb9e

[osheral]

fireEvent.paste(screen.getByTestId('add-images-modal-body'), {
  clipboardData: {
    items: [
      {
        kind: 'file',
        getAsFile: () => new File(['(⌐□_□)'], imageName, { type: 'image/png' }),
      },
    ],
  },
});