#javascript #css-selectors #cypress
Вопрос:
Это входные данные:
Я пробовал этот способ, но он не работает
it('Verify form fields',()=>{
cy.get('.content-card>div>form>mat-form-field>div>div:nth-child(1)>.mat-form-field-infix>input')
.should('have.length',2)
.then(($el)=>{
expect($el.eq(0)).to.have.class('mat-input-element ng-pristine ng-untouched ng-valid')
} )
Пожалуйста, помогите мне утвердить ng-тронутый ng-нетронутый ng-допустимый атрибут класса в cypress?
Ответ №1:
Что значит «не работает»? Прочитайте сообщения об ошибках, которые должны дать вам достаточно указаний.
Это должно сработать просто отлично:
cy.get('...')
.should('have.class', 'ng-touched')
.should('have.class', 'ng-pristine')
.should('have.class', 'ng-valid');
Я тоже считаю, что ты должен найти лучшего выбора cy.get()
, чем этот «.содержание-карта>див>форма>мат-форма-поле>див>див:п-й ребенок(1)>.мат-форма-поле-инфиксной>вход», он слишком длинный и нечитаемый.