Function Inner

packages/react-aria/test/interactions/useFocusWithin.test.js:201–231

()

    }

    function Inner() {
      let [show, setShow] = useState(true);
      return show ? <button onClick={() => setShow(false)}>hide</button> : null;
    }

    let events = [];
    let addEvent = e => events.push({type: e.type, target: e.target});
    let tree = render(
      <>
        <Test
          onFocusWithin={addEvent}
          onBlurWithin={addEvent}
          onFocusWithinChange={isFocused => events.push({type: 'focuschange', isFocused})}>
          <Inner />
        </Test>
        <input data-testid="outer" />
      </>
    );

    let el = tree.getByRole('button');
    act(() => el.focus());
    act(() => el.click());
    act(() => tree.getByTestId('outer').focus());

    expect(events).toEqual([
      {type: 'focus', target: el},
      {type: 'focuschange', isFocused: true},
      {type: 'blur', target: tree.getByTestId('test')},
      {type: 'focuschange', isFocused: false}
    ]);
  });
});