NightwatchJS：如何循环使用document.querySelectorAll选择的元素？

Question

I am trying to use document querySelectorAll to select an array of options. I found out that we cant directly use document.querySelectorAll as it gives me error

"ReferenceError: document is not defined"

and instead use it with browser.execute as mentioned in this answer but still getting undefined. The console statement logs undefined, it should have given me an array of elements instead. If I run this css selector in developer tools, it gives me the array I expect but not here. Any idea if I am doing something wrong?

browser.execute(function (data) {
   console.log(document.querySelectorAll('div#question_' + quesNo + ' .answerBlock .answer-value'));
   return true;
},[],null);

Answer 1

It may be due to the way you pass arguments to the browser.execute . Try the following:

browser.execute((data) =>
{
    console.log(document.querySelectorAll('div#question_' + arguments[0] + ' .answerBlock .answer-value'));
    return true;
}, [quesNo]);