Modern web application (SPA) consists of a client layer and backend API -
E2E tests are executed at all layers of the app.
E2E tests are not supposed to neither mock any snippets nor any application layers.
They should reflect the end user behaviour.
E2E testing is meant to assess whether the application meets the user’s
expectations.
What we test with E2E?
We cover with them primarily major application scenarios.
It is possible to run also some optional, additional alternative scenarios.
Advantages of automated tests
You can safely make changes in your code as well as update the library.
You can save your time - you can run the tests and go make a cup of tea.
Complex test cases are checked by themselves.
You write test once but you can run it hundreds of times.
You can test locally and on a production server.
Disadvantages of automated tests
The startup time is long and they are quite slow (compared with unit tests).
A vague feedback.
They may be difficult to debug.
Writing and maintaining tests is time-consuming.
Configuration is sometimes difficult.
How does it work in practice?
The tools we will use
node - development environment
jasmine - is a behavior-driven development framework for testing JavaScript code
protractor - is an end-to-end test framework for AngularJS applications
you will need to have the Java Development Kit (JDK) installed to run the standalone Selenium Server
Here we go!
Setup
Use npm to install Protractor globally with:
npm install -g protractor
The webdriver-manager is a helper tool to get an instance of a Selenium Server running
webdriver-manager update
Now start up a server with:
webdriver-manager start
Protractor needs two files to run
configuration file
spec file
Protractor configuration file
Jasmine syntax
more complex test
Debugging
Protractor tools
browser is a global created by Protractor, which is used for browser-level commands such as navigation
with
browser.get
browser.pause();
browser.sleep(10000);
console.log(el);
Elementor
Elementor lets you test Protractor selectors from your browser and IDE. You can enter a protractor locator
or expression and elementor will test it against a live protractor instance.
