Как мы можем написать тестовый блок для проверки ховертекста на метке аннотации в компоненте реакции, где используется график

Question

У меня есть компонент диаграммы, в который я добавил ховертекст, теперь мне нужно написать контрольный пример для проверки того, что ховертекст включен при имитации наведения на элемент.

it('should display the hover text', async () => {
  let textElements = [];
  await waitsForAndRunsPromise(() => {
    textElements = TestUtils.find(
      component,
      '.infolayer text.annotation-text',
    );
    return textElements.length > 0;
  });

  TestUtils.Simulate.mouseOver(textElements[0]);

  let hoverElements = [];
  await waitsForAndRunsPromise(() => {
    hoverElements = TestUtils.find(component, '.hoverlayer');
    return hoverElements.length > 0;
  });
  console.log(hoverElements[0].children.length);
});

Получение консоли 0, ноя ожидаю 1, потому что есть дочерний элемент на конкретном элементе .hoverlayer при наведении указателя мыши на .infoLayer tspan