由于ng-app指令在html标记上，因此量角器抛出错误

Protractor throwing error now that ng-app directive is on html tag

本文关键字：量角器 错误 出错 指令 ng-app html 由于      更新时间：2023-09-26

最近，在我们正在开发的应用程序中，与我合作的开发人员将ng应用程序指令从body标记移到了html标记。我正在使用量角器构建端到端测试套件，因为我们目前使用的是Angular 1.4.8

在今天早上之前，我所有测试中的所有内容都成功运行了，但是现在ng-app指令在html标签上，我收到了以下错误。

 /usr/local/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/goog/async/nexttick.js:41
goog.global.setTimeout(function() { throw exception; }, 0);
                                  ^
Error while waiting for Protractor to sync with the page: "window.angular is undefined.  
This could be either because this is a non-angular page or because your test involves client-side navigation, which can interfere with Protractor's bootstrapping.  
See http://git.io/v4gXM for details"

我知道我需要在conf.js文件中定义rootElement："html"，下面是我的conf.js文档中的以下代码

exports.config = {
framework: 'jasmine2',
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['helpers.e2e.js', 'specs/leases.spec.js', ],
baseUrl: 'http://test.manage.ourApp.com/',
rootElement: 'html',
capabilities: {
  'browserName': 'chrome'
},
//This can be changed via the command line as:
//--params.login.user 'ourApp'
  params: {
  login: {
    email: 'ourApp.test@gmail.com',
    password: 'test'
  }
}, 
jasmineNodeOpts: {
  showColors: true,
  defaultTimeoutInterval: 300000,
  isVerbose: true,
  includeStackTrace: true
},

HTML代码看起来像这个

 <html ng-app="ourApp" class="ng-scope">

我尝试了很多来自网络的建议，但仍然不明白我做错了什么。如有任何帮助，我们将不胜感激。

在protractor.conf.js文件中，您应该将rootElement指定为一个选择器，该选择器将查找包含ng-app属性的元素：

rootElement: '[ng-app="ourApp"]'

相关文章：