Playwright Cloud

Blog   ⋅   Docs   ⋅   Learning Hub   ⋅   Newsletter   ⋅   Certifications   ⋅   YouTube

     

Learn how to get started with Playwright testing on the LambdaTest platform.

About this fork

This is a fork of the sample repo by LambdaTest, with added functionality to run the project on Railway.app instead of Gitpod. A nixpacks file has been added to facilitate deployment on Railway.

Environment Variables

When deploying on Railway, you need to set the following environment variables:

• LT_USERNAME: Your LambdaTest username
• LT_ACCESS_KEY: Your LambdaTest access key

LambdaTest credentials: please refer to this guide.

Deploy on Railway

You can easily deploy this project on Railway using the button below:

Table of Contents:

• Pre-requisites
• Running Your First Playwright Test
• Parallel Testing
• Scheduled Testing
• Migrate Playwright Tests
• Test Execution Setup
• Local Testing
• Integrate With Playwright Test Runner
• Integrate With Cucumber.js
• Playwright Testing With CI/CD

Pre-requisites

1. Clone the LambdaTest-Playwright repository on your system.

2. Install the npm dependencies.

npm install

3. In order to run your Playwright tests, you will need to set your LambdaTest username and access key in the environment variables. Click the Access Key button at the top-right of the Automation Dashboard to access it.

Windows

set LT_USERNAME="YOUR_LAMBDATEST_USERNAME"
set LT_ACCESS_KEY="YOUR_LAMBDATEST_ACCESS_KEY"

macOS/Linux

export LT_USERNAME="YOUR_LAMBDATEST_USERNAME"
export LT_ACCESS_KEY="YOUR_LAMBDATEST_ACCESS_KEY"

Run Your First Playwright Test

Test Scenario: The sample playwright-single.js file search the term 'LambdaTest' on Bing.

Shown below are the steps on running Playwright tests on the LambdaTest platform.

1. Clone the LambdaTest-Playwright GitHub repository and switch to the cloned directory.

git clone https://github.com/LambdaTest/playwright-sample.git
cd playwright-sample

2. Ensure you have npm dependencies installed.

3. Configure your LambdaTest authentication credentials.

Once you are done with the above-mentioned steps, you can initiate your first Playwright test on LambdaTest.

Check out playwright-single.js file to view the sample test script.

4. Pass the below command to run the test.

node playwright-single.js

View your Playwright test results

The LambdaTest Automation Dashboard is where you can see the results of your Playwright tests after running them on the LambdaTest platform.

The below screenshot of LambdaTest Automation Dashboard shows the Playwright build on the left and the build sessions associated with the selected build on the right.

On clicking the session name of the respective test, you can view the details of Playwright test session that you just executed. For example, the below screenshot shows a test execution details of Playwright test like Test Name, Test ID, selected configurations, test logs, basic info, input config, and test session video.

Parallel Testing With Playwright

LambdaTest allows you to perform parallel testing with Playwright across 40+ browsers and OS to automate your several test cases simultaneously. You can run one test case across various browsers, or you can run multiple test case scenarios in the same browser with different browser versions.

Shown below are the steps on running parallel tests with Playright on the LambdaTest platform.

1. Clone the LambdaTest-Playwright GitHub repository and switch to the cloned directory.

git clone https://github.com/LambdaTest/playwright-sample.git
cd playwright-sample

2. Ensure you have npm dependencies installed.

3. Configure your LambdaTest authentication credentials.

Once you are done with the above-mentioned steps, you can run your parallel tests with Playwright on LambdaTest.

Test Scenario: Check out playwright-parallel.js file to view the sample test script.

4. Pass the below command to run the test.

node playwright-parallel.js

Scheduled Testing

This project now includes a scheduled runner that allows you to run tests on a recurring basis or immediately. Here's how to use it:

1. Copy the .env.template file to a new file named .env:

cp .env.template .env

2. Open the .env file and fill in your LambdaTest credentials (LT_USERNAME and LT_ACCESS_KEY).

3. If you want to run tests on a schedule, set the UTC_SCHEDULED_START variable in the .env file. For example:

UTC_SCHEDULED_START=14:30

This will run the tests daily at 2:30 PM UTC.

4. If you leave UTC_SCHEDULED_START empty, the tests will run immediately when you start the script.

5. To start the runner, use the command:

npm start

The script will either schedule the tests to run daily at the specified time (UTC) or run them immediately if no schedule is set.

Note: Make sure to add the .env file to your .gitignore to keep your credentials secure.

Documentation & Resources 📚

Visit the following links to learn more about LambdaTest's features, setup and tutorials around test automation, mobile app testing, responsive testing, and manual testing.

• LambdaTest Documentation
• LambdaTest Blog
• LambdaTest Learning Hub

LambdaTest Community 👥

The LambdaTest Community allows people to interact with tech enthusiasts. Connect, ask questions, and learn from tech-savvy people. Discuss best practises in web development, testing, and DevOps with professionals from across the globe 🌎

What's New At LambdaTest ❓

To stay updated with the latest features and product add-ons, visit Changelog

About LambdaTest

LambdaTest is a leading test execution and orchestration platform that is fast, reliable, scalable, and secure. It allows users to run both manual and automated testing of web and mobile apps across 3000+ different browsers, operating systems, and real device combinations. Using LambdaTest, businesses can ensure quicker developer feedback and hence achieve faster go to market. Over 500 enterprises and 1 Million + users across 130+ countries rely on LambdaTest for their testing needs.

Features

• Run Selenium, Cypress, Puppeteer, Playwright, and Appium automation tests across 3000+ real desktop and mobile environments.
• Real-time cross browser testing on 3000+ environments.
• Test on Real device cloud
• Blazing fast test automation with HyperExecute
• Accelerate testing, shorten job times and get faster feedback on code changes with Test At Scale.
• Smart Visual Regression Testing on cloud
• 120+ third-party integrations with your favorite tool for CI/CD, Project Management, Codeless Automation, and more.
• Automated Screenshot testing across multiple browsers in a single click.
• Local testing of web and mobile apps.
• Online Accessibility Testing across 3000+ desktop and mobile browsers, browser versions, and operating systems.
• Geolocation testing of web and mobile apps across 53+ countries.
• LT Browser - for responsive testing across 50+ pre-installed mobile, tablets, desktop, and laptop viewports

We are here to help you 🎧

• Got a query? we are available 24x7 to help. Contact Us
• For more info, visit - LambdaTest