Skip to content

Commit

Permalink
Create README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
balmanp authored Jul 2, 2024
1 parent 4b43c3c commit 6e1ef50
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions README.md
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.

0 comments on commit 6e1ef50

Please sign in to comment.