e2e tests

How To Write End-to-End Tests for Your Angular 4 and 5 Applications? [e2e tests]

What is e2e (end-to-end) Testing?
The End to End Testing is used to testing the entire application looks like -
ü  All User Interactions
ü  All Service Calls
ü  Authentication/Authorization of app
ü  Everything of App
ü  And so on.

This is the actual testing of your apps. It is fast action.
Unit testing and Integrations testing will do as fake calls but e2e testing is done with your actual Services and APIs calls.
ü  Stayed Informed -   Angular Unit Test - Karma and Jasmine

Test functions–
ü  describe – Test suit (just a function)
ü  it  - The spec or test
ü  expect -  Expected outcome.

Triple Rule of Testing –
ü  Arrange - Create and Initialize the Components
ü  Act - Invoke the Methods/Functions of Components
ü  Assert - Assert the expected outcome/behaviour

Sample Test example -
app.po.ts –
import { browser, by, element } from 'protractor';

export class AppPage {
  navigateTo() {
    return browser.get('/');

  getParagraphText() {
    return element(by.css('app-root h1')).getText();

app.e2e-spec.ts –
import { AppPage } from './app.po';

describe('my-app App', () => {
  let page: AppPage;

  beforeEach(() => {
    page = new AppPage();

  it('should display welcome message', () => {

    expect(page.getParagraphText()).toEqual('Welcome to app!');

I hope you are enjoying with this post! Please share with you friends!! Thank you!!!

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

www.code-sample.com/. Powered by Blogger.