SDET Unicorns

Playwright with Typescript tutorial on FIFA World cup site

Table of Content

In this video, we will automate the FIFA world cup site using Playwright and Typescript. Let’s do a quick overview on Playwright:

Playwright is one of the most popular end-to-end automation tools in the market today. It works with multiple languages such as Typescript, JavaScript, Python, .Net, and Java. It supports all the major browsers, such as Chrome, Firefox, and Safari, and more. Getting started with Playwright is easy, with just a few steps you can have your first test running.

The video below will cover the following topics –

  • Setup and installation: We will go through the process of installing and setting up Playwright, as well as the necessary dependencies and tools.
  • Project and config overview: We will provide an overview of the project structure and configuration, including how to define and organize tests, and how to customize settings and preferences.
  • Writing the first Playwright test: We will show you how to write your first Playwright test, using Typescript and the Playwright API. This will include an introduction to the syntax and concepts, and a step-by-step guide to creating and running your first test.
  • Playwright page locator: We will explain how to use the Playwright page locator, a powerful tool for identifying and selecting elements on a web page.  Working with multiple elements: We will demonstrate how to work with multiple elements on a page and retrieve text from it.
  • Disabling HTML report: We will show you how to disable the HTML report, which is a feature of Playwright that automatically generates an HTML report of your test results.
  • Playwright debugger / inspector: We will introduce you to the Playwright debugger and inspector, which are powerful tools for debugging and inspecting your tests in real-time. This will include an overview of the different debugger and inspector features, and how to use them to diagnose and fix problems with your tests.
  • And much more..

??‍? Access the source code here.

To learn more about Playwright, check out my full course on Playwright here –

??‍? It’s time to advance your career by joining the SDET-U Academy today ??
Join Academy

? Subscribe to my mailing list to get access to more content like this as well as be part of amazing free giveaways.

? You can follow my content here as well –

Thanks for reading!

My Resources

Thrive Suite: The all-in-one WordPress theme I used to create my blog.
Jasper AI: My favorite AI writing tool.
Surfer SEO:  A tool to help you rank your content on the first page of Google.

Write Content Faster


Write blog posts that rank for affiliate terms!

Join our mailing list

Unlock the Secrets to Becoming a SDET Pro in the Industry!

Stay ahead of the curve! Join our mailing list for exclusive insights, tips, and the latest industry updates delivered straight to your inbox

Table of Content

Related Post

7 Principles of Software Testing

7 Principles of Software Testing with Examples

Software testing plays a crucial role in the software development life cycle as it helps ensure the quality, reliability, and performance of the final product. Software testing is not just about finding defects; it also provides valuable insights into the overall quality of the software. By conducting effective software testing, it shows how well the application behaves in different scenarios and whether it meets user expectations.

Read More »
Differences Between CI/CD and DevOps

Key Differences Between CI/CD and DevOps

Software development is far from a simple journey that involves merely executing code and launching applications. It often presents challenges, as it’s rare to get everything right from the start. Each time you implement new or frequent code changes, you inadvertently introduce potential issues that can be time-consuming to resolve. This complexity necessitates a structured approach to ensure smooth production.

Read More »