JavaScript如何将变量值拼接进Cypress元素选择器字符串中

推荐方案：使用ES6模板字符串 #

这是最简洁不易出错的实现方式，直接通过反引号包裹选择器，用${}语法插入变量即可：

const value = "100 - 299"
// 拼接后自动得到目标选择器 '[data-value="100 - 299"]'
cy.get(`[data-value="${value}"]`)

兼容方案：普通字符串拼接 #

如果项目环境不支持ES6语法，可以使用加号手动拼接字符串：

const value = "100 - 299"
cy.get('[data-value="' + value + '"]')

注意事项 #

如果value变量的取值可能包含双引号，需要先对双引号做转义处理，避免选择器语法报错：

const value = '包含"特殊字符"的取值'
const escapedValue = value.replace(/"/g, '\\"')
cy.get(`[data-value="${escapedValue}"]`)

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