Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lambdatest/puppeteer-sample
Running test automation using Puppeteer and LambdaTest. Run Puppeteer tests in massive parallel in cloud at LambdaTest.
https://github.com/lambdatest/puppeteer-sample
automated-testing lambdatest puppeteer puppeteer-testing
Last synced: 18 days ago
JSON representation
Running test automation using Puppeteer and LambdaTest. Run Puppeteer tests in massive parallel in cloud at LambdaTest.
- Host: GitHub
- URL: https://github.com/lambdatest/puppeteer-sample
- Owner: LambdaTest
- Created: 2021-12-21T12:53:19.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-19T10:53:00.000Z (6 months ago)
- Last Synced: 2024-06-19T20:43:20.055Z (6 months ago)
- Topics: automated-testing, lambdatest, puppeteer, puppeteer-testing
- Language: JavaScript
- Homepage: https://www.lambdatest.com/puppeteer-testing
- Size: 130 KB
- Stars: 3
- Watchers: 7
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Puppeteer Cloud
Blog
⋅
Docs
⋅
Learning Hub
⋅
Newsletter
⋅
Certifications
⋅
YouTube
*Learn the how to get started with Puppeteer testing on the LambdaTest platform.*
[
](https://accounts.lambdatest.com/register?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)
## Table of Contents:
* [Pre-requisites](#pre-requisites)
* [Running Your First Puppeteer Test](#running-your-first-puppeteer-test)
* [View Your Puppeteer Test Results](#view-your-puppeteer-test-results)
* [Run Puppeteer Tests In Gitpod](#run-puppeteer-tests-in-gitpod)
* [Test Execution Setup](https://github.com/LambdaTest/puppeteer-sample/blob/main/puppeteer-docs/test-execution-setup.md)
* [Local Testing](https://github.com/LambdaTest/puppeteer-sample/blob/main/puppeteer-docs/local-testing.md)
* [Integrate With Mocha](https://github.com/LambdaTest/puppeteer-sample/blob/main/puppeteer-docs/puppeteer-mocha.md)
* [Integrate With Jest](https://github.com/LambdaTest/puppeteer-sample/blob/main/puppeteer-docs/puppeteer-jest.md)
* [Puppeteer Testing With CI/CD](https://github.com/LambdaTest/puppeteer-sample/blob/main/puppeteer-docs/puppeteer-testing-ci-cd.md)
## Pre-requisites
1. Clone the LambdaTest-Puppeteer repository on your system.
2. Install the npm dependencies.
```
npm install
```
3. In order to run your Puppeteer 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**
```js
set LT_USERNAME="YOUR_LAMBDATEST_USERNAME"
set LT_ACCESS_KEY="YOUR_LAMBDATEST_ACCESS_KEY"
```
**macOS/Linux**
```js
export LT_USERNAME="YOUR_LAMBDATEST_USERNAME"
export LT_ACCESS_KEY="YOUR_LAMBDATEST_ACCESS_KEY"
```
## Running Your First Puppeteer Test
>**Test Scenario**: The below test script runs on Chrome browser running Windows 10. It visits the LambdaTest platform, clicks on the Pricing page, and navigates to the Automation Testing page.
Once you are done with the steps 1, 2, and 3, you can initiate your first Puppeteer test on LambdaTest.
Check out [navigation.js](https://github.com/LambdaTest/puppeteer-sample/blob/main/navigation.js) file to view the sample test script.
Pass the below command to run the test.
```
node navigation.js
```
## View your Puppeteer test results
The LambdaTest Automation Dashboard is where you can see the results of your Puppeteer tests after running them on the LambdaTest platform.
The below screenshot of LambdaTest Automation Dashboard shows the Puppeteer 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 Puppeteer test session that you just executed. For example, the below screenshot shows a test execution details of Puppeteer test like Test Name, Test ID, selected configurations, test logs, basic info, input config, and test session video.
## Run Puppeteer Tests In Gitpod
Select the button below to try this demo in [Gitpod](https://www.gitpod.io/)
[
](https://gitpod.io/#https://github.com/LambdaTest/puppeteer-sample)
* After the Gitpod session launches, navigate to the terminal and run the following commands to save your [LambdaTest Credentials](https://accounts.lambdatest.com/detail/profile) to Gitpod as environment variables:
```
eval $(gp env -e LT_USERNAME=******)
eval $(gp env -e LT_ACCESS_KEY=******)
```
* Click the following link if you're unsure how to [access your LambdaTest credentials.](https://www.lambdatest.com/support/docs/using-environment-variables-for-authentication-credentials/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample). Also, if you start a new terminal in Gitpod, you have to run the following command to reset envrionment variables:
```
eval $(gp env -e)
```
For more information, refer to [Gitpod documentation](https://www.gitpod.io/docs/47_environment_variables/)
## Documentation & Resources :books:
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](https://www.lambdatest.com/support/docs/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)
* [LambdaTest Blog](https://www.lambdatest.com/blog/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)
* [LambdaTest Learning Hub](https://www.lambdatest.com/learning-hub/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)
## LambdaTest Community :busts_in_silhouette:
The [LambdaTest Community](https://community.lambdatest.com/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample) 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](https://changelog.lambdatest.com/)
## About LambdaTest
[LambdaTest](https://www.lambdatest.com?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample) 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
[](https://accounts.lambdatest.com/register?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)
## We are here to help you :headphones:
* Got a query? we are available 24x7 to help. [Contact Us](mailto:[email protected])
* For more info, visit - [LambdaTest](https://www.lambdatest.com/?utm_source=github&utm_medium=repo&utm_campaign=puppeteer-sample)