javascript - 如何通过 Protractor 访问呈现的 DOM 对象

Question

我刚开始学习 Protractor ，在从 DOM 对象获取文本时遇到问题。

下面是来自 AngularJS 应用程序的 div

"<div class="input-group application-item-field">
                    <input type="text" class="form-control ng-pristine ng-valid ng-touched" id="symbol" ng-model="ctrl.getApplication().company.symbol">

                </div>"

我正在尝试获取符号对象的文本，但它未显示在 span 中。

我试过了

element(By.model('ctrl.getApplication().company.symbol')).getAttribute('class').then(function(text){
                        console.log(text);


                    });

但它没有返回文本。

我可以在开发者工具上使用 console.log(document.getElementById('symbol').value); 获取文本的值。

请指教。

Answer 1

您不必总是使用特定于 Angular 的定位器。 by.id 将是一个完美的选择:

var symbol = element(By.id('symbol'));

要获取输入值，请使用 .getAttribute() :

symbol.getAttribute("value").then(function (value) {
    console.log(value);
});

如果要查看模型值，可以使用.evaluate() :

symbol.evaluate("ctrl.getApplication().company.symbol").then(function (modelValue) { 
    console.log(modelValue);
});