AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment web-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

angularjs

Protractor is an end-to-end test framework for Angular and AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

protractor

Protractor is an end-to-end testing framework for AngularJS applications. It allows you do drive the browser and test the expected state of your application's pages. This sort of functional testing is an essential component of any overall testing strategy.

Protractor is an end-to-end testing library for AngularJS. This video lesson will walk through getting Protractor installed and writing your first test.

Getting Started With Protractor

Protractor is built to interact with AngularJS applications. In this lesson, we will take a look at how Protractor interacts with the application using its `element` and finder functions.

Test Simple Binding With Protractor

Protractor Page Objects are a recommended for testing your AngularJS applications. Page Objects abstract the interaction between the browser and your functional tests, resulting in much cleaner tests. 

Testing With Protractor Page Objects

Did you know that Protractor has a handy interactive mode to help with writing/debugging your end-to-end (e2e) tests?

Protractor Interactive

Testing your AngularJS application on multiple browsers is important, and Protractor offers this ability through the `multiCapabilities` configuration option. Learn how to use this option, as well as configure your e2e tests to run on only a single browser for rapid development.

The full source for the base project can be [downloaded here](https://egghead.io/lessons/angularjs-testing-with-protractor-page-objects)

Protractor: Running tests on multiple browsers

When running end-to-end tests with Protractor for your AngularJS applications, you'll want to test mobile as well. Appium helps make that happen.

Using Protractor to Test Mobile Safari with Appium

When you are running end-to-end (e2e) tests against your AngularJS apps, they will need to be run against a rainbow of varied browsers. This can be a logistics nightmare, but luckily there are services like SauceLabs that can make this much more manageable. In this lesson, we will take a look at configuring and running e2e tests with SauceLabs.

e2e Testing AngularJS Apps with Protractor and SauceLabs

Let's take a deeper look at selecting specific elements on the page with Protractor locators. We can also divide our tests up into specific suites of related tests with a bit of configuration.

Locators and Suites in Protractor

It can be useful to capture screenshots of your end-to-end functional tests with protractor. Because protractor tests are "just node", it is very straight forward.

Automated screenshots of your e2e Protractor tests

Protractor gives you access to the console log while it is testing. This functionality could be used to verify that no errors are occurring, or other similar things you might want to test.

Learn Protractor Testing for AngularJS

Joel Hooks

Course Content