I stopped hating UI tests (here's why) скачать в хорошем качестве

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