Уточнение селекторов в Cypress

Question

Я пытаюсь изучить лучшие практики для селекторов, использующих Cypress.

У меня есть элемент, скрытый во многих таблицах в кадре. Это приложение, которое я не могу контролировать, поэтому не могу добавлять пользовательские селекторы для Cypress. Полный путь Xpath выглядит следующим образом:

/html/body/table/tbody/tr[1]/td[2]/table/tbody/tr[4]/td/table/tbody/tr/td/table/tbody/tr/td/a

В теге a есть ссылка, по которой я sh должен выполнить click().

<a class="menubuttontext" style="cursor:pointer" href="javascript:menuClick(1)">Men's Apparel</a>

Может ли кто-нибудь предоставить «лучший» (или хотя бы относительно устойчивый) селектор? sh Я не буду прибегать к добавлению библиотек Xpath - я переключаюсь со многих лет работы с Selenium на обучение с I go. Мне неясно, сколько атрибутов я могу связать вместе или даже как - я копаюсь в документации, но некоторая помощь будет высоко ценится.

Answer 1

Если вы можете полагаться на текстовое содержимое элемента ссылки, вы можете попробовать с помощью команды Cypress cy.contains():

cy.contains('a.menubuttontext', "Men's Apparel").click();

Вы также можете использовать регулярное выражение для второго аргумент для точной настройки поиска.