量角器3.1.1 + Angular2:无法找到元素的可测试性

Question

我正在使用Protractor 3.1.1和Angular2运行一个简单的HelloWorld示例,但这件事一直告诉我无法找到元素的可测试性.我在网上搜索了有关错误的一些信息,但没有运气,这似乎是一个新的例外,没有那么多人面临过.

这是我正在使用的组件:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>' +
    '<h2>{{myName}}</h2>' +
    '<input id="someId" [(ngModel)]="myName"/>'
})
export class AppComponent {
    myName = 'Joe';
}

这是Protractor配置文件:

exports.config = {
  framework: 'jasmine',
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: [
    'e2e/*.js'
  ],
  baseUrl: 'http://localhost:3000'
};

这是我正在运行的量角器场景:

describe('angularjs homepage', function() {
    it('should say my name', function() {
        browser.get('/index.html');
        var greeting = element(by.id('someId'));
        expect(greeting.getAttribute('value')).toEqual('Joe');
    });
});

网页正常加载模板HTML,但是Protractor认为生成的网页不是Angular网页,现在,为什么呢？显然,如果我检查生成的网页,它只是处理过的Angular代码的结果HTML,我做错了吗？

这是完整的错误:

Error: Failed: Error while waiting for Protractor to sync with the page: "Could not find testability for element."

如果我按照Protractor Tutorial所说的那样运行一个简单的测试,使用这个演示页面:http://juliemr.github.io/protractor-demo/,它按预期工作,所以有一些东西我的Angular2代码,Protractor没有使用它,但我已经没有想法,任何人都知道发生了什么？

更新2016年2月23日

经过一些研究,我发现要使用带有Angular2的Protractor,配置文件中必须有一个额外的配置行:

useAllAngular2AppRoots: true

这样conf.js现在看起来像:

exports.config = {
  framework: 'jasmine',
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: [
    'e2e/*.js'
  ],
  baseUrl: 'http://localhost:3000',
  useAllAngular2AppRoots: true
};

或明确包含应用程序根目录:

rootElement: 'my-app'

此更新后的所有调用找到一个元素by.id()工作正常,但如果你假装使用任何定位器by.model()或者by.binding(),它只会失败的消息UnknownError: unknown error: angular is not defined.不知道为什么.

Answer 1

显然该提交中有一个错误。 检查这个！。

但现在您可以使用以下命令运行测试 browser.executeScript('window.name = "NG_ENABLE_DEBUG_INFO!"');