Cypress Typescript Ready to Use Framework on Github

Typically we all require a set of features for an Automation Framework. For Newbies and Fresh starters, I have created Cypress Typescript Framework which requires zero configuration and is ready to use to start writing your test cases

Github Repository

Direct Link : https://github.com/ganeshsirsi/CypressTypeScript

Features of Cypress Typescript Framework

Typescript is Fully configured with Cypress

  1. HTML Report Integration Cypress (Cypress mocha awesome reporter Single HTML File)
  2. JUnit XML Integration Cypress
  3. CI/CD Pipeline Commands Ready
  4. Preserve Cookies Cypress for each Test Integrated
  5. Run your Tests on Multiple Environment Like Staging, Production Ready
  6. Dynamic Execution of Test Suites Ready

Everything is explained in detail with the Articles…


One of the most common scenarios in an automation framework is to run scripts on different environments like QA, staging, production, etc. There are multiple ways to configure your framework to run on different environments.I am going to show the two most used methods

In this article, we are going to discuss three different method to run your tests on different environments.

  1. Configure baseUrl in cypress.json and override in command line
  2. Creating separate configuration file for each environment
  3. Creating Utility class which accepts environment variable and returns the environment-specific URL (most cleaned approach)

Method 1: Configuring BaseURL in cypress.json and override in command line

Step 1: Navigate to cypress.json file located…


If you see Azure DevOps UI it provides an option to trigger Multiple days or once in a week, We know that many times we need to execute Azure DevOps pipeline triggers once in a month, or twice in a month this can be done using Cron Expression using Azure DevOps.

At present Azure DevOps uses NCronTab to evaluate cron expression. So advanced expressions are not fully supported by Azure DevOps.However, most of the expression is supported so it does the job.

In this tutorial, I have explained step by step, How to configure cron Schedule in Mircosoft Azure DevOps.


Cypress HTML Reporter

You might have written thousands of test cases but what makes you proud of it is, when you visualize the test results to stakeholders in an understandable way. There is a lot of articles over the internet to Integrate HTML reports into Cypress but when it comes to screenshot integration it’s very difficult and time-consuming. The complexity is more.

In this article, I am presenting you Step by Step guide to integrate HTML results into your Cypress Automation Framework with Screenshots in an easy way.

This article explains Integrating HTML Results or reports with embedded Screenshot using cypress mochawesome reporter


If you are using Cypress or any other tool, for reporting you need to rely on a mocha reporter or mocha awesome report. Below are some useful mocha awesome reporter flags

How to Generate HTML File with inline Assets or CSS in Mocha Awesome reporter?

--inline:true

By default it is false.

How to change the report file name in the mocha awesome report generator?

--reportFilename='myfile.html'

How to change the report directory in mochawesome report generator?

--reportDir='cypress/report'

How to change the report title in mochawesome report generator?

--reportTitle='example report'

How to Enable charts in mocha awesome report generator?

--charts:true

How to disable overwrite existing Filename in mocha awesome report generator?

--overwrite=false

There are many useful tags like this Explore more Docs

Checkout Official Docs

If you need any help, support, guidance connect me on
LinkedIn|https://www.linkedin.com/in/ganeshsirsi/


Cypress HTML Reporter

You might have written thousands of test cases but what makes you proud of it is, when you visualize the test results to stakeholders in an understandable way. There is a lot of articles over the internet to Integrate HTML reports into Cypress but when it comes to screenshot integration it's very difficult and time-consuming. The complexity is more.

In this article, I am presenting you Step by Step guide to integrate HTML results into your Cypress Automation Framework with Screenshots in an easy way.

This article explains Integrating HTML Results or reports with embedded Screenshot using cypress mochawesome reporter


Sample image please refer to the below article to know more

If you are from a selenium background like if you have used a tool like Selenium Java, Protractor then you should have used executeScript commands to execute the javascript commands. Usually, when you are struggling to simulate any action through in-built methods or in case it doesn’t work then we will use it. Also, there are many uses like if you want to execute custom javascript methods on the browser it will be useful.

Considering Cypress, These kinds of javascript commands are not much needed in cypress. The reason is it usually works directly within the browser. …


One of the most common scenarios in an automation framework is to run scripts on different environments like QA, staging, production, etc. There are multiple ways to configure your framework to run on different environments.I am going to show the two most used methods

In this article, we are going to discuss three different method to run your tests on different environments.

  1. Configure baseUrl in cypress.json and override in command line
  2. Creating separate configuration file for each environment
  3. Creating Utility class which accepts environment variable and returns the environment-specific URL (most cleaned approach)

Method 1: Configuring BaseURL in cypress.json and override in command line

Step 1: Navigate to cypress.json file located…


In this article let us discuss Sending email with attachment using Powershell and Send Grid. This includes the below steps (Also Available Github)

Advantages:

  • This can be used to send emails in Azure DevOps CI/CD Pipeline.
  • One of the important area is once your test is executed if you want to Send Test Report to respective stakeholders this will be very useful.
  • After writing an article on protractor many people asked me “How to send Email in Azure DevOps CI/CD Pipeline” This article answers all the questions.

Pre-Requisite: You need to have SendGrid Account (If you don’t have one create…


The Angular Team has announced End of Support for protractor

Yes, you heard it right, The Angular team plans to end the development of Protractor at the end of 2022 (in conjunction with Angular v15). That means that you will not find any development of protractors, bugs in protractors will not be resolved. Basically, the protractor framework may not be stable after 2022

Choosing the Right Tool for your company needs a lot of effort, cannot be done overnight

Angular was shipped with the protractor framework earlier, so there was no decision-making earlier when you choose the protractor in earlier days. But now this is not the case, there is a lot of frameworks available in the market you can’t just choose one among them randomly…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store