Protractor is a Node.js program which is used for testing of Angular JS applications. It is combination of Selenium, Jasmine, Webdriver etc. Along with Angular JS applications protractor can also be used in testing of normal web applications. Installation of Protractor: Protractor installation and configuration Advantages and disadvantages of protractor Locators and Sample
Read more1. Download and install Node Package Manager(npm) Link to download npm (https://nodejs.org/en/download/) 2. Then install ANGULAR CLI globally Open cmd and Run command [crayon-661e30291eb0c180347332/] It can install angular globally 3. To Check version on command [crayon-661e30291eb1f017199711/] [crayon-661e30291eb24505622977/] [crayon-661e30291eb28816915661/] 4. Create new project Open terminal and run command [crayon-661e30291eb2c506723990/] Here we create project name my-app Angular cli installs npm packages and creates project files 5. Run
Read moreAn AngularJS application has a single $rootScope. All the other $scope objects are child objects. The properties and methods attached to $rootScope will be available to all the controllers. The following example demonstrates the $rootScope and $scope object. [crayon-661e30291f350363609350/] and the output looks like [crayon-661e30291f35d777505459/] Drop comment if you have any query. :)
Read moreConsider html as below we need to set text to if any one select multiple items from list. [crayon-661e30291f6cf804218182/] and here is the functions for that. [crayon-661e30291f6d9657705319/] Please drop comment if you have any problem :)
Read moreConsider we have page status list. [crayon-661e30291fa0e502005172/] then out html looks like as, [crayon-661e30291fa18503489837/] and her we have 2 functions for select/deselect all. [crayon-661e30291fa1c768443855/] If you have any query then drop a comment.:)
Read moreConsider we are downloading page name, description in excel. 1. we need to declare which field to includes from list for excel download. [crayon-661e30292000a675042808/] In html file. we are declaring 2 buttons. one is hidden. from shown button we will click to hidden button which will apply fiilter on data that comes from
Read moreConsider angular routing as below. [crayon-661e302920389183678120/] and just need to write code as below. [crayon-661e302920392459270578/] and in the html side, just need to add below code on the layout/common page. [crayon-661e302920397157717242/]
Read moreFor this we will write directives [crayon-661e3029206f2300604581/] For use this add html like below [crayon-661e3029206fb875188503/] If you have any doubt, then drop comment below. :)
Read more1. add below line of code in app.js file [crayon-661e3029209e9539789945/] 2. here is out html. [crayon-661e302920a13987499675/] temlpate-path is the path of out html file.
Read morewe have angular object [crayon-661e302920dd5639734118/] In above, we have one pages objects which stores page list and page count. Consider, we have page status filters. which values is stored in 'filterData.selectedPageStatus' object that is we are passing to page custom filter. so out html looks like below [crayon-661e302920dde197064676/] Now, add below code in app.js [crayon-661e302920de2045396571/] Here we done. Please
Read more