Add Type Checking and Linting to your Playwright Project

Add Type Checking and Linting to your Playwright Project

Jul 25, 2024

In today's video, we're exploring the fact that Playwright doesn't type check your code when using TypeScript. We'll explore what this means and discuss why this could be an issue, especially for larger projects.

Then we set up type checking and add "typescript-eslint" to strengthen and improve your Playwright code.

Join us for this deep dive and leave any questions or comments below. Stay tuned for more Playwright tips!

Blog post: https://www.checklyhq.com/blog/playwright-type-checking-and-linting/
Example code: https://github.com/checkly/playwright-examples/
TypeScript ESlint: https://typescript-eslint.io/
Checkly Synthetic Monitoring: https://www.checklyhq.com/product/synthetic-monitoring/

0:00 Intro

0:24 Playwright Test doesn't check types

2:03 Why is type checking important?

2:45 How to add type checking to your Playwright project

5:34 Common Playwright mistakes

6:20 How to detect common Playwright mistakes with linting

10:15 What is Checkly

#playwright #checkly #typescript