Giter VIP home page Giter VIP logo

automation's Introduction

AutomateAngularProtractorWebtable

This project's main purpose is to automate the user interactions on Angularprotractorwebtable and successfully finish the scenarios:Add user and validate,Delete user Novak and validate using BDD

Tech stack used

The project is implemented with Cypress(JavaScript) and Gherkin Language(Cucumber-BDD).

Installation and Setup

  1. Cypress version used: Cypress 10.9.0 Operation system : Windows 10 Install Git if you dont have in your system. https://git-scm.com/download/win
  2. Open Git Bash and clone this repository in a directory.
  1. Open the cloned project in a code editor.
  2. In the Terminal window of the Code editor and use NPM commands for installing cypress(Javascript) using following commands
  • Download and setup Node.JS by installing the exe from the link below based on the system requirments.To make sure node.js is installed sucessfully run the command node -v https://nodejs.org/en/download/ open Command Prompt or Terminal window and run the following NPM commands

  • Npm init (enter for all the default options and this will create a package.json file)

  • create a folder in desktop where you want new cypress tests to be created and go to the folder location

  • Npm install Cypress (if you are getting SSL certificate error or any other error you can download the binary from https://www.cypress.io/. And follow the instructions on the page for the direct download: https://docs.cypress.io/guides/getting-started/installing-cypress#Direct-download)

  • Npx cypress open (When we open the first time cypress asks for the default setup of e2e spec file and other support file configuration click continue to proceed. Now click on E2E testing and select the browser:chrome and it asks for default scaffold set of spec files or create new spec file directly. Select the second option)

    Go to Terminal window again and install other dependencies for cucumber setup within cypress

    • Npm i -D cypress-fill-command @badeball/cypress-cucumber-preprocessor @cypress/webpack-preprocessor (installing the Cucumber preprocessor and webpack dependencies and configuring the same is mandatory for running this project sucessfully.Copy the contents of package.Json file and cypress.config.js file(located in the Parent folder from where Cypress is installed) from the github repository and update your local copy for these files.For more instructions please refer to the github page:https://github.com/badeball/cypress-cucumber-preprocessor)
  1. Now copy the spec files from the github repository to your local cypress\e2e\AutomateAngularProtractorwebtable.feature and cypress\e2e\AutomateAngularProtractorwebtable.js (For the feature file to highlight in blue cucumber/full gherkin extension may be required to install depending on the editor from the extension/plugin section)

Execution

npx cypress open Cypress Testrunner will open in a new window and show the updated AutomateAngularProtractorwebtable.feature as hyperlink Click on the feature and the execution will start on the new chrome browser window for both Add and the Delete scenarios

Results

The script runs and completes the execution of both the scenarios and the test report shows all the assertions used as well as the screenshots of the applications (before/after state when we hover) in the new chrome browser window directly

automation's People

Watchers

 avatar

Forkers

mukesh-50

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.