Learn Protractor Testing for AngularJS

Learn Protractor Testing for AngularJS course by @jhooks #angularjs

  • Protractor: Running tests on multiple browsers
  • Use protractor to catch errors in the console
  • Test Simple Binding With Protractor
  • Protractor Page Objects are a recommended for testing your AngularJS applications.
  • When running end-to-end tests with Protractor for your AngularJS applications, you’ll want to test mobile as well.

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.


@eggheadio: Learn Protractor Testing for AngularJS course by @jhooks #angularjs

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.

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.

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.

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

Testing your AngularJS application on multiple browsers is important, and Protractor offers this ability through the

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

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.

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.

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.

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.

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.

Joel is a software developer living in Fort Worth, Texas. He’s passionate about home educating his 4 kids and all things technology. He’s also keeps egghead.io up and running for your learning pleasure!

Ben Clinkinbeard is fully immersed in the JavaScript ecosystem with a particular focus on Node, React, Redux, D3, and ES6+.

John Lindquist is a co-founder of egghead.io

John has spent the majority of his career developing Rich Web Applications. Before starting egghead.io, John worked at JetBrains as a WebStorm evangelist, and before that he was a Technical Architect at Isobar leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.

Learn Protractor Testing for AngularJS