This document discusses testing AngularJS applications and compares different tools for doing so. It notes that while Selenium can be used to test Angular applications, tools like Cypress.io and Protractor make it easier by handling asynchronous loading and supporting Angular-specific locators. The document then introduces Cypress.io as an all-in-one tool that provides features like an interactive test runner, faster test execution, better debugging, and reporting capabilities. It provides a simple example of using Cypress.io and also lists some current limitations.

1. End to End Test
Automation with
Cypress.io
KUSHAN AMARASIRI
TEL +94768026773
EMAIL – TESTER101LK@GMAIL.COM

2. What is AngularJS
 AngularJS is a JavaScript-based open-source front-end web
application framework mainly maintained by Google.
HTML is great for declaring static documents, but it falters
when we try to use it for declaring dynamic views in web-
applications.
AngularJS lets you extend HTML vocabulary for your
application. The resulting environment is extraordinarily
expressive, readable, and quick to develop.

3. Can we use Selenium WebDriver to test
AngularJS applications?
 Yes we can use traditional WebDriver to test angular JS applications.
But tools like Cypress.io and Protractor makes the life much more easier.
It has Automatic Waiting for elements which handles asynchronous loading. Selenium cannot
handle such asynchronous calls.
Angular elements are identified by - by.model and by.binding, which is not supported by the
traditional WebDriver.
Angular uses IDs heavily for interaction and DOM manipulation. As a result, WebDriver tests
cannot rely on IDs to locate elements, and locating by name is bit more hassle (non-unique etc).

4. Can we always rely on Selenium?

5. Tools to Automate AngularJS applications

6. Welcome to world of Cypress.io

7. Cypress.io all in one

8. Simple Setup
What's new in Cypress.io
No more Waits Interactive Test Runner
Faster Execution Better Debugging Reporting

9. Simple Setup

10. Interactive Script Execution

11. Interactive Debugging

12. Speed of Execution

13. Going through the code
`it()` is a test case
It’s a mocha coding style. Its like name
given to the test suite. There can be
multiple it statements
Navigates to the given URL and clicks
on the button with text “Sign In”

14. Limitations for Now
Supports limited set of Browsers – Chrome, Canary and Electron
Still page object model is not supported.
Bit tough to read data from files.
Third party reporting tool integration is limited.