使用CasperJS从击倒下拉列表中获取选定值

Question

我有一个使用KnockoutJS创建的下拉列表。现在我正在编写UI测试，我想在我的UI测试的下拉列表中获取所选项目（我正在使用CasperJS）。问题是，当我在下拉列表的选择器旁边写> option[selected="selected"]时，我得到了未定义。请注意，我想在不更改.js文件的情况下执行此操作，仅更改测试。我该怎么做？

Answer 1

CasperJS没有直接提供获取所选值的函数，但您可以使用普通的DOM操作来获取数据

var selector = "select"; // use proper selector
casper.then(function(){
    var selected = this.evaluate(function(selector){
        var s = document.querySelector(selector);
        var o = s.children[s.selectedIndex];
        return {value: o.value, text: o.innerHTML};
    }, selector);
    this.echo("result: " + JSON.stringify(selected, undefined, 4));
});

您可能还需要等待选择元素出现：

casper.waitForSelector(selector + " > option")
    .then(function(){/* from above */});