как утверждать, что ng-тронутый ng-нетронутый ng-допустимый атрибут класса в cypress?

#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)>.мат-форма-поле-инфиксной>вход», он слишком длинный и нечитаемый.