There are many element location strategies available in protractor. Click here to know about element locators in protractor.
by.js is one more element locating strategy available in protractor. We need to pass javascript code as a string or as a function to by.js to get single/multiple element(s).
Pass javascript code as a string:In any UI automation tool, the most important and required step is element identification. Protractor has many element locating strategies like selenium webdriver. You can go through different element locating strategies available in protractor Here and Here.
Lets know about element identification in protractor.
Element identification is different for different situations. Some times we may need to » Continue Reading.
Most of the editors use node debugger to debug a node.js code.
Protractor has extended node debugger for debugging test scripts. We need to debug tests from Terminal. Also, we can execute additional statements in the debugging mode. This is quite a fantastic feature which will be more helpful for testers to debug protractor tests.
Lets start debugging » Continue Reading.
While automating an UI application sometimes we may need to use rest api for creating test data required for the current test.
Protractor is designed for automating application on the browser. Protractor by default can not make rest calls on it’s own. So we need to depend on third party tools like restler for calling rest api in » Continue Reading.
The most important steps in end-to-end tests for any web application are finding DOM elements, interacting with them, and getting information about the current state of your application. So it is better to understand the internal details of element identification mechanism in any UI automation tool like Protractor to write better performing automation tests.
This documentation is an overview of » Continue Reading.
Page object model is a most popular and widely used framework for automating any web application. Protractor is also suitable to use Page Objects design.
What is Page Object? As per Selenium Guys: “Within your web app’s UI there are areas that your tests interact with. A Page Object simply models these as objects within the test code. This » Continue Reading.Shadow DOM is nothing but a sub tree of the actual DOM structure which will not effect other areas of the webpage. That means shadow DOM will have separate CSS/Javascript to serve it’s purpose.
Lets see a small element which used shadow dom. <input id="foo" type="range">
Lets insert the above code to any WebKit-powered browser. » Continue Reading.
Protractor has inbuilt support for identifying elements which are related to angular js by using ng-model or ng-bind or ng-repeat etc..
Please go through different locating strategies supported by protractor for angular Js applications.
Angular specific locators by.bindingTo find elements with text binding. Means the elements which are bound to an angular variable.
Note: For AngularJS version 1.2, the » Continue Reading.
Protractor supports all the element location strategies given by selenium like @Id, @xpath, @cssSelector, @name etc.. Along with the selenium supported locators, protractor has unique set of locators particularly to identify elements based on angular js attributes like ng-model, ng-repeat, ng-options, ng-bind etc.. We will explain about how to use selenium supported element locators in protractor by angular js » Continue Reading.
Before writing our first protractor test, it is better to read a bit about type script.
Why to use TypeScript?Problem with Javascript: We need not to follow any strict typings like defining variables and following strict syntaxes while writing a script using plain Javascript. This will make the code clumsy and readability will also be a problem. » Continue Reading.