Discover how to overcome the fear of modifying CSS by learning to write tests for visual aspects of your code in this conference talk from CSSconf EU 2019. Explore new SaaS tools that enable developers to create tests ensuring visual consistency, even when transitioning between different CSS methodologies. Learn about the importance of testing in frontend development, the magic behind visual testing, and advanced comparison algorithms. Gain insights into managing comparisons, handling deltas, and utilizing cloud providers for efficient testing. Witness a practical demonstration and leave with the confidence to test and refactor your CSS without hesitation.
Writing Tests for CSS Is Possible! Don't Believe the Rumors
Overview
Syllabus
Introduction
Responsiveness
About Gil
Backend Developers
Frontend JavaScript
Frontend CSS
Why are developers writing tests
Adding features to existing code
Removing code
Refactor
Developer Testing
Backend
Frontend
Functional Tests
Functional Testing
Visual Testing
Writing Tests For CSS
What Developers Think
How Does It Work
Visual Testing Magic
Thank You
Elephant In The Room
Elephants
Screenshots
Screenshot Tests
Comparison
Why
Chrome 67
Pixels
Pixel by Pixel
Pixel Differences
Do You Want It
The Biggest Problem
AI Machine Learning
Advanced Comparison Algorithms
Managing Comparisons
Deltas
Drag
Other Tools
Dashboard
Responsive
Test Multiple Times
paralyze
cloud provider
demo
filter
test
summary
do we believe
I will test my CSS
Taught by
JSConf
