Fast and Robust Visual Unit Tests for Your React Application

Explore fast and robust visual unit testing techniques for React applications in this 29-minute conference talk from React Advanced Meetup. Discover the pros and cons of different UI testing approaches, including e2e test plugins and visual testing with Storybook. Learn how to implement visual unit tests at the integration level without a server, based on server-side rendering. Gain insights into DAZN's visual unit testing practices and follow a step-by-step guide to implement these tests in a small React application. Examine performance considerations and pipeline integration strategies. Benefit from the speaker's expertise in TypeScript, React, Redux, MobX/MST, RxJS, WebGL, Serverless, Node, and Functional Programming, with a focus on performance, system architecture, and team productivity.

Introduction
About me
Devices
What are visual unit tests
Why do we need these tests
Example
How many tests
breakpoints
components
testrunner
demo project
common scenario tests
small demo
plugins
configuration
configuration file structure
test environment
global setup
CSS
YouTube function
Test examples
Performance
Puppet
iOS
Integration
Linux
Update configuration
Update screenshots
Update snapshot
Run test
Approval job
Congrats
Helper functions