поле ввода кипариса не будет очищено

Question

У меня есть поле ввода:

<input value="0">

, которое я могу легко очистить () и набрать ("123") в кипарисе.значение обновляется, и все в порядке.

с другой стороны, предварительно заполненное поле ввода, как показано ниже, я не могу обновить, потому что Cypress записывает мое значение .type ("123") только в начале значения.

<input value="1500000">

Мой метод заключается в следующем:

   .find("input")
            .clear()
            .type(`${input}{enter}`)

изменения в полях запускают редукционные действия, мы используем избыточность для всей нашей обработки состояний.Может ли это быть проблемой?

В противном случае, вы знаете об этой проблеме?

Answer 1

Попробуйте добавить утверждение, чтобы Cypress «ждал» очистки ввода:

.clear().should('have.value', '')
.type(...)

Answer 2

Я тестировал, используя найденный HTML здесь и все работает нормально (на скриншоте я написал "Стефано" вместо значения по умолчанию)

Вы достигли точки, когда цитируете React: для такого рода изменений состояния требуется немного больше работы, чем ожидалось, потому что React (и Vue и т. Д.) Явно перезаписывают все в DOM.

Вы сталкиваетесь с распространенной проблемой, когда React выполняет рендеринг компонента сразу после запуска события ... поэтому вам нужно изменить управление входным значением / defaultValue в вашем компоненте React, Google для него, и вы найдете множество решений.об этом 101