angularjs - Angular : how to check variable in scope without ng-bind and ng-model? 中的 Protractor 测试

Question

如何在没有 ng-bind 和 ng-model 的情况下检查范围内的变量？

<span ng-if="user.code === 'YELLOW'">
    <span class="glyphicons glyphicons-circle-remove text-danger"></span> Yellow
</span>
<span ng-if="user.code === 'GREEN'">
    <span class="glyphicons glyphicons-circle-exclamation-mark text-warning"></span> Green
</span>

我想用 Protractor 检查 user.code

使用 ng-bind 和 ng-model 它不起作用

browser.expect(element(by.binding('user.code')).getText()).to.eventually.equal('');

或者

browser.expect(element(by.model('user.code')).getAttribute('value')).to.eventually.equal('');

错误 :

NoSuchElementError: No element found using locator: by.binding("user.code")
NoSuchElementError: No element found using locator: by.model("user.code")

Answer 1

你不应该在 Protractor 中测试那种东西。您应该从用户的 Angular 编写测试。

但是，如果您想测试它，请使用 evaluate .获取对 DOM 元素的引用，然后调用评估:

// Choose a DOM element bound to a scope that contains the value you
// want to test
expect($('span').evaluate('user.code')).toBe('some value');

http://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.evaluate