Утверждая, что элемент ввода содержит определенное значение в Cypress

Question

Я пытаюсь утверждать следующее, где propSizeSel - это селектор CSS для моего элемента числового ввода:

cy.get(propSizeSel).clear().type(100)
    .should('contain', 100);

К сожалению, это утверждение не выполняется следующим образом, несмотря на то, что элемент ввода принимает значение 100.

Как видите, элемент ввода принял значение 100, как и ожидалось:

Почему я не могу сделать это простое утверждение?

Answer 1

Пожалуйста, попробуйте с 100 в одинарных кавычках и в утверждении, пожалуйста, используйте should('have.value', '100') вместо содержимого;

cy.get('propSizeSel').clear().type('100').should('have.value', '100');

или попробуйте подтвердить, используя promise

cy.get('propSizeSel').clear().type('100').invoke('val')
    .then(val=>{    
      const myVal = val;      
      expect(myVal).to.equal('100');
    })