Skip to content

Files

Latest commit

 

History

History
123 lines (83 loc) · 4.39 KB

integrate-lambdatest-with-cypress.md

File metadata and controls

123 lines (83 loc) · 4.39 KB
id title sidebar_label description keywords url site_name slug
integrate-lambdatest-with-cypress
Integrate LambdaTest with Cypress Dashboard
Integrate LambdaTest with Cypress Dashboard
This article guides you on how to integrate LambdaTest platform with Cypress Dashboard.
Cypress Automation
Cypress With LambdaTest
LambdaTest With Cypress
Cypress Dashboard
LambdaTest Cypress Integration
Cypress Test Automation
Cypress Automation Testing
Running Cypress Tests With LambdaTest
Integrate LambdaTest With Cypress
LambdaTest Cloud Platform
LambdaTest
integrate-lambdatest-with-cypress/

This article guides you on how to integrate LambdaTest platform with The Cypress Dashboard

In this demo we are demonstrating using LambdaTest's Sample Cypress Cloud Repo. You can find all the resources used for this article in the linked repo.

Steps To Integrate LambdaTest With Cypress Dashboard

Assuming that you have run a Cypress test on lambdatest platform ( if not, this article here will guide you in running your first Cypress test on LambdaTest), you need to follow these steps below:

Update LambdaTest Cypress CLI

  • Before getting started, you would have to update the lambdatest-cypress cli using the command below:
npm install -g lambdatest-cypress-cli
  • The CLI version should be the latest i.e. is 2.3.0. You can check the CLI version by running the below command.
lambdatest-cypress --version

Create a project

Create a project on Cypress Dashboard as shown below:

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-1.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

Enter Project Name

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-2.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

Define project ID

Once to create the project on Cypress Dashboard, you will get a project ID and a record key. Define the project ID in the cypress.json file of your project.

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-3.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-4.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

Define Record Key

Define the record key (Generated by Cypress Dashboard) in the run command as mentioned below:

lambdatest-cypress run --cy="--record;--key <key_value>"

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-5.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

LambdaTest-Cypress Integration

The integration is now done, just open the LambdaTest Dashboard and Cypress Dashboard to view the results.

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-6.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

<img loading="lazy" src={require('../assets/images/cypress/cypress-integration/cypress-integration-7.webp').default} alt="Image" width="1282" height="722" className="doc_img"/>

That’s all! In case you have any questions or need any additional information, you could reach out at our <span className="doc__lt" onClick={() => window.openLTChatWidget()}>[24X7 Chat Support] or mail us directly at support@lambdatest.com.