量角器：访问返回对象的属性答案

【问题标题】：Protractor: Access properties of returned Object量角器：访问返回对象的属性
【发布时间】：2018-07-23 15:16:48
【问题描述】：

我有以下问题：我的 HTML 代码像锁一样

<div *ngFor="let device of viewModel.devices; let i=index">
    <input type="radio" name="devices" [value]="device" [(ngModel)]="viewModel.selectedDevice">
        My content...
</div>

重要的部分是“ngModel”，它返回一个对象（在打字稿中）：

class Device {
    constructor(public name: string, public kind: DeviceKind) {

}}

我现在想获取存储在 ngModel 中的属性“name”和“DeviceKind”（这是一个枚举）。
我设法通过以下方式获取所有设备的“ngModel”内容（有点难看）：

element.all(by.xpath("//*[@id='deviceList']/div/input")).then(function (items) {
  items.forEach(function (item) {
      item.getAttribute("ng-reflect-model");   // TODO: How to access the returned object properties
});

（id 位于更高的 div 元素中）。此代码返回所有对象“[object Object]”。（如果我写 console.log(item.getA...)，或者检查浏览器 DOM）

我的问题是：如何访问返回的对象属性？有可能吗？
我试过类似的东西：

item.getAttribute("ng-reflect-model").name
item.getAttribute("ng-reflect-model").then(function(name){...}

更新：
我试图让它更简单：
我的法师现在包含以下代码行：

<div id="tempTest">{{selectedDeviceName}}</div>

我的测试包含以下代码：

expect(element(by.id('tempTest')).getText()).toEqual('XXXXXX');  // To test if element really exists
var value = element(by.id('tempTest')).evaluate('selectedDeviceName');

结果是：unknown error: Cannot read property '$eval' of undefined

我尝试了一个更简单的评估（应该可以，不确定）：

element(by.id('tempTest')).evaluate('4+3');

然后我打印出请求以及响应：
要求：

POST /session/b0eb1b5a-3d96-4350-9029-01377249b251/execute HTTP/1.1
accept: application/json; charset=utf-8
{"script":"try { return (function (element, expression) {\n  return angular.element(element).scope().$eval(expression);\n}).apply(this, arguments); }\ncatch(e) { throw (e instanceof Error) ? e : new Error(e); }","args":[{"element-6066-11e4-a52e-4f735466cecf":"0.34935142695585064-12","ELEMENT":"0.34935142695585064-12"},"4+3"]}

回复：

{"sessionId":"b0eb1b5a-3d96-4350-9029-01377249b251","status":13,"value":{"message":"unknown error: Cannot read property '$eval' of undefined\n  (Session info: chrome=59.0.3071.125)\n  (Driver info: chromedriver=2.30.477700 (0057494ad8732195794a7b32078424f92a5fce41),platform=Windows NT 10.0.16299 x86_64)"}}

它似乎试图获取元素的范围，但失败了。

【问题讨论】：

标签： javascript angular protractor javascript-objects

【解决方案1】：

对于protractor/seleniumgetAttribute() api，只能返回字符串值或null，不能返回对象。所以你在代码中使用了错误的方式。

如果要获取Angularjs的ng-model中的值，有两种选择：

选项 1 使用 protractor api element().evaluate()，仅适用于 Protractor 5.0 及更高版本
详情请看量角器官方API文档。

选项 2 将 javascript 注入浏览器以获取值，适用于任何 Protracor 版本

var script = 'return angular.element(arguments[0]).scope().$eval(arguments[1]);';
browser.executeScript(script, element(by.xxx(...)).getWebElement(), 'viewModel.devices')

【讨论】：