Angular 5 e2e Testing with Protractor Tutorial

Introduction to End-to-end tests in Angular 5 using Protractor.

Article and code samples from this tutorial

Please be my patreons on patreaon

Follow me for technology updates

Help me translate this video.

Awesome tutorial! Pure gold! Simple and right to the point and with examples. I was looking for simple explanation about e2e testing and you just nailed it! Thanks!

[DannyVallee]

Nice Protractor tutorial! I didn't know any of this and you made it simple to understand. Big Thanks !

[roshnideepti]

Thank You Sir, For your channel which clears doubts from all areas related to UI.. I always find it helpful in bottle-neck situations. And it's the first time ever I am commenting to any channel in You Tube :)

[kiranpoojary]

The first time I'm going to write an e2e test in angular. it helped a lot. Thank you

[aznthanh]

thank so much for the walk through and the source code. Keep up the good work!

[SimTekGameDevelopment]

This is a great tutorial, it got me up and running in no time! Thanks!

[yaesmucho]

I just needed a simple introduction and this covered it, good job. Maybe I will dig deeper .

[johnnysantos]

i like this kind of tuts very simple and i like way you started with an error testing.

[mrnikfal]

Thanks, it was really brief and clear

[archiebobo]

Hey, what is the reason for using a colon for the variable assignment in `app.e2e-spec.ts` line 4 - `let page: AppPage`?

[jayrying]

Thank you very much for spectacular explanation!!

[priyankasurve]

Hi
Techsith is good platform to learn new things.
e2e testing video is also good but one request is can you please make videos which can explain protractor e2e testing in detail with big application.
Thanks in advance

[TeluguStatesDallas]

Thank you for the video, it is helpful and more informative

[shivaramagiri]

Thanks for sharing your knowledge.. i want to know about server side rendering in angular.. please explain with practical example

[ipogtaknev]

Hey.. thanks for the video. Is it required to use browser.navigate in every test case (it block)? we will be in the same page rght?

[ramakrishna]

I'm decently new to Angular and trying to write a proctor(e2e) test in angular 5 with CLI for testing on the gojs canvas. In the test i am importing the gojs. For some reason, I keep getting an error saying window is not defined.
The code in the test is like:
import { AppPage } from './app.po';
import { browser, by, element } from 'protractor';

import * as go from "gojs"
import { Robot } from

describe('ui App', () => {
//const go =
let page: AppPage;

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

it('should display welcome message', () => {
const dia =
const robot = new Robot(dia);

page.navigateTo();
console.log(dia.nodes.count);
console.log(dia.parts.count);
});
});
when i try to run the test I got the following error:
DevTools listening on
[14:59:34] E/launcher - Error: ReferenceError: window is not defined
at Object.<anonymous>
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
at Module.require (module.js:587:17)
at require (internal/module.js:11:18)

i am able to access the gojs in the unit tests(karma-jasmine), But getting the issue with the protractor test.Can you help me with this.

[justinc]

Can you recommend anymore resources on protractor for angular 5+? I am using angular 6 and cannot find too many tutorials apart from yours that test in angular 6. Most tutorials are outdated and are in angularjs or 2 and the syntax seems different. Thank you.

[pawrymek]

Nice tutorial, thanks!

It will be usefull to show how to debug e2e tests e.g. in Visual Studio Code because brower.pause() not works on node 8 abouve.

[avinash]

When will you upload latest videos with all concepts in Angular.

[ajotel]

Love your tutorials! You are my favourite devteacher on the youtube! <3 ;)
Great JOB AND KEEP DOING IT! ;)