Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

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';

exportclass 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 = newAppPage();
  });

  it('should display welcome message', () =>{
    page.navigateTo();

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

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


This post first appeared on Programming, please read the originial post: here

Share the post

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

×

Subscribe to Programming

Get updates delivered right to your inbox!

Thank you for your subscription

×