Skip to content

Commit

Permalink
adding test keyword and adding utm to links
Browse files Browse the repository at this point in the history
  • Loading branch information
prklm10 committed Mar 27, 2024
1 parent d2c47f5 commit f88a938
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 6 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

## Visual Testing with Percy

[Percy](https://percy.io) is an all-in-one visual testing and review platform. It captures screenshots, compares them against the baseline, and highlights visual changes. With increased visual coverage, teams can deploy code changes with confidence with every commit.
[Percy](https://percy.io?utm_campaign=documentation&utm_medium=partnered&utm_source=storybook) is an all-in-one visual testing and review platform. It captures screenshots, compares them against the baseline, and highlights visual changes. With increased visual coverage, teams can deploy code changes with confidence with every commit.

[Storybook](https://storybook.js.org) supports cross-browser visual testing natively using Percy. You can use Percy for visual testing of web applications on desktop and mobile browsers.

Expand All @@ -14,14 +14,14 @@ The benefits of utilizing Percy for visual testing include the following:
- Efficiency: Improves efficiency by reducing the time and effort required to manually spot visual regressions.
- Integrations: Percy integrates with popular tools and services like GitHub, GitLab, Bitbucket, and more.
- Collaboration: Improves collaboration between developers, designers, and QA teams by providing a visual representation of changes.
Prevent regression: Prevents you from experiencing unintended visual regressions.
- Prevent regression: Prevents you from experiencing unintended visual regressions.

## How does Percy work?

Percy compares new snapshots against relevant baselines to detect visual changes. Percy manages baseline selection across branches so your tests are always relevant. If visual changes are detected, Percy highlights and groups the resulting diffs for you to review.

## Run your first build with percy
[Percy’s sample build tutorial for Storybook.](https://www.browserstack.com/docs/percy/sample-build/storybook)
[Percy’s sample build tutorial for Storybook.](https://www.browserstack.com/docs/percy/sample-build/storybook?utm_campaign=documentation&utm_medium=partnered&utm_source=storybook)

## Installation

Expand Down Expand Up @@ -176,7 +176,7 @@ export const parameters = {
```
The following `percy` Storybook parameters are accepted in addition to [common per-snapshot
options](https://docs.percy.io/docs/cli-configuration#per-snapshot-configuration):
options](https://www.browserstack.com/docs/percy/take-percy-snapshots/overview#per-snapshot-configuration?utm_campaign=documentation&utm_medium=partnered&utm_source=storybook):
- **skip** - Boolean indicating whether or not to skip this story.
- **name** - Snapshot name. (default: `${story.kind}: ${story.name}`)
Expand Down
6 changes: 4 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,14 @@
"version": "5.0.2",
"description": "Storybook addons for visual testing with Percy",
"keywords": [
"storybook-addons",
"storybook",
"addon",
"visual",
"visual-testing",
"layout-testing",
"percy",
"image-testing"
"image-testing",
"test"
],
"license": "MIT",
"repository": {
Expand Down

0 comments on commit f88a938

Please sign in to comment.