我可以在 Angular 中使用带有柏树的字符串插值吗？答案

【问题标题】：Can I use String Interpolation in Angular with cypress?我可以在 Angular 中使用带有柏树的字符串插值吗？
【发布时间】：2021-02-16 18:33:25
【问题描述】：

我有一个组件调用了几次，每次都会生成一个按钮，我需要点击这个组件中的这个按钮。问题是柏树告诉我有多个按钮。由于某些原因，使用 eq(1) / eq(2) 对我不起作用。

我的问题是，假设我在 ts 类中有一个公共变量，例如：

public index: number;

我可以这样做吗：

<button type="button" id="myBtn" data-cy="myButton{{index}}"

然后在spec文件中做：

cy.get('[data-cy=myButton1]').click()
cy.get('[data-cy=myButton2]').click()

等等

谢谢。

【问题讨论】：

如果您不提供索引并且您的 html 保持 <button type="button" id="myBtn" data-cy="myButton"。如果您在浏览器控制台中执行$$('[data-cy=myButton]')，是否可以检查是否获得所有按钮？

【解决方案1】：

似乎字符串插值不适用于data-cy

我改用id="myBtn{{index}}"，所以我可以这样做

cy.get('[data-cy=myButton1]').click()
cy.get('[data-cy=myButton2]').click()

【讨论】：