React Jest щелкните элемент навигации в юнит-тесте

Question

У меня есть меню навигации bootstrap, и я пытаюсь смоделировать щелчок навигационного элемента в раскрывающемся меню навигации в React with Jest. У меня есть следующее выпадающее меню:

Navbar. js

 export default props => {
  const { user, email, group } = props;
  return (
    <Nav className="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
      <button
        type="button"
        id="sidebarToggleTop"
        className="btn btn-link d-md-none rounded-circle mr-3"
      >
        <FontAwesomeIcon icon={faBars} />
      </button>

      <ul className="navbar-nav ml-auto">
        <div className="topbar-divider d-none d-sm-block" />

        <NavDropdown
          data-testid="profile-dropdown"
          className="no-arrow"
          title={
            <>
              <span className="mr-2 d-none d-lg-inline text-gray-600 small">
                {user}
              </span>
              {email && (
                <Gravatar
                  email={email}
                  className="img-profile rounded-circle"
                />
              )}
            </>
          }
          id="userDropdown"
        >
          <div className="dropdown-item">Profile: {group}</div>
          <Link className="dropdown-item" to="/refresh">
            Refresh
          </Link>
          <NavDropdown.Divider />
          <NavDropdown.Item data-testid="sign-out-button" eventKey="logout" onSelect={() => Auth.signOut()}>
            SignOut
          </NavDropdown.Item>
        </NavDropdown>
      </ul>
    </Nav>
  );
};

Кто-нибудь может помочь? Элемент отсутствует в DOM при рендеринге, поэтому я не могу использовать data-testid.