ant-design/components/typography/__tests__/enter-key-callback.test.tsx

import KeyCode from 'rc-util/lib/KeyCode';
import React from 'react';
import { fireEvent, render } from '../../../tests/utils';
import Paragraph from '../Paragraph';

test('Callback on enter key is triggered', () => {
  const onEditStart = vi.fn();
  const onCopy = vi.fn();

  const { container: wrapper } = render(
    <Paragraph
      copyable={{
        onCopy,
      }}
      editable={{
        onStart: onEditStart,
      }}
    >
      test
    </Paragraph>,
  );
  const timer: any = 9527;
  vi.spyOn(window, 'setTimeout').mockReturnValue(timer);
  vi.spyOn(window, 'clearTimeout');
  // must copy first, because editing button will hide copy button
  fireEvent.keyUp(wrapper.querySelectorAll('.ant-typography-copy')[0], { keyCode: KeyCode.ENTER });
  fireEvent.keyUp(wrapper.querySelectorAll('.anticon-edit')[0], { keyCode: KeyCode.ENTER });

  expect(onEditStart.mock.calls.length).toBe(1);
  expect(onCopy.mock.calls.length).toBe(1);
  vi.restoreAllMocks();
});