javascript - 使用 CasperJS 中的 XPath 查询获取所有表行并返回它们

Question

我正在使用 Casper.js 自动执行定期上传。我已经设法上传文件并检查它是否有效，但我想解析如果有错误则返回的表，但我收到错误 [error] [remote] findAll(): invalid selector提供“[object Object]”:错误:SYNTAX_ERR:DOM 异常 12。这是我的代码的相关部分:

casper.then(function() {
    if (this.fetchText('.statusMessageContainer').match(/Sorry, the file did not pass validation. Please review the validation errors in the report below/)) {
        this.echo("Upload failed!", "ERROR");
        errors = this.evaluate(function() {
            var errorRows = __utils__.findAll({
                type: 'xpath',
                path: '//table[@id="uploadTable"]/tr[position()>1]'
            });
            return Array.prototype.forEach.call(errorRows, function(e) {
                return e;
            });
        });
        this.echo(JSON.stringify(errors));
    } else {
        this.echo("Upload successful", "INFO");
    }
});

有什么想法吗？

Answer 1

虽然您可能有 XPath 语法错误，但您必须知道您不能从传递给 evaluate() 方法的闭包中返回 DOM 元素；你必须将你的 NodeList 和 HTMLelement 实例转换为一些原生的 Javascript 类型，例如。数组、对象、字符串等……

此外，还有一个方便的 getElementsByXPath() method in the ClientUtils module您可以使用 __utils__ 实例自动注入(inject)到您加载的每个页面中:

casper.then(function() {
    if (this.fetchText('.statusMessageContainer').match(/Sorry, the file did not pass validation. Please review the validation errors in the report below/)) {
        this.echo("Upload failed!", "ERROR");
        var errors = this.evaluate(function() {
            var errorRows = __utils__.getElementsByXPath('//table[@id="uploadTable"]/tr[position()>1]');
            return Array.prototype.map.call(errorRows, function(e) {
                return e.innerText; // let's get node text instead of HTMLelement!
            });
        });
        this.echo(JSON.stringify(errors));
    } else {
        this.echo("Upload successful", "INFO");
    }
});

您还可以使用 ClientUtils bookmarklet也可以在浏览器控制台中测试您的选择器。例如这里，点击小书签并在js控制台中执行:

__utils__.getElementsByXPath('//table[@id="uploadTable"]/tr[position()>1]')

然后你会看到你的选择器是否正确(它在我这边起作用——我的意思是它在语法上是正确的)。