-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
21 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
# Chromatic for Playwright | ||
|
||
This repository showcases a demo of integrating Chromatic with Playwright for visual regression testing. | ||
|
||
## Introduction | ||
|
||
Chromatic is a visual testing tool that works seamlessly with Storybook to capture UI snapshots and compare them over time. Playwright is an end-to-end testing framework that can automate browser interactions. By integrating Chromatic with Playwright, this setup enables comprehensive visual regression testing alongside functional tests, ensuring UI components render correctly and behave as expected across different states. | ||
|
||
## Demo | ||
|
||
This repository demonstrates how to: | ||
|
||
- **Start Storybook**: Launch Storybook to visualize UI components. | ||
- **Run Chromatic**: Capture and compare visual snapshots of Storybook components. | ||
- **Execute Playwright Tests**: Perform end-to-end tests, including visual regression checks. | ||
|
||
Chromatic will provide detailed reports of any visual differences detected, allowing for easy review and approval of UI changes directly in the Chromatic UI. | ||
|
||
## License | ||
|
||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. |