Behavioral Testing with SvelteKit
summary
Shows how to write reusable acceptance tests in Gherkin feature files and run them against a SvelteKit demo app using Quick Pickle with vitest + Playwright. Demonstrates translating plain-English steps into shared step-definition files, adding a new easy/medium/hard mode purely by editing feature files and having an AI patch code, and using PNG screenshots for quick visual regression. Most tests pass after the update, a couple original tests fail, and the new behavior works in the browser without changing core application logic.
AI-written summary · about
chapters (7)
- 0:00Introduction to talk
- 1:06Demo app and Gherkin basics
- 2:52Key benefits of Gherkin
- 4:56Real-world testing example
- 8:48Setting up Quick Pickle
- 9:50Adding new features with Gherkin
- 10:11Closing remarks
related talks
27mFullstack testing
11mKitbook: Build, Document, Inspect and Test Svelte Components
34mWriting end to end tests with a smile
39mTesting, Testing, 1, 2, NaN
01h 02mWriting better tests for your JavaScript app
43mAshes to Ashes, Specs to Specs: A Farewell to Old Testing Tools
37mFront-end Testing for Skeptics
24mWriting Good Tests for Vue Applications