Я пытаюсь выбрать значение радиокнопки (реакция-радио-кнопки) с помощью Cypress. Но похоже, что это не работает.
Вот мой код:
<Radio
value = {this.state.input.radio}
onChange = {(value) => this.updateInput("radio", value)}
horizontal
className = "radioGroup"
data-cy = "radioButton"
>
<RadioButton
value = "1"
iconSize = {20}
padding = {-1}
></RadioButton>
<p>Yes</p>
<RadioButton
value = "0"
iconSize = {20}
padding = {-1}
></RadioButton>
<p>No</p>
</Radio>;
Я пытаюсь получить доступ и изменить значения с помощью data-cy с помощью этого кода:
Пока эта строка теста работает:
cy.get("[data-cy=radioButton]").first().click()
Но это не меняет значения.





Атрибут data-cy находится на <Radio>, а не на <RadioButton>. Я ожидал, что вам нужно перейти к дочерним элементам и щелкнуть один из них - хотя cy.get("[data-cy=radioButton]").first().click() работает, поэтому я не вижу полной картины.
У вас есть onChange = {(value) => this.updateInput("radio", value)}, поэтому вам, вероятно, также нужно инициировать событие изменения.
Пытаться
cy.get("[data-cy=radioButton]")
.children()
.first()
.click()
.trigger('change');
Попробуйте принудительно выполнить команду:
cy.get("[data-cy=radioButton]").first().click({force:true})
Почему сила: правда?