我正在为工作编写一些测试代码,并试图弄清楚它为什么会抛出错误。我使用面向对象的方法来保持我的主脚本尽可能干净。我有一个脚本,其中包含名为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");
}
答案 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();
});
});
现在,测试按预期运行。