Explore visual testing techniques for frontend components in this JSConf Budapest 2019 talk. Learn how to implement a robust visual testing strategy using Storybook to compare rendered images of presentational components. Discover methods to detect unwanted visual changes without manual testing, integrate visual testing into continuous development processes, and involve UX/UI designers in the testing workflow. Gain insights into testing multiple components, creating test cases, supplying inputs, and utilizing the Storyshots plugin. Understand how this approach can enhance code coverage and ensure visual consistency across your application.
Overview
Syllabus
Introduction
Gameplay
Structure
Creating a story
Creating a test case
Supplying inputs
Missing inputs
Creating a template
Testing multiple components
Storyshots plugin
Taught by
JSConf
