Episode 179: Visual Testing with Ramona Schwering
Ramona Schwering introduces us to the idea of visual testing. When should you consider visual testing? Can you ignore pixels for testing? How do you test responsive design? What do you do when an error shows up? How does visual testing sit alongside other forms of testing?
Recording date: Thursday, March 24
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Ramona Schwering @leichteckig
Brought to you by
Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources:
- Ramona’s website
- Article over Testing Pipelines for Frontend developers
- Testing trophy
- Cypress testing
- shopware AG
- Dan Wahlin on End to End Testing with Cypress.io
- Spot the Difference
- What is visual testing
- Test Cafe
- Visual testing with Storybook
- Once Upon a Storybook - Web Rush 110
- Visual testing with Percy
- Playwright testing
- AppliTools for visual testing
- Testing Pyramid
- Jiminy Cricket
- Toastr JavaScript library
- Run Disney
Timejumps
- 00:34 Hiking and puppies
- 03:05 Guest introduction
- 05:45 When do I want to use this kind of testing?
- 08:31 Sponsor: Ag Grid
- 09:34 When do you enable visual testing?
- 17:03 Can you ignore areas of the display if you don't want it to test?
- 18:14 How do you test for responsive design?
- 21:42 What about Applitools?
- 23:12 Sponsor: Narwhal
- 23:44 When a difference is spotted, how do you work with that?
- 25:36 What issues have come up when learning about visual testing?
- 29:36 How do you fit visual testing alongside other testing?
- 36:03 Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.