如何使用Cypress在电商app中动态点击产品？

Question

我目前正在使用Cypress在一个电子商务网站上执行E2E测试。在这一点上，当我点击任何产品时，我都会用一种“硬编码”的方式，例如：See line 13。

以下是产品的web元素的外观：

E-Commerce Product

Web Elements

我尝试做的是通过参数发送产品的名称，这样我就可以动态地选择产品。

任何帮助都将不胜感激！

Answer 1

我认为您需要使用siblings功能来查找具有适当标题的woocommerce-loop-product__title类，然后找到要单击的同级a标记。

cy.get('.woocommerce-loop-product__title')
  .contains('Album')
  .siblings('a')
  .click();

您可以将其添加为自定义命令，以便在测试套件中重用。