https://github.com/checkly/playwright-examples

Demo code for Checkly Playwright tutorials and videos
https://github.com/checkly/playwright-examples

checkly playwright playwright-typescript synthetic-monitoring

Last synced: 3 months ago
JSON representation

Demo code for Checkly Playwright tutorials and videos

• Host: GitHub
• URL: https://github.com/checkly/playwright-examples
• Owner: checkly
• Created: 2024-07-23T15:01:28.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T02:38:20.000Z (8 months ago)
• Last Synced: 2025-03-16T00:03:40.254Z (3 months ago)
• Topics: checkly, playwright, playwright-typescript, synthetic-monitoring
• Language: TypeScript
• Homepage: https://www.youtube.com/checklyhq
• Size: 112 KB
• Stars: 54
• Watchers: 7
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Checkly Playwright Examples

This repository holds the demo code for Checkly tutorials and videos.

## How to add Type Checking and Linting to your Playwright Project

![types-checking-social](https://github.com/user-attachments/assets/b86dbc82-65a9-4a2e-b7ce-3a20177136ab)

### 🧑‍💻 [Code](/type-check-and-lint) | ✍️ [Article](https://www.checklyhq.com/blog/playwright-type-checking-and-linting/) | 🎥 [Video](https://www.youtube.com/watch?v=3gT7LuzqOAk)

## How to Speed up your Playwright Tests with shared "storageState"

![storage-state](https://github.com/user-attachments/assets/c49583a3-902b-4bc5-8fff-05b90ecca904)

### 🧑‍💻 [Code](/project-setup-and-storage-state/) | ✍️ [Article](https://www.checklyhq.com/blog/speed-up-playwright-tests-with-storage-state/) | 🎥 [Video](https://www.youtube.com/watch?v=nSHPCLUwwVk)

## Apply Playwright test steps with TypeScript decorators

![decorators](https://github.com/user-attachments/assets/98e1a831-e2b9-481e-88d7-149fbc9d9067)

### 🧑‍💻 [Code](/test-step-decorators/) | ✍️ [Article](https://www.checklyhq.com/blog/playwright-test-steps-with-typescript-decorators/) | 🎥 [Video](https://www.youtube.com/watch?v=of1v9cycTdQ)

## Detect broken links with Playwright

![broken links](https://github.com/user-attachments/assets/ac4ca28b-12e5-44b1-afb4-9a8291cf24fd)

### 🧑‍💻 [Code](/404-detection/) | ✍️ [Article](https://www.checklyhq.com/blog/how-to-detect-broken-links-with-playwright/) | 🎥 [Video](https://www.youtube.com/watch?v=EJJ_PYK8YiM)

## Parameterize your custom Playwright fixtures

![Parameterize your custom Playwright fixtures](https://github.com/user-attachments/assets/9801fa83-849b-4fdd-aca8-cfe3df7010f1)

### 🧑‍💻 [Code](/parameterized-fixtures/) | ✍️ [Article](https://www.checklyhq.com/blog/how-to-parameterize-playwright-projects/) | 🎥 [Video](https://www.youtube.com/watch?v=rRmfYu8hlbw)

## Five Playwright CLI features you should know

![Five Playwright CLI features you should know](https://github.com/user-attachments/assets/97efe257-31f3-48c8-8568-7e407a651bd4)

### ✍️ [Article](https://www.checklyhq.com/blog/five-playwright-cli-features-you-should-know/) | 🎥 [Video](https://www.youtube.com/watch?v=kw_8LXRSd10)

## How to control time zones and timeouts in Playwright 

![How to control time zones and timeouts in Playwright ](https://github.com/user-attachments/assets/fbf07a0a-3202-44fc-9931-ba71ecbd162e)

### 🧑‍💻 [Code](/controlling-time/) | 🎥 [Video](https://www.youtube.com/watch?v=28DfWgT_zQk)

## How to add global `beforeEach` and `afterEach` hooks

![export 3xc(1)](https://github.com/user-attachments/assets/bc4d9711-802d-4e90-b887-07b63decf295)

### 🧑‍💻 [Code](/global-before-after-each/) | 🎥 [Video](https://www.youtube.com/watch?v=hegZS46J0rA)