Cypress中使用变量按name属性获取输入框失败的问题排查

我一眼就发现问题所在了！你写的cy.get("input[name=date]")里的date是固定字符串，并非循环中的变量——不管循环多少次，Cypress都在找name="date"的输入框，这和你实际要定位的元素完全不匹配，自然会抛出元素未找到的错误。

正确的选择器写法 #

要让Cypress识别循环中的变量，你需要用模板字符串（反引号`）包裹选择器，并通过${}语法插入变量。这里有两种可靠的写法：

1. 模板字符串+引号包裹属性值（推荐，避免特殊字符引发的问题）：

cy.get(`input[name="${date}"]`)

2. 传统字符串拼接方式：

cy.get('input[name="' + date + '"]')

修正后的完整代码 #

把你的代码改成这样就能正常运行了：

const dates = { street: "Bauweg", house_number: "22", post_code: "22222" }
describe("test legal-new site", () => {
  it("test for typing in input boxes", () => {
    for (let date in dates) {
      console.log(date)
      // 用模板字符串插入变量date，生成正确的选择器
      cy.get(`input[name="${date}"]`)
        .focus()
        .clear()
        .type(dates[date])
        .blur()
    }
  })
})

额外验证小技巧 #

如果还是不确定选择器是否正确，可以在cy.get()前加一行日志，输出最终生成的选择器，确认变量是否被正确替换：

cy.log(`正在定位元素：input[name="${date}"]`)

这样就能确保每次循环都精准定位到对应name属性的输入框，解决元素未找到的问题啦！

内容的提问来源于stack exchange，提问作者loggo