个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我想用 protracor 测试我的应用程序，但测试失败并出现以下错误:
Failed: Error while waiting for Protractor to sync with the page: "root element (html) has no injector. this may mean it is not inside ng-app."
似乎 angular 没有完全加载，并且 browser.waitForAngular(); 不工作。在 RequireJs 加载依赖项后，如何设置 Protractor 以继续测试？
同时添加这个:
onPrepare:function(){
browser.manage().timeouts().pageLoadTimeout(40000);
browser.manage().timeouts().implicitlyWait(25000);
}
ocnfig 文件(如前所述 here )导致此错误:
Failed: Error while waiting for Protractor to sync with the page: "angular could not be found on the window"
最佳答案
您将需要一种手动方式来了解 Angular 已从您的规范中启动。这是我如何使用 Angular、RequireJS 和 Protractor 进行设置的基本流程。这适用于 jasmine2 和 old jasmine。
我们想在 Angular 引导的元素中添加一个 ng-app 类。例如:
index.html
<html lang="en" class="ng-app">
但我们不想将它放在 HTML 文件中，而是希望使用手动引导 Angular 应用程序的同一 RequireJS 模块添加该类。例如:
ng-bootstrap.js
require(['angular'], function (angular, otherdeps) {
// Start the Angular App
angular.bootstrap(document, ['MyApp']);
// Set the ng-app class for Angular Protractor tests
var root = document.documentElement;
angular.element(root).addClass('ng-app');
});
检查您的页面是否在引导后添加了此类。然后设置您的 protractor.conf 导出以运行 onprepare 测试。每次启动 Protractor 时都会执行此规范，我们将使用它来检查您在 ng-bootstrap.js 模块中添加的类。
Protractor 配置文件
exports.config = {
// Every time protractor is launched:
onPrepare: 'onprepare.e2e.js',
};
在您的onprepare.e2e.js 规范文件中，您可以触发主页的加载。然后让 Protractor 等待，直到在根元素上找到类 .ng-app，即:Angular 已经启动并准备好运行 Protractor 测试。
onprepare.e2e.js
describe("On prepare", function () {
// Replace with your own URL
var baseUrl = 'http://127.0.0.1:8001/#/';
// Begin fetching the page
browser.driver.get(baseUrl);
// Wait until `.ng-app` is found on the root elem
browser.driver.wait(function () {
return browser.driver.getCurrentUrl().then(function (url) {
return browser.driver.isElementPresent(by.className('ng-app')).then(function () {
return true;
});
});
});
});
请记住，如果您同时运行大量规范文件，您的页面可能会在新测试开始时重新加载。如果您的 Angular 路由器使用的是 reload: true 参数，您的页面也可能正在重新加载。
这意味着应用程序必须重新启动；在使用 Protractor 之前，您将需要再次等待 Bootstrap 类。
为此添加一个帮助程序并将其包含在您的 protractor-conf.js 中。
helpers.js
module.exports = {
get: function (url) {
browser.driver.get(url);
browser.driver.wait(function () {
return browser.driver.getCurrentUrl().then(function (url) {
return browser.driver.isElementPresent(by.className('ng-app')).then(function () {
return true;
});
});
});
},
};
Protractor 配置文件
helpers = require('helpers.js');
exports.config = {
onPrepare: 'onprepare.e2e.js',
specs: [
'my-spec.js'
]
};
现在您的助手对您的规范是全局可见的，您可以使用新的 helper.get(url) 方法代替 browser.driver.get(url)。示例:
我的规范.js
describe("Users", function() {
it('should login', function () {
// Wait for Angular and RequireJS to finish
helpers.get('http://127.0.0.1:8001/#/login');
// ...tests here...
});
});
关于javascript - Protractor + Angular + requireJs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32369329/
24
4
0
我有一个表，其中包含3行数据和3个删除按钮。我想删除所有数据行，因此想在我的页面对象中编写一个方法来做到这一点……这应该很简单，但我无法使其正常工作。我正在这样尝试: this.rows = elem
我们有一个应用程序，在本地进行测试会显示无效的SSL证书警告。通常，我只添加一个异常并继续处理。但是， Protractor 有无视这一点吗？ 我已经看到了 Selenium 中的一些功能，其中可以忽
我有一个关于我的代码和不同行为的问题，具体取决于使用的 Protractor 版本。 我的测试使用 Protractor 版本 2.5.1。但要从最新发展中获得所有好处，我 试图移动到版本 3.x。
我有一个项目已经运行了很长时间。 最近(几周)系统测试失败了。 经过大量调查，我们得出结论， Protractor 无法识别和关闭警报。 曾经工作的代码 exports.removeFaq = fun
我能够成功运行 Protractor 脚本。下面是我用来运行 Protractor 脚本的 protractor.config.js 文件。 var Jasmine2Reporter = requir
在 Protractor 中，如何处理重复的内容，比如一张表格？例如，给定以下代码，它会踢出一个包含 3 列的表:Index , Name和 Delete-Button在每一行中: {{$in
我为 Protractor 编写了一个自定义定位器，可以找到 anchor元素由他们 ui-sref值(value)。在我的规范中，我刚刚使用了 by.addLocator添加自定义定位器，但我认为发
我遇到过 Protractor 的页面对象的不同类型的语法，我想知道它们的背景是什么以及建议采用哪种方式。 这是 Protractor 教程中的官方 PageObject 语法。我最喜欢它，因为它清晰
Protractor 中有两个 it() 测试用例 it('it1',function(){ }); it('it2',function(){ }); 完成 it1 后， Protractor 中的驱
我目前正在运行一套 Protractor 测试。我有一个 config.js 仅设置为运行具有“功能”的 Chrome。见下文。 capabilities: { } browserNa
我试图断言名称显示在表的列中。我写了一个 inResults将遍历列的文本以查看名称是否存在的函数。这是我正在尝试的: 页面对象: this.names = element.all(by.repeat
我可以使用检索浏览器日志 browser.manage().logs().get('browser').then(function(browserLog) { logger.info('log:
我按照文档中有关如何安装 Protractor 和 Selenium 的说明进行操作，但无法启动。 install -g protractor webdriver-manager update 之后我
我在 Protractor 中使用 --suites config 运行多个案例。我必须为每种情况重新启动我的 web 应用程序，但我的应用程序有一个警报，每当页面重新加载或关闭时，都会弹出该警报以进
我想知道如何在测试套件中按顺序运行测试用例。 例如，加载 URL、登录系统等。 最佳答案 检查 protractor.conf.js example . 您可以指定一个按字母顺序加载文件的 glob，
row1Col1 row1Col2 row1Co
如何从包含特定文本的转发器中搜索元素？ 我试过这样的事情: element(by.repeater('item in array')).all(by.cssContainingText('.xyz',
只是想知道是否可以将 cli args 指定为 Protractor --multiCapabilities.0.browserName chrome --multiCapabilities.1.br
是否可以在 Protractor 中的任何套件运行之前运行一些测试或逻辑流程？ 例如，我想将我的 Protractor 测试分解成一系列套件来测试我的应用程序的不同方面。假设 Jenkins 将在部署
我是 Protractor 的新手，我正在尝试使用 Protractor 设置单选按钮值。我在互联网和 SO 上搜索了徒劳的答案。 html: No Yes
我是一名优秀的程序员,十分优秀！