Git Product home page Git Product logo

cypress-test-techniques's Introduction

AUTOMATED SOFTWARE TESTING WITH CYPRESS

:octocat: An open-source, fully built Cypress Framework in page object model with visual regression, lighthouse code audit, accessibility tests, mobile view port compatibility tests, browserstack, jenkins,docker configuration 🌲

Video Guide

CypressIOFramework

πŸš€ Global reach of CypressIO sessions through Teachable. video showing international reach of udemy courses

Book

CypressIOBook

CypressIO CheatSheet

Latest CypressIO CheatSheet

CypressIO Basics as Slides

CypressIO Basics CypressIO Architecture CypressIO Docker

Pre-requisite Tools

  1. Node version 12 or above
  2. Visual Studio Code or IntelliJ or WebstormIDE or any valid IDE

Quickstart

It takes just 5 minutes to setup cypress framework πŸš€

  1. npm install
  2. npm link
  3. npm link cypress-cucumber-preprocessor
  4. npm install through

set host/ baseurl

  1. go to cypress.json file
  2. set baseurl

Dashboard execution

  1. Go to project root,
  2. npx cypress open
  3. click specific feature file [executionwillstart]

cmmd line Execution

  1. npm run test:mochawesomereport
  2. npm run test:allurereport
  3. npm run generatereport

LambdaTest Cross Browser Tests

  1. npm i -g lambdatest-cypress-cli
  2. lambdatest-cypress init
  3. lambdatest-cypress run

Detailed Video: LambdaTest Integration with Cypress Framework

Visual Test

  1. npm run test:visual-base
  2. npm run test:visual-actual
  3. Snapshots will be generated in 'snapshots' folder

Reports

  1. Reports will be generated in 'mochawesomereport-report' folder - command line execution only

    ex: npm run test:mochawesomereport

  2. Allure reports: a. npm run test:allurereport b. npm run generatereport

BrowserStack Integration Steps

  1. Installation in repository: npm install -g browserstack-cypress-cli
  2. Create Json file of browserstack through: browserstack-cypress init
  3. Update the browserstack.json using standard configurations. (Example:https://www.browserstack.com/docs/automate/cypress)
  4. Run the tests in browserstack: browserstack-cypress run

How Tests Are Executed?-Watch from Youtube Playlist

Youtube Playlist

Credits

  1. Samuel Anthony Custer for cypress-axe,
  2. Vinayak Titti for cypress-boilerplate,
  3. abramenal for cypress-file-upload,
  4. Ben Kucera for cypress-plugin-tab,
  5. Gleb Bahmutov for cypress-xpath,
  6. Michael Herman for cypress-visual-regression,
  7. Jack Cross for cypress-image-snapshot,
  8. Lukasz Gandecki for cypress-cucumber-preprocessor.

Watch Latest Meetup Session

Latest CypressIO Meetup

International Webinar - Book Slots

Scalable and Reliable Cross Browser Testing With Cypress Framework. πŸš€

Download Slides from Slideshare

Most Famous Cypress Automated Tests for Developers and Testers

πŸŽ‰ Learn ISTQB Test Automation Engineering along with CypressIO: ISTQB Advanced Test Automation Engineering Training

⚑Don't forget to click on 'Watch' and 'Star' on top right hand side of github repository to get latest updates and features

cypress-test-techniques's People

Contributors

narayananpalani avatar olufunbi avatar poovaraj avatar

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.