Question

我正在编写一个简单的casperjs脚本来填充网站上相当复杂的表单。该网站的HTML代码有点乱，我不想在每次测试脚本时都通过导航步骤来访问该页面。

我将表单页面保存为HTML文件，但我甚至无法将测试HTML文件正确加载到casperjs中。这是代码，文件和结果：

var casper = require('casper').create();

casper.start('file://test.html').then(function() {
    this.echo('started')
    this.echo(this.getPageContent())
});

casper.run(function(){
    this.echo('ended');
    casper.done();
});

测试文件：

<html>
    <head>
        <meta charset="utf-8">
        <title>My page</title>
    </head>
    <body>
        <h1 class="page-title">Hello</h1>
        <ul>
            <li>one</li>
            <li>two</li>
            <li>three</li>
        </ul>
       <footer><p>2012 myself</p></footer>
    </body>
</html>

执行结果：

C:>started
<html><head></head><body></body></html>
ended

为什么HTML正文中的标记消失了？

Answer 1

一切正常，绝对路径：

var casper = require('casper').create();
casper.start('file:///home/root2/pjs/test.html').then(function() {
    this.echo('started')
    this.echo(this.getPageContent())
});

casper.run(function(){
    this.echo('ended');
    casper.done();
});

执行结果：

started
<html><head>
        <meta charset="utf-8">
        <title>My page</title>
    </head>
    <body>
        <h1 class="page-title">Hello</h1>
        <ul>
            <li>one</li>
            <li>two</li>
            <li>three</li>
        </ul>
       <footer><p>2012 myself</p></footer>


</body></html>
ended

您还可以try to specify这样的绝对路径：

file:///C://Full/Path/To/test.html

Answer 2

仅供参考，您可以使用这些函数获取相对文件的绝对文件uri：

function getAbsoluteFilePath(relativePath) {
  return "file:///" + currentDir() + relativePath;
};

// Courtesy https://github.com/casperjs/casperjs/issues/141
function currentDir() {
  var sep = "/";
  var pathParts = fs.absolute(casper.test.currentTestFile).split(sep);
  pathParts.pop();

  return pathParts.join(sep) + sep;
}

要在您的方案中使用它，请使用：

// ...
casper.start(getAbsoluteFilePath('test.html')).then(function() {
    this.echo('started')
    this.echo(this.getPageContent())
});
// ...

Answer 3

您可以使用 fs 模块获取工作目录的绝对路径，然后连接协议＆＃34; file：//＆＃34;和relativePath。

E.g。

const fs = require('fs');
var casper = require('casper').create();

// your casper logic here
console.log(getAbsoluteFilePath('test.html'));

casper.run();

function getAbsoluteFilePath(relativePath) {
  return "file://" + fs.workingDirectory + '/' + relativePath;
};

从CasperJS start（）读取本地HTML文件

3 个答案: