Ввод Cypress, как добраться до него

#javascript #html #css #cypress

Вопрос:

У меня есть что-то вроде этого:

<input aria-invalid="false" type="number" min="1" class="MuiInputBase-input-1102 MuiInput-input-1141" value="1"> введите описание изображения здесь

как до него добраться ??

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

1. можете ли вы подробнее объяснить свою проблему и добавить немного кода?

2. что вы подразумеваете под тем, как туда добраться? чего именно ты хочешь?

Ответ №1:

Вы можете нажать на кнопку Открыть игровую площадку селектора. Затем вы можете просто нажать на поле ввода, и вы получите код о том, как его «получить».

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

Это появится, и в правой части окна вы сможете напрямую скопировать код.

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

Ответ №2:

Щелкните правой кнопкой мыши элемент и выберите Копировать > >Селектор копирования

В вашем тесте:

 cy.get('Selector')
 

Ответ №3:

Вы можете захватить элемент по идентификатору, классу или другим HTML-атрибутам. Таким образом, несколько потенциальных вариантов будут:

  • cy.get(‘ввод[aria-недопустимый=»ложь»]’)
  • cy.get(‘ввод[тип=»число»]’)
  • cy.get(‘.MuiInputBase-ввод-1102)