我有以下DOM结构:
<div data-qa-id="criteriaDisplay">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
我想编写一个返回上面列表中项目数的命令。我是守夜人的新手。这是我尝试这样做的。我的想法是从<ul>
元素下的criteriaDisplay
开始,然后计算其下的<li>
项。所以我试图使用elementIdElements
api,但它不起作用:
var criteriaDisplayCommands = {
getNumberOfItems: function(callback) {
var self = this;
console.log(this);
return this.api.elementIdElements('@myList', 'css selector', 'li', function(result) {
callback.call(self, result);
});
}
};
module.exports = {
url: function() {
return this.api.launchUrl + '/search';
},
sections: {
criteriaDisplay: {
selector: '[data-qa-id="criteriaDisplay"]',
commands: [criteriaDisplayCommands],
elements: {
myList: 'ul'
}
}
}
};
有人可以用正确的方法帮助我吗?