I stopped hating UI tests (here's why)

Описание: I hate writing UI tests. But with Claude Code and Playwright, I just built a full cross-browser regression suite in 10 minutes without writing a single line of code. Here is the workflow that removes every excuse.

In this video, we dive into "Black Box" testing using the new Claude Code CLI. We'll target a real e-commerce site (Swag Labs), generate a robust Playwright test suite, and run it across Chrome, Firefox, and Mobile Chrome (Pixel 5)—all by just asking Claude to do it.

Setting up Playwright with zero configuration
Using npx playwright test --headed to visualize the AI's work
Reviewing the generated TypeScript code in Antigravity (it's surprisingly clean!)
Generating a full regression report that you can actually show your boss

Prerequisites: Node.js installed (https://nodejs.org)
Sauce Demo Site: https://www.saucedemo.com/

Prompts Used in this Video:

PROMPT 1:
"I want to test the checkout flow for https://www.saucedemo.com/ using Playwright.
Please write a Playwright script that:
Logs in (standard_user / secret_sauce)
Adds the 'Sauce Labs Backpack' to the cart
Goes to the cart and completes the checkout process with dummy data
Verifies the 'Thank you for your order' message appears.
Also configure the playwright config to have a slowMo delay of 500ms so I can see what's happening, and add the 'html' reporter so I can view the test report.
Don't run it yet—just generate the code and the installation steps."

PROMPT 2:
"That worked. Now, please generate a full test suite for the site.
Create separate spec files for:
Login validation (success and failure cases)
Cart functionality (adding/removing items)
Product sorting (checking Z-A and Price Low-High)
Also, configure playwright.config.ts to run these tests on Chromium, Firefox, Mobile Chrome (Pixel 7), and Mobile Safari (iPhone 15)."

00:00 Confession: A Java dev who avoids UI testing
00:54 The demo app: Swag Labs checkout walkthrough
02:00 Prompt #1: Ask Claude Code to generate a Playwright checkout test
03:35 Install & run the generated test (headed + slowmo)
04:44 HTML report + reading the generated TypeScript test
06:14 Prompt #2: Generate a full cross-browser Playwright test suite
07:43 Run the full suite: parallel workers across browsers
08:12 Results review: 60 tests, mobile + desktop coverage
09:42 Wrap-up: from zero to regression suite + next steps