如何将对象传递给CasperJS函数

时间:2015-07-15 02:37:09

标签: javascript phantomjs casperjs

我正在为工作编写一些测试代码,并试图弄清楚它为什么会抛出错误。我使用面向对象的方法来保持我的主脚本尽可能干净。我有一个脚本,其中包含名为elements.js的所有元素路径。我使用幻像将该脚本注入另一个包含click.js点击方法的文件中。例如:

function Click() {

   phantom.page.includeJs('/my/path/to/elements.js');
   var element = new Elements();

   this.clickElement = function() {
      casper.then( function() {
         casper.click(element.nameOfElement);
      });
   };
}

以这种方式运行我的脚本会抛出未定义的错误,但是如果我在click.js脚本中直接声明元素的路径,我的测试运行正常:

function Click() {

  var nameOfElement = ('css > path > to > element');

  this.clickElement = function() {
     casper.then( function() {
         casper.click(nameOfElement);
     });
  };
}

我想要从一个来源调用所有元素路径只是为了保持我的脚本清洁,因为您可以想象它们可以变长,这取决于我们测试的元素数量。我还有其他文件需要使用元素的路径进行此测试,但它们遵循与上面的click.js脚本相同的原则。

更新

这是我的element.js脚本的样子:

function Elements() {

   var nameOfElement = ("css path");
   var anotherElement = ("css path");

}

2 个答案:

答案 0 :(得分:0)

PhantomJS(和CasperJS)有两种情境。 page.includeJs()page.injectJs()是两个PhantomJS函数,它们在DOM中包含一个JavaScript文件,然后在页面上下文中进行评估,但是您希望访问页面上下文之外的元素路径。

我假设你的elements.js看起来像这样:

function Elements(){
    this.someElement = "css path";
    ...
}

然后你需要阅读文件并对其进行评估:

var fs = require("fs");
var el = fs.read("/path/tp/elements.js");
eval(el);

var elements = new Elements();
console.log(elements.someElement);

您可能应该以不同方式定义您的elements.js以利用PhantomJS的需要功能:

作为模块

elements.js

module.exports = function(){
    this.someElement = "css path";
    ...
}

的script.js

var elements = new require("/path/to/elements.js");

作为对象

elements.js

exports.someElement = "css path";
exports.someOtherElement = "css path";

的script.js

var elements = require("/path/to/elements.js");

您可能不想在每次点击时阅读该文件,因此您可以

var elements = require("/path/to/elements.js");
casper.clickElement = function(nameOfElement) {
    this.thenClick(elements[nameOfElement]);
};

然后像这样使用它

casper.clickElement("someOtherElement");

答案 1 :(得分:0)

我通过我所在的新手大脑放屁来解决这个问题。在我的element.js脚本中,我添加了一个简单的get方法,它现在可以正常工作。

function Elements() {

    var someElement = "css path";

    this.getSomeElementPath = function() {
        return someElement;
    };
}

在我的click.js脚本中将其称为:

function Click() {

    phantom.page.injectJs('path/to/element.js');
    var element = new Elements();

    this.clickSomeElement = function() {
        casper.then( function() {
            casper.click(element.getSomeElementPath());
        });
    };
}

而且,在我的主要剧本中:

'use strict':

phantom.page.injectJs('/path/to/element.js');
phantom.page.injectJs('/path/to/click.js');

var element = new Element();
var click = new Click();

casper.test.begin("Test", function (test) {

    var url = www.url.com;

    console.log(url);

    casper.start(url);

    casper.then(function() {
       click.clickSomeElement();
    });

    ....//rest of code

    casper.run(function() {
       casper.test.done();
    });
});

现在,测试按预期运行。