Javascript 将require与相对路径一起使用
我们在量角器上有一套相当大的端到端测试。我们遵循页面对象模式,这有助于保持测试干净和模块化。我们还有一组帮助函数,可以帮助我们遵循规则 问题: 单个规范可能需要多个页面对象和帮助器模块。例如:Javascript 将require与相对路径一起使用,javascript,angularjs,testing,protractor,Javascript,Angularjs,Testing,Protractor,我们在量角器上有一套相当大的端到端测试。我们遵循页面对象模式,这有助于保持测试干净和模块化。我们还有一组帮助函数,可以帮助我们遵循规则 问题: 单个规范可能需要多个页面对象和帮助器模块。例如: "use strict"; var helpers = require("./../../helpers/helpers.js"); var localStoragePage = require("./../../helpers/localStorage.js"); var sessionStorage
"use strict";
var helpers = require("./../../helpers/helpers.js");
var localStoragePage = require("./../../helpers/localStorage.js");
var sessionStoragePage = require("./../../helpers/sessionStorage.js");
var loginPage = require("./../../po/login.po.js");
var headerPage = require("./../../po/header.po.js");
var queuePage = require("./../../po/queue.po.js");
describe("Login functionality", function () {
beforeEach(function () {
browser.get("/#login");
localStoragePage.clear();
});
// ...
});
您可以看到,我们在每个require语句中都有目录遍历:。/…
。这是因为我们有一个specs
目录,其中我们将specs和多个目录按测试中的应用程序功能分组
问题:
量角器中处理相对路径问题的标准方法是什么
换言之,我们希望避免遍历树,向上导入模块。相反,从基本应用程序目录往下走会更干净
尝试和想法: 有一篇关于解决这个问题的好文章:,但我不确定在使用量角器开发测试时推荐哪种选项
我们还尝试使用来构造路径,但它指向
节点\u模块/量角器
目录,而不是我们的应用程序目录 我也遇到了同样的问题,我最终得到了以下解决方案。
在我的量角器配置文件中,我有一个变量,用于存储e2e测试的基本文件夹的路径。此外,Gragrator config还提供了回调,您可以使用名为global
的变量为测试创建全局变量。将它们定义为该全局
变量的属性,并使用与在测试中使用全局浏览器
或元素
相同的方法。我使用它创建了自定义全局require函数,以加载不同类型的实体:
// __dirname retuns a path of this particular config file
// assuming that protractor.conf.js is in the root of the project
var basePath = __dirname + '/test/e2e/';
// /path/to/project/test/e2e/
exports.config = {
onPrepare: function () {
// "relativePath" - path, relative to "basePath" variable
// If your entity files have suffixes - you can also keep them here
// not to mention them in test files every time
global.requirePO = function (relativePath) {
return require(basePath + 'po/' + relativePath + '.po.js');
};
global.requireHelper = function (relativePath) {
return require(basePath + 'helpers/' + relativePath + '.js');
};
}
};
然后您可以立即在测试文件中使用这些全局实用程序方法:
"use strict";
var localStorageHelper = requireHelper('localStorage');
// /path/to/project/test/e2e/helpers/localStorage.js
var loginPage = requirePO('login');
// /path/to/project/test/e2e/po/login.po.js
var productShowPage = requirePO('product/show');
// /path/to/project/test/e2e/po/product/show.po.js
describe("Login functionality", function () {
beforeEach(function () {
browser.get("/#login");
localStorageHelper.clear();
});
// ...
});
我也有同样的问题。与Michael Radinov的解决方案类似,但没有设置全局函数,而是将属性设置为量角器本身 progrator.conf.js
onPrepare: function() {
protractor.basePath = __dirname;
}
test-e2e.js
require(protractor.basePath+'/helpers.js');
describe('test', function() {
.......
});
我认为我们在我工作的地方使用的方法可能是一个很好的解决方案。我已经发布了一个关于我们如何处理一切的简短示例。这是非常好的b/c,您可以在任何规范文件中调用页面对象函数,而不需要在规范中使用require
我们一直面临同样的问题,决定将所有页面对象和帮助文件都转换为节点包。现在在测试中要求它们就像
var Header=require('Header-po')
一样简单。转换为软件包的另一个好处是可以使用适当的版本控制
下面是一个简单的例子:
/page objects/header po/index.js
//page-objects/header-po/index.js
'use strict';
var Header = function () {
this.goHome = function () {
$('#logo a').click();
};
};
module.exports = Header;
'use strict';
var Header = require('header-po');
var header = new Header();
describe('Header Test', function () {
it('clicking logo in header bar should open homepage', function () {
browser.get(browser.baseUrl + '/testpage');
header.goHome();
expect(browser.getCurrentUrl()).toBe(browser.baseUrl);
});
});
/page objects/header po/package.json
{
"name": "header-po",
"version": "0.1.1",
"description": "Header page object",
"main": "index.js",
"dependencies": {}
}
{
"name": "e2e-test-framework",
"version": "0.1.0",
"description": "Test framework",
"dependencies": {
"jasmine": "^2.1.1",
"header-po": "./page-objects/header-po/",
}
}
/package.json
{
"name": "header-po",
"version": "0.1.1",
"description": "Header page object",
"main": "index.js",
"dependencies": {}
}
{
"name": "e2e-test-framework",
"version": "0.1.0",
"description": "Test framework",
"dependencies": {
"jasmine": "^2.1.1",
"header-po": "./page-objects/header-po/",
}
}
/tests/header test.js
//page-objects/header-po/index.js
'use strict';
var Header = function () {
this.goHome = function () {
$('#logo a').click();
};
};
module.exports = Header;
'use strict';
var Header = require('header-po');
var header = new Header();
describe('Header Test', function () {
it('clicking logo in header bar should open homepage', function () {
browser.get(browser.baseUrl + '/testpage');
header.goHome();
expect(browser.getCurrentUrl()).toBe(browser.baseUrl);
});
});
所有的答案似乎都是权宜之计
实际工作解决方案是:
- 安装
- 将其添加到package.json中
- 将其添加为量角器配置的第一行
- 像这样在项目的任何地方使用它
我希望我没有错过任何重要的东西,因为我在两年前实现了它,并且仍然在使用它而没有修改。让我知道