Skip to content

ortoniKC/Protractor-YT

Repository files navigation

Protractor E2E Testing

Protractor is an end-to-end test framework for Angular and AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

Testing practice site

Tutorials can help you to learn, but you cannot become expert in it until you practice. Feel free to use our site LetCode

Support

While learning it is very common to have doubts, to enhnance your learning I am ready to support you as much as I can do.

  1. Join our Gitter channel Gitter
  2. Join our Facebook group Facebook

Please follow the sequence

  1. Project Setup

Project Setup

  1. Why not Selenium?

Why not Selenium

  1. Why Protractor?

Why Protractor

  1. What is spec/conf?

spec-conf

  1. How to handle promises (Aysnc & Await)?

promises

  1. What is Jasmine?

jasmine

  1. Interact with Inputs

inputs

  1. Import statement & Code suggestions

import-code

  1. How to debug Protractor Script in VS Code?

import-code

  1. Interact with Buttons

buttons

  1. Run in existing browser

debugger

  1. Interact with DropDown (Select)

drop-down

  1. How to handle alerts?

alerts

  1. How to handle frames?

frames

  1. Window handling

Window handling

  1. Run protractor plugin

Run protractor plugin

  1. Headless mode (NO GUI)

Headless

  1. Find multiple elements (element.all)

multiple elements

  1. How to use each function

each

  1. Get, first & last functions

Get, first & last functions

  1. Map function

Map function

  1. Filter function

Filter function

  1. Cross browser testing

Cross browser testing

  1. Web table concept

Web table concept

  1. Drag & Drop

Drag & Drop

  1. Context menu (Right click)

Context menu (Right click)

  1. Drag & Drop by Location

Drag & Drop by Location

  1. Mouse Hover

Mouse Hover

  1. Multi Select

Multi Select

  1. Sequential & Parallel Execution

Sequential & Parallel Execution

  1. Parallel Execution - Multiple Browsers

Parallel Execution - Multiple Browsers

  1. Jasmine Spec Report

Jasmine Spec Report

  1. Allure HTML Report

allure report

  1. Allure HTML Report with screenshots

allure report

  1. Protractor Parallel Report

allure report

  1. Click & Hold

allure report

  1. Why POM - #1

pom

  1. Page Objects - POM - #2

page objects

  1. Page actions - POM - #3

page objects

  1. Sign up page- POM - #4

page objects

  1. Positive & Negative Scenario - POM - #5

page objects

  1. Login Page Positive & Negative - POM - #6

page objects

  1. Read data - JSON

page objects

  1. Write & Read data - JSON

page objects

  1. Wait for alert - Expected condition - 1

Wait for alert

  1. Title & clickable - Expected Conditions - 2

Title & clickable

  1. Visibility & Invisibility - Expected Conditions - 3

Visibility & Invisibility

  1. Non-angular automation - waitForAngularEnabled

Non-angular automation

  1. Sorting - Table

Sorting - Table

  1. Run in Edge chromium

Run in Edge chromium

Protractor Framework with TypeScript

Recommended to watch in the following order 🌝

  1. Protractor Framework -1

Protractor Framework -1

  1. Protractor Framework -2

Protractor Framework -2

  1. Protractor Framework -3

Protractor Framework -3

  1. Protractor Framework -4

Protractor Framework -4

  1. Protractor Framework -5

Protractor Framework -5

56.Protractor Framework -6

Protractor Framework -6

  1. Conversion of POM JavaScript to TypeScript - Part 1 | LetCode

Protractor Framework -7

  1. Conversion of POM JavaScript to TypeScript - Part 2 | LetCode

Protractor Framework -7

  1. Fixing bugs! | LetCode

Protractor Framework -7

  1. Run Test Script in Multiple Environments - Params

Protractor Framework -7

  1. Angular Locators in Proractor

Protractor Framework -7

  1. NPM Run Test | Protractor Tutorialr

runtets

  1. Post test - Save Allure Report | Protractor Tutorial

savereport

  1. Git & Jenkins | Protractor Tutorial

jenkins