0

I'm trying to test a React component that should focus all the fields having certain ids at least once, using Jest and Testing Library. For example, if the rendered components are:

import { render } from '@testing-library/react';

const { container } = render(
    <div >
        <input id='input1' />
        <input id='input2' />
        <FocusCertainFieldsAtLeastOnce />
    <div />
);

I need to test if <FocusCertainFieldsAtLeastOnce /> is being able to focus both <input /> elements with ids 'input1' and 'input2' at least once.

I'm aware how to achieve this using Jest and Enzyme and want something similar to this answer but using Jest and Testing Library instead.

jonrsharpe
  • 115,751
  • 26
  • 228
  • 437
Mr_Somebody
  • 21
  • 9
  • 1
    Im not sure about if this example could help you. https://codesandbox.io/embed/qz16r4zwyq?codemirror=1 – Nacho Oct 21 '21 at 03:57
  • Hi @Nacho, in this example document.activeElement only checks for the currently focused element. But in my case, the input element might not be the currently focused element. So the check needs to be, "if the input element ever got focused before". – Mr_Somebody Oct 21 '21 at 04:28

0 Answers0