Question

我似乎无法找到在Nightwatch中迭代nodeList的innerHTML的正确语法。我正在尝试返回页面正文内容中包含的每个“a”标记的网址，但我找不到在Nightwatch中访问querySelectorAll命令结果的方法。

browser.execute(function() {
    return document.querySelectorAll("div.field-item.even a");
},
function(tags){
    console.log(tags.value);
    console.log(tags.value[9]);
})

我正在测试的页面上有10个链接。查询选择器似乎正在全部检索它们，因为console.log（tags.value）打印以下内容：

[ { ELEMENT: '1' },
  { ELEMENT: '2' },
  { ELEMENT: '3' },
  { ELEMENT: '4' },
  { ELEMENT: '5' },
  { ELEMENT: '6' },
  { ELEMENT: '7' },
  { ELEMENT: '8' },
  { ELEMENT: '9' },
  { ELEMENT: '10' } ]

和console.log（tags.value [9]）打印：

  { ELEMENT: '10' }

但是，我找不到从这些结果中检索链接的方法。将.innerHTML附加到任何这些变量都会返回'undefined'。有没有办法让我遍历querySelectorAll结果并检索其中的url？

编辑：如果我使用以下代码，似乎可以获得相同的结果：

browser.elements("css selector", "div.field-item.even a", function(tags) {
    console.log(tags.value);
    console.log(tags.value[9]);
})

我原本以为我正在使用nodelist，但我认为我实际上是按照documentation for the .elements command返回了一个WebElement JSON对象。

然而，我仍然无法访问内部文本。有什么想法吗？

Answer 1

我使用不同的方法解决了这个问题。我使用browser.elements命令而不是querySelectorAll，然后使用browser.elementIdAttribute获取每个＆＃39; href＆＃39;的内容。属于每个＆＃39; a＆＃39;标签

  //Get an WebElement JSON object array of all urls
  browser.elements("css selector", "div.field-item.even a", function(link_array) {
    for (var x = 0; x < link_array.value.length; x++){
      //Fetch the url from each 'a' tag in the content
      browser.elementIdAttribute(link_array.value[x].ELEMENT, "href", function(links) {
        console.log(links.value);
      });
    }
  })

这将打印出页面内容中的每个链接。

Answer 2

selectAllRoles: function (client) {
        client.elements('css selector', '.editorDetail ul li input[type=checkbox]', function(res) {
            res.value.forEach(elementObject => {
                client.elementIdClick(elementObject.ELEMENT);

            });
        });

        return this;
    },

在＆＃c; css选择器＆＃39;

之后填写您的身份证件

如何在Nightwatch中迭代querySelectorAll结果

2 个答案: