Testcafe — выбор элемента в Shadowroot не работает

#testing #automated-tests #selector #testcafe #shadow-dom

#тестирование #автоматизированные тесты #селектор #testcafe #shadow-dom

Вопрос:

У меня есть этот веб-сайт https://www.storytel.com/sg/en/ , где я пытаюсь нажать на кнопку (см. Изображение) в компоненте подписки, который находится в Shadowroot. Я пробовал использовать следующие коды, но это не сработало. Будет здорово, если кто-нибудь сможет помочь. Заранее спасибо.

 test('Click inside shadowDOM', async t => {
  const shadowBtn = Selector(() => document.querySelector('storytel-subscription').shadowRoot.querySelectorAll('*[data-testid="subscription-card-0-button"]'));

  await t        
      .click(shadowBtn);
});
  

введите описание изображения здесь

Комментарии:

1. Почему * в селекторе?

2. таким образом, он совпадает с любыми тегами, имеющими свойство data-testid=»subscription-card-0-button»

Ответ №1:

Похоже, есть ошибка с обработкой элементов в shadow dom. Я предлагаю вам создать проблему в репозитории TestCafe на GitHub и описать там свой сценарий: https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md