What is Snapshot Testing?
Capturing the output of a component or function and comparing it against a saved reference to detect unexpected changes.
Why It Matters
Snapshot tests automatically catch visual or structural regressions in your UI components.
Real-World Example
A snapshot test that fails when a button component's HTML output changes unexpectedly.
“Understanding terms like Snapshot Testing matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
Testing
Verifying that your code works correctly through automated checks
Unit Test
A test that checks if a small piece of code works correctly in isolation
Regression Test
Tests that verify previously working features still work after new changes are made.
Component
A reusable building block of a user interface that can be combined to create complex pages
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
Component
A reusable building block of a user interface that can be combined to create complex pages
Unit Test
A test that checks if a small piece of code works correctly in isolation
Testing
Verifying that your code works correctly through automated checks
Regression Test
Tests that verify previously working features still work after new changes are made.
Integration Test
A test that checks if multiple parts of your system work correctly together
E2E Test
End-to-end test that simulates a real user completing tasks in your application