Learn Protractor Testing for AngularJS

48 minutes

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.

pro-course-rss-logo

PRO RSS Feed

Getting Started With Protractor

Test Simple Binding With Protractor

P

Testing With Protractor Page Objects

P

Protractor Interactive

Protractor: Running tests on multiple browsers

P

Using Protractor to Test Mobile Safari with Appium

P

e2e Testing AngularJS Apps with Protractor and SauceLabs

P

Locators and Suites in Protractor

P

Automated screenshots of your e2e Protractor tests

Use protractor to catch errors in the console

Getting Started With Protractor

3:25 angularjs

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

Test Simple Binding With Protractor

2:24 angularjs PRO

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.

Testing With Protractor Page Objects

3:28 angularjs PRO

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.

angularjs tutorial about Protractor Interactive

Protractor Interactive

1:44 angularjs

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

angularjs tutorial about Protractor: Running tests on multiple browsers

Protractor: Running tests on multiple browsers

8:12 angularjs PRO

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

angularjs tutorial about Using Protractor to Test Mobile Safari with Appium

Using Protractor to Test Mobile Safari with Appium

4:57 angularjs PRO

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.

angularjs tutorial about e2e Testing AngularJS Apps with Protractor and SauceLabs

e2e Testing AngularJS Apps with Protractor and SauceLabs

6:48 angularjs PRO

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.

angularjs tutorial about Locators and Suites in Protractor

Locators and Suites in Protractor

7:12 angularjs PRO

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.

angularjs tutorial about Automated screenshots of your e2e Protractor tests

Automated screenshots of your e2e Protractor tests

7:52 angularjs

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.

angularjs tutorial about Use protractor to catch errors in the console

Use protractor to catch errors in the console

2:23 angularjs

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.

Presented by:

Joel Hooks

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

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

John Lindquist

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.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?