有没有办法用 testcafe 和 VS Code 找到 Selector 的运行时值

Question

我正在尝试使用来自 VSCode 的节点调试 testcafe 测试，并想验证代码中使用的选择器是否标识了正确的元素并检索了在分配有选择器的函数/变量中声明的变量的值。

我使用以下命令在调试模式下启动 test.js 文件： "C:\Program Files\nodejs\node.exe" --inspect-brk=21496 testcafe.js chrome tests.js --env=dev --skip-js -错误

测试在断点处停止，当到达下一行时，我想验证该变量（元素）内部究竟是什么，以便我可以验证选择器是否正在选择所需的元素。

let element= Selector(".unique_selector_class").parent(2);

我希望在调试模式下找到所选元素的属性。例如，“元素”的长度，如果它是一个数组，元素的外部文本。

更新：我认为我之前所说的有点令人困惑。我有一个这样的方法，它被测试调用。

`async deleteSelectedComponentsMethod() 
{ 
  let element = await Selector(".uniqueSelectorClass"); 
  let numberOfSelectedComponents = element.length; 
  for (let i = 0; i < numberOfSelectedComponents; i++) 
  { 
     await t.click(deleteSelectedComponent.nth(i)); 
  } 
}`

在这种方法中，我想查看变量“元素”中的内容，以便我可以编写代码中的逻辑。PS：只有当鼠标悬停时，我试图识别的元素才会可见。

变量 'element' 中的值返回一个函数，该函数无助于查找元素中的运行时值

Answer 1

更新：

Selector当多个元素匹配时不返回数组。使用await selector.count检索匹配元件的数量，并selector.nth()一一列举：

async deleteSelectedComponentsMethod() 
{ 
  let element = Selector(".uniqueSelectorClass"); 
  let numberOfSelectedComponents = await selector.count; 
  for (let i = 0; i < numberOfSelectedComponents; i++) 
  { 
     await t.click(deleteSelectedComponent.nth(i)); 
  } 
}

selector.count在Using Selectors文章中阅读有关该属性的更多信息。

原始答案：

您可以使用await关键字来检索有关由选择器表示的元素的信息。一旦我们将实现此功能：#3244，您将能够通过在浏览器控制台中键入选择器表达式来调试选择器。