Web Development · WDC-115

Playwright End-to-End Test Automation

12 hours 2 days
Last updated
Playwright ทดสอบเว็บอัตโนมัติแบบ End-to-End

Playwright End-to-End Test Automation is a 12-hour training course by IT Genius Institute. Testing a web application by hand before every release burns an enormous amount of team time, and the bigger the system gets the less of it actually gets…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Testing a web application by hand before every release burns an enormous amount of team time, and the bigger the system gets the less of it actually gets covered. The bugs users hit are usually in the paths nobody re-clicked. Playwright is Microsoft open-source automation tool that drives Chromium, Firefox and WebKit from a single codebase, with built-in auto-waiting that removes most of the mysterious flaky failures older tools were known for. This course takes

learners from zero to a working automated test suite: installation and project structure, writing tests and assertions, choosing locators that survive UI changes, handling forms and file uploads, reusing a saved login state, organizing code with the page object pattern, testing APIs alongside the UI, capturing screenshots, video and traces on failure, and finally running the whole suite automatically in CI/CD on every code change. (2 days, 6 hours per day, 12 hours in total, Beginner to Intermediate level.)

Objectives

  • Understand test automation and decide what is worth automating
  • Install Playwright and set up a test project the whole team can share
  • Write tests and assertions that verify what the business actually cares about
  • Choose locators that do not break when the UI changes
  • Handle waiting correctly so tests do not fail at random
  • Test forms, file uploads and logins that many tests depend on
  • Organize the suite with page objects and fixtures so it stays maintainable
  • Test APIs alongside the UI to seed data and verify results
  • Run the suite in CI/CD and read reports with screenshots and video on failure

Who this course is for

  • Web developers who want to cut the repeated manual testing before each release
  • QA engineers and software testers starting with test automation
  • Teams on older test tools who keep hitting unexplained flaky failures
  • DevOps engineers who want tests wired into the CI/CD pipeline
  • Small teams with no full-time QA who still want a test suite they can trust

Prerequisites

  • Basic understanding of how the web works and of HTML structure
  • Reasonable JavaScript or TypeScript skills (class examples use TypeScript)
  • Comfortable with the command line and installing tools on your own machine
  • Some Git experience makes the CI/CD section run more smoothly

Curriculum

Course Details

A 2-day course, 6 hours per day (12 hours in total), delivered as lectures with hands-on labs in every section. Beginner to Intermediate level. We provide a practice web application with forms, login, file upload and data tables so learners can cover every situation. Learners take home a lab guide, complete sample test code for every lab, and a working CI configuration. Playwright is open source and can be used in the organization at no licensing cost.

Day 1: Playwright Fundamentals and Writing Tests

Section 1: Test Automation Concepts

  • The cost of manual testing and the hidden cost as the system grows
  • Levels of testing: unit, integration and end-to-end, and what each is for
  • Deciding what belongs in automation and what should stay manual
  • What sets Playwright apart from earlier generations of test tools

Section 2: Installation and Project Structure

  • Installing Playwright and all three browsers in a single command
  • Test project structure and the configuration file you need to know
  • Running tests headed, headless and in UI mode
  • Lab: install Playwright and get the sample tests passing on all browsers

Section 3: Writing Tests and Assertions

  • Test file structure and grouping tests so they read clearly
  • Driving the browser: navigating, clicking, typing, selecting and scrolling
  • Writing assertions for text, state and elements on the page
  • Lab: write your first end-to-end test against the practice application

Section 4: Locators and Selecting Elements

  • Choosing locators that survive future UI changes
  • Selecting by text, role and label instead of depending on HTML structure
  • Handling repeated lists, tables and deeply nested elements
  • Lab: rework the locators in an existing test so a layout change no longer breaks it

Section 5: Waiting and Flaky Tests

  • Playwright auto-waiting and why you should not add fixed delays
  • Waiting for specific conditions: data loading, navigation and API calls
  • Why a test passes sometimes and fails others, and how to trace the cause systematically
  • Lab: fix an intermittently failing test so it passes reliably every run

Day 2: Structure, APIs and CI/CD

Section 6: Forms, Files and Login

  • Filling every kind of form control: text fields, selects and date pickers
  • Uploading and downloading files and verifying the result
  • Saving login state so tests do not have to log in again every time
  • Lab: write tests that log in once and reuse that state everywhere else

Section 7: Page Objects and Code Organization

  • The page object pattern and separating UI detail from test logic
  • Using fixtures to prepare the environment and data before a test runs
  • Separating test data from code so one test can run against many data sets
  • Lab: refactor your tests into maintainable page objects

Section 8: Testing APIs Alongside the UI

  • Calling APIs directly from Playwright to seed data before a UI test
  • Verifying backend results after acting through the interface
  • Intercepting and mocking API responses to test hard-to-produce cases
  • Lab: write a test that seeds data over the API then verifies it in the UI

Section 9: Reporting and Debugging

  • Reading the test report and seeing exactly which step failed
  • Capturing screenshots, video and traces automatically on failure
  • Using Trace Viewer to replay every step of a failed test
  • Using Codegen to draft tests, and what to watch out for in the generated code

Section 10: Running in CI/CD

  • Running the suite automatically on every code change or pull request
  • Running tests in parallel and sharding across machines for speed
  • Handling secrets and configuration across dev and staging environments
  • Lab: configure the suite to run automatically in CI and publish its report

Section 11: Capstone and Real-World Use

  • Capstone: build a suite covering the critical paths of one web application end to end
  • Deciding which paths are worth automating first
  • Keeping the suite from becoming a maintenance burden over time
  • Workshop: present your suite and review its structure together

Frequently asked questions

Who is Playwright End-to-End Test Automation for, and what background is needed?

Built for Web developers who want to cut the repeated manual testing before each release · QA engineers and software testers starting with test automation · Teams on older test tools who keep hitting unexplained flaky failures Background you should have: Basic understanding of how the web works and of HTML structure · Reasonable JavaScript or TypeScript skills (class examples use TypeScript) Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Playwright End-to-End Test Automation cost and how long does it run?

THB 7,500 (currently THB 6,750 on promotion). The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

Instructors

Run this course for your whole team

We run this course in-house, tailored to your stack.

Corporate training quote