QAAutomationLabs

QAAutomationLabs

Way to upgrade your skills

Cypress and Microsoft Teams Integration

Cypress is an open-source end-to-end testing framework for web applications. It allows developers to write tests in JavaScript to simulate user interactions and verify the behavior of their web applications. Cypress provides a rich set... Read More "Cypress and Microsoft Teams Integration"

How to Run Test Case in Playwright’s UI Mode

How to Run Test Case in Playwright’s UI Mode Problem Statement In Older version of Playwright it was bit difficult to see the running test case in UI. New UI Mode of Playwright lets you... Read More "How to Run Test Case in Playwright’s UI Mode"

Steps Towards Making Cypress Community in India

Steps Towards Making Cypress Community in India Another successful QA event — Where I speak on Why Cypress? https://www.linkedin.com/posts/kailashpathak_qa-cypress-hyderabad-activity-7045589719946014720-A3dn?utm_source=share&utm_medium=member_desktop We appreciate each and every one of you for coming to the event with such enthusiasm... Read More "Steps Towards Making Cypress Community in India"

How to Execute Cypress E2E Test Cases Using CI/CD GitLab

How to Execute Cypress E2E Test Cases Using CI/CD GitLab Cypress is an end-to-end testing framework that is used to test web applications. It is an open-source JavaScript-based framework that enables developers to write and run... Read More "How to Execute Cypress E2E Test Cases Using CI/CD GitLab"
Featured

Running End-to-End Cypress Test cases In Google Cloud Build Pipeline

This blog cover how we can set up the code in google cloud and run the cypress test case

Pre-Condition

  1. User already logged in to Google Cloud
  2. User in google cloud Dashboard https://console.cloud.google.com/home/dashboard
  3. Code already pushed in GitHub

Steps to Set up the Code In Google Cloud

Step 1: In the Dashboard from the left side click on ‘Cloud Build” under CI/CD section

Cypress google cloud integration

Step 2 Click on Cloud Build -> Triggers

Cypress google cloud

After clicking on the Triggers below screen is open

Cypress google cloud integration

Step 3 Enter Name, Select the Region

Cypress google cloud integration

Step 4 Select Source and Connect to the repository

Cypress google cloud integration

Step 5 Select GitHub Account and Select the repository

Cypress google cloud integration git repo

The project package.json file looks like the one given below.

We will run test cases by giving cy:report in our .yaml file

{
“name”: “cypress_dashboard”,
“version”: “1.0.0”
“description”: “”,
“main”: “index.js”,
“scripts”: {
“cleanup”: “rm -fr cypress/reports”,
“merge_reports”: “mochawesome-merge cypress/reports/mochawesome-report/*.json > output.json”,
“mochawesome_report”: “marge — reportDir cypress/reports/mochawesome-html-report -t Cypress_Test_Report -p Cypress_HMTL_Report -f Cypress_HMTL_Report — charts true output.json”,
“cy_dashboard”: “cypress run — record — key aeed922c-98af-4143–9e77-f97c6c900754”,
“cy:report”: “npm run cleanup && npm run cy_dashboard && npm run merge_reports && npm run mochawesome_report”
},
“author”: “Kailash”,
“license”: “ISC”,
“devDependencies”: {
“cypress”: “9.7.0”,
“mocha”: “8.3.2”,
“mochawesome”: “6.2.2”,
“mochawesome-merge”: “4.2.0”
}
}

Step 6 Under the Configuration select “Cloud Build configuration file (.yaml or .json)”

cloudbuild.yaml file looks like see below

In the below YAML we can see first we are installing dependencies then in Cypress image /include:7.0.1 we are running our test cases

Cypress google cloud integration .yaml file

Step 7 Click on the “Create” button below the screen open

End to End Cypress Test cases

Steps to Run End-to-End Cypress Test cases

Step 1 Click on the RUN button from the above screen

Cypress google cloud integration

Step 2 Click on the RUN TRIGGER button from the above screen. Build start running

Cypress google cloud integration

The test case starts running see the below screen

End to End Cypress Test cases
Cypress google cloud integration

☕️ Happy testing! ☕️