Debugging 有没有办法用testcafe和VS代码找到选择器的运行时值

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

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

测试在断点处停止，当到达下一行时，我想验证变量（元素）中到底有什么，这样我就可以验证选择器是否选择了所需的元素

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

我希望在调试模式下找到所选元素的属性。e、 x.，元素的长度（如果是数组），元素的outertext

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

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

`async DeleteSelectedComponents方法（）
{ 
let元素=等待选择器（“.uniqueSelectorClass”）；
让numberOfSelectedComponents=element.length；
for（设i=0；i

在这个方法中，我希望看到变量'element'中的内容，这样我就可以编写代码中的逻辑。PS：我试图识别的元素只有在鼠标悬停时才可见

---

更新：

选择器

在多个元素匹配时不返回数组。使用

wait 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)); 
  } 
}

async DeleteSelectedComponents方法（）
{ 
let元素=选择器（“.uniqueSelectorClass”）；
让numberOfSelectedComponents=wait selector.count；
for（设i=0；i

阅读本文中有关

选择器.count

属性的更多信息

原始答案：

---

您可以使用

wait

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

我已经用更详细的代码和问题更新了此问题