无法使用赛普拉斯选择单选按钮值

时间:2021-03-30 01:45:42

标签: reactjs cypress

我正在尝试使用 Cypress 选择单选按钮的(react-radio-buttons)值。 但它似乎不起作用。

这是我的代码:

<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()

但它不会改变值。

2 个答案:

答案 0 :(得分:2)

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');

答案 1 :(得分:0)

尝试强制执行命令:

kid_array.append(df.loc[(!numpy.isnan( df['Toy'])) & (!numpy.isnan(df['Colour']))])