使用userEvent.hover后再使用userEvent.unhover时，好像并没有起到unhover的作用

[Xjiezhen]

需要测试的代码：

const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({}) => {
  const { initialState, setInitialState } = useModel('@@initialState');

  const onMenuClick = useCallback(
    (events: MenuInfo) => {
      const { key } = events;
      if (key === 'logout') {
        setInitialState((s) => ({ ...s, currentUser: undefined }));
        loginOut();
        return;
      }
      history.push(`/account/${key}`);
    },
    [setInitialState],
  );

  const { currentUser } = initialState;

  const menuHeaderDropdown = (
    <Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick}>
      <Menu.Item key="settings">
        <img src={userInfoIcon} alt="" />
        個人資訊
      </Menu.Item>
      <Menu.Item key="logout">
        <img src={LogoutIcon} alt="" />
        登出
      </Menu.Item>
    </Menu>
  );

  return (
    <HeaderDropdown overlay={menuHeaderDropdown}>
      <span className={`${styles.action} ${styles.account}`}>
        <Avatar
          size="small"
          className={styles.avatar}
          src={currentUser.avatar || avatar}
          alt="avatar"
        /> 
        <div className={Style.triangleWapper}>
          <span className={Style.invertedTriangle} />
        </div>
      </span>
    </HeaderDropdown>
  );
};

export default AvatarDropdown;

测试用例：

jest.mock('umi', () => ({
  history: {
    location: {},
    push: jest.fn(),
    replace: jest.fn(),
  },
  useModel: jest.fn(),
}));

test('should display menu item when hover in avatar', async () => {
  useModel.mockReturnValue({
    initialState: {
      currentUser: { accountName: 'Monica', avatar: 'avatar.jpg' },
    },
    setInitialState: jest.fn(),
  });
  const { baseElement } = render(<AvatarDropdown />);
  const avatarBtn = baseElement.querySelector('.ant-dropdown-trigger') as HTMLElement;

  await userEvent.hover(avatarBtn);
  await waitFor(() => {
    // 判斷下拉菜單是否存在
    expect(screen.queryByRole('menu')).toBeInTheDocument();
  });
  await userEvent.unhover(avatarBtn);
  expect(screen.queryByRole('menu')).not.toBeInTheDocument();
});

报错为：

 expect(element).not.toBeInTheDocument()
 expected document not to contain element, found <span class="ant-dropdown-menu-title-content"><img alt="" src="userInfo.png" />個人資訊</span> instead

实在是找不到原因，求大佬帮助~