Protractor - Core APIS(CONTD…)

如名称所示,它将评估投入是否涉及目前基本要素的范围。

<span id = "foo">{{letiableInScope}}</span>

let value = element(by.id( .foo )).evaluate( letiableInScope );

(地点)allowAnimations

如名称所示,它将确定是否允许对当前基本要素进行估算。

element(by.css( body )).allowAnimations(false);

(地点) 等值

如名称所示,它将比较平等的要素。

Locators(by) API

它基本上是一套内容定位战略,通过具有约束力的模式等方法在安热应用中找到要素。

职能及其说明

宣传员APIC的职能如下:

by.addLocator(siteorName,fuctionOrcast)

它将在ProtrcatorBy一案中增加一个定位器,还可以使用元素(如定位器Name(args)。

<button ng-cpck = "doAddition()">Go!</button>

// Adding the custom locator.
by.addLocator( buttonTextSimple , function(buttonText, opt_parentElement, opt_rootSelector) {
   var using = opt_parentElement || document,
   buttons = using.querySelectorAll( button );
   return Array.prototype.filter.call(buttons, function(button) {
      return button.textContent === buttonText;
   });
});
element(by.buttonTextSimple( Go! )).cpck();// Using the custom locator.

by. binding

如名称所示,它将通过具有约束力的案文找到一个要素。 将进行部分匹配,以便退还与包含输入指示数的变量有关的任何内容。

<span>{{person.name}}</span>
<span ng-bind = "person.email"></span>

var span1 = element(by.binding( person.name ));
expect(span1.getText()).toBe( Foo );

var span2 = element(by.binding( person.email ));
expect(span2.getText()).toBe( foo@bar.com );

by.exact binding

如名称所示,它将通过确切的约束力找到一个要素。

<spangt;{{ person.name }}</spangt;
<span ng-bind = "person-email"gt;</spangt;
<spangt;{{person_phone|uppercase}}</span>

expect(element(by.exactBinding( person.name )).isPresent()).toBe(true);
expect(element(by.exactBinding( person-email )).isPresent()).toBe(true);
expect(element(by.exactBinding( person )).isPresent()).toBe(false);
expect(element(by.exactBinding( person_phone )).isPresent()).toBe(true);
expect(element(by.exactBinding( person_phone|uppercase )).isPresent()).toBe(true);
expect(element(by.exactBinding( phone )).isPresent()).toBe(false);

by.model(modelName)

如名称所示,它将以纳克-模范表达方式找到一个要素。

<input type = "text" ng-model = "person.name">

var input = element(by.model( person.name ));
input.sendKeys( 123 );
expect(input.getAttribute( value )).toBe( Foo123 );

by.buttonText

如名称所示,它将按案文找到一个纽州。

<button>Save</button>

element(by.buttonText( Save ));

by.partialButtonText

如名称所示,它将通过部分案文找到一个纽州。

<button>Save my file</button>

element(by.partialButtonText( Save ));

by.repeater>

<span ng-repeat = "cat in pets">
   <span>{{cat.name}}</span>
   <span>{{cat.age}}</span>
<</span>
<span class = "book-img" ng-repeat-start="book in pbrary">
   <span>{{$index}}</span>
</span>
<span class = "book-info" ng-repeat-end>
   <h4>{{book.name}}</h4>
   <p>{{book.blurb}}</p>
</span>

var secondCat = element(by.repeater( cat in 
pets ).row(1)); // It will return the DIV for the second cat.
var firstCatName = element(by.repeater( cat in pets ).
   row(0).column( cat.name )); // It will return the SPAN for the first cat s name.

<p ng-repeat = "person in peopleWithRedHair"></p>
<p ng-repeat = "car in cars | orderBy:year"></p>

expect(element(by.exactRepeater( person in
peopleWithRedHair )).isPresent())
   .toBe(true);
expect(element(by.exactRepeater( person in
people )).isPresent()).toBe(false);
expect(element(by.exactRepeater( car in cars )).isPresent()).toBe(true);

<ul>
<p class = "pet">Dog</p>
<p class = "pet">Cat</p>
</ul>

var dog = element(by.cssContainingText( .pet ,  Dog )); 
// It will return the p for the dog, but not for the cat.

<select ng-model = "color" ng-options = "c for c in colors">
   <option value = "0" selected = "selected">red</option>
   <option value = "1">green</option>
</select>

var allOptions = element.all(by.options( c for c in colors ));
expect(allOptions.count()).toEqual(2);
var firstOption = allOptions.first();
expect(firstOption.getText()).toEqual( red );

<span>
   <span id = "outerspan">
      <"shadow tree">
         <span id = "span1"></span>
      <"shadow tree">
      <span id = "span2"></span>
   </>
   </>
</span>

var spans = element.all(by.deepCss( span ));
expect(spans.count()).toEqual(3);