Skip to content

Commit 4964a14

Browse files
committed
🤖 refactor: add data-chromatic ignore to Shimmer component
The Shimmer component uses infinite animations which cause visual regression issues in Chromatic. Adding data-chromatic="ignore" to the component itself tells Chromatic to ignore this element in all stories. This approach: - Keeps all stories enabled for visual testing - Only ignores the animated Shimmer element pixels - Works automatically in any story that uses Shimmer
1 parent cbb5fbf commit 4964a14

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

src/components/ai-elements/shimmer.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ const ShimmerComponent = ({
3333
"[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
3434
className
3535
)}
36+
data-chromatic="ignore"
3637
initial={{ backgroundPosition: "100% center" }}
3738
style={
3839
{

0 commit comments

Comments
 (0)