Protractor Beginner Tutorial 1 | What is Protractor

and welcome I am taka and today we are going to learn from scratch what is protector so I'm going to go very basic step-by-step so do not worry if you have no prior knowledge on protector and we will learn what is protractor and to understand protector in a very easy and efficient way we also need to understand what is angular and angularjs and what is webdriver Egeus so we will learn all this in a very simple way so here what is protector a standard definition is protractor is an end-to-end test framework for angular and angular JS applications now to understand this we need to know what is end-to-end testing what is angular and what is angularjs so here if I talk about end-to-end testing in any application we can have multiple modules and all these modules talk to each other so if I take a very very simple example they can be a model for user registration they can be a model for login profile and logout so if we test a complete scenario or a business use case or a user scenario for example a user goes to registration and registers himself then he logs into the application and then goes to the profile and locks out this will be a complete scenario so the type of testing to verify a complete use case or a user scenario or a business logic of the application from start to finish is called end to end testing whereas if I talked about unit testing or component testing it is for testing the individual unit or component of the application for example in this particular scenario if I just take registration module and write test cases only for the standalone module it will be a unit testing so now we know protractor is for end-to-end testing now it is for angular and angular GS applications both of these are frameworks that are used to build front-end web applications if I show you in a very simple way these are our frameworks behind web vacations which are user-facing applications so both angularjs and the angular are frameworks for creating these web applications so now we know this if I'd again go and talk about angular and angularjs let us see what exactly is angularjs angularjs is a JavaScript framework and it is open source and is used for creating web applications so it is open source web application framework it is written in JavaScript and this is one of the differences with angular I will show you this and it is developed by Google and initial release was in October of 2010 and it is also referred to as angular 1 so angular 1 is angularjs and when we talk about angular this is written in typescript and again it is a framework for building client-side web applications it is again open source and written in typescript developed by Google and initial release was 2016 and it is also referred to as angular 2 plus or angular version 2 and above so angularjs was created earlier but there were some shortcomings for angularjs and therefore the people who created angularjs rewrote the entire code and developed angular and angularjs has version 1 and all the version starts with 1 dot X X whereas angular starts with version 2 and then you will have version 4 5 6 7 8 and so on so here also if you see in angular you will not see version 3 after version - we have version 4 and that is because of the compatibility issue with router so angular router was on version 3 even before angular 3 would have been released and the next release foot meta router on version 4 and therefore it was decided to skip angular 3 version and we went with angular 4 now in case our you need more information on this there is a link for this YouTube video I will also provide all these links and nodes in the description of this video so you can watch this in case you need more information on this so we now know protractor is an end-to-end test framework for angular and angularjs application and it can be used to run your application or test your applications in real browsers so now another very important concept or standard definition for protector is it is a node.js program which is built on top of webdriver jeaious here again we need to understand what is node.js and then what is webdriver GIS so no dias is a server-side platform or a platform to develop server-side or networking applications and it is open source and it is cross-platform and here you can have node.js applications which are written in JavaScript and can run on different platforms so here we can also understand protractor is also written in JavaScript because it is a node.js application so now we know protector is node.js program and build over webdriver GS so this protractor is a wrapper over webdriver ideas it is built over the privateer so you can understand we have that driver GS which is binding for selenium that is used to interact with the browser so we have functionalities or methods in webdriver GS that is used to inject with the browser and protector is a wrapper over this webdriver yes is the official JavaScript implementation of selenium like we have implementation of selenium and different languages like Java Ruby PHP c-sharp and therefore we have a JavaScript implementation which is called as webdriver GS and it helps to interact with the elements on the web and protractor is a wrapper over webdriver GS and if the extends its functionality if I go to Google and just search for webdriver GS and I will go to images and here you can see this image so this explained very beautifully in a diagram about webdriver GS and I also have this image let me just copy it and I will show you here so you can see we have webdriverjs here which is a implementation of selenium in JavaScript and this interacts with the browser or browser elements and then protractor is a wrapper over this webdriver GS and it has some more functionality so that it can handle angularjs elements we will discuss more on angular JS elements later in this series and then what you see here like cucumber mocha just mean these are testing frameworks so you can create your test cases using these frameworks and here this interacts with selenium server and then we have the browser drivers for different browsers and finally we have the angular JS application which is running on the browser so this is our typical architecture or design of protractor with webdriver GS we will discuss on this in more details in coming sessions so now you can understand protractor is a end-to-end test framework for angular and angularjs applications it is a node.js program built on top of webdriver GS and it is used to run the test against application running in real browser interacting with it as a real user would and also you can use protractor to test non angular applications as well and I will show you in practicals how you can do that so in the practicals we will learn all this so this is what protractor is and this is what you can explain about protractor in an interviews or for your own understanding in a very very easy way this is what protractor is now in the next session we will see why we need protector and also we will discuss the desire the architecture of protector before going into the practicals I hope this was very useful for you so this is going to be a beginning of learning protractor in a very easy way we will have more interesting sessions on protractor do share your knowledge with others and thank you so much for watching have a good day

Channel: Automation Step by Step

Views: 83,481

Rating: 4.8920135 out of 5

Keywords: what is protractor, why we use protractor, what is angular and angularjs, difference between angular and angularjs, angular vs angularjs, what is webdriverjs, how protractor interacts with webdriverjs, protractor beginner tutorial, protractor tutorial for beginners, learn protractor from scratch, testing non angular applications with protractor, end-to-end testing with protractor, Why there is no ver 3 of Angular, how protractor works

Id: p8ENoeZENhk

Length: 8min 29sec (509 seconds)

Published: Wed Aug 07 2019