时间戳

首页 > 解决方案 > Testcafe Selector 用于识别 DOM 结构特定组件内的元素

dom - Testcafe Selector 用于识别 DOM 结构特定组件内的元素

问题描述

如何将下面的相对路径转换为 ​​TestCafe 选择器？

//a[contains(@name,'indent')]/parent::div//span[contains(text(),'Follow')]

如果我尝试上述方法，它会识别包含多个元素的特定 DOM 组件，其中之一是“关注”。

如何使用 TestCafe 选择器来实现这一点。

我没有成功完成以下操作： Selector('a').withAttribute('@name','indent').parent('div').child('span').contains('Follow')

Selector('a').withAttribute('@name','indent').parent('div').child('span').withText('Follow')

标签： domcss-selectorsautomated-testse2e-testingtestcafe

解决方案

我检查了您的代码，发现了几个可能导致问题的原因。

  1. TestCafe 选择器没有该contains方法，因此第一个示例不正确。
  2. 虽然我不知道您的 html 结构，但我目前可以假设不需要@在属性参数中传递 char。

因此，您的第二个示例看起来有效，但@字符除外。

如果此建议没有帮助，请向我们提供一个显示问题的工作示例，并使用以下表格在 TestCafe 存储库中创建单独的错误报告

推荐阅读