Библиотека тестирования Cypress + Dom: getByText не находит значения ввода

Question

Я использую Cypress с Cypress Testing Library для тестирования моего приложения React.

У меня есть вход с именем ('Steve') в качестве значения, и я пытаюсь найти его с помощью кипариса следующим образом:

// In the component:
<input defaultValue="steve" />

// In the spec file:
cy.getByText(/steve/i).should('exist');

Но Cypress не находит этот элемент, и тест не пройден. Если я изменю ввод на div:

<div>Steve</div>

это работает (но мне нужно сделать вход). Как Cypress (и Dom Testing Library) могут найти значения ввода?

Answer 1

Я нашел ответ.getByText() не находит значения <input />.getByDisplayValue() делает.Мне это не нравится, потому что это делает его немного зависимым от деталей реализации, но по крайней мере это исправляет тесты.