Access $scope object with protractor

Question

I got an object like:

$scope.project = {name: 'whatever', description: 'blabla', another: 'another'};

To debug this, I enter in repl mode and try to see what "project" has. When I define project variable as below, and call it, it returns my object, but when I try to access its keys (project.name), I get undefined. If I do Object.keys(project) I am getting the page object methods like click, getAttribute, etc.

Any ideas on how can I have access to the original object keys?

View side:

<h1 id="foo">{{project.name}}</h1>

Test side:

var project = element(by.id('foo')).evaluate('project');

score 13 · Accepted Answer · edited May 23 '17 at 12:02

13

evaluate uses executeScript behind the scenes. It returns an ElementFinder which resolves to the object you are looking for:

var project;
element(by.id('foo')).evaluate('project').then(function(value) {
    project = value;
});

The documentation says:

which resolves to the evaluated expression for each underlying element. The result will be resolved as in webdriver.WebDriver.executeScript. In summary - primitives will be resolved as is, functions will be converted to string, and elements will be returned as a WebElement.

Also, check out Accessing Angular inside Protractor Test

Edit: syntax error

edited May 23 '17 at 12:02

Community

1
1

answered Jul 01 '15 at 07:42

Delian Mitankin

3,691
26
24

1

seems some syntax error. It should be `element(by.id('foo')).evaluate('project').then(function(value) { project = value; });` – Mahbubur Rahman Jan 09 '17 at 10:43
what does `value` represent? – saruftw Feb 02 '17 at 13:23
evaluate uses Promise. the value should give the returned data after evaluating 'project' – Sairam Feb 03 '17 at 08:26

Access $scope object with protractor

1 Answers1