fix(visual): make founder quote visible in visual regression snapshots
- Set reducedMotion:'reduce' on all visual regression projects. - ScrollReveal/StaggerReveal now render visible by default. - Scroll to bottom then top in waitForPageStable before screenshot. - Add L2 element snapshot for founder-quote-section. - Redesign quote as light card (bg-bg-primary/95) with ink text. - Verified: type-check ok; lint 0 errors; visual:update 23/23.
This commit is contained in:
@@ -51,6 +51,10 @@ export default defineConfig({
|
||||
use: {
|
||||
...devices['Desktop Chrome'],
|
||||
viewport: { width: 1280, height: 800 },
|
||||
// 视觉回归确定性:reducedMotion 让 ScrollReveal/StaggerReveal 走 initial={} 分支
|
||||
// 默认可见(不残留 opacity:0),避免全页截图时 below-the-fold 模块因 whileInView
|
||||
// 未触发而空白。同时使 Hero 粒子场走固定种子的静态降级帧,快照零漂移。
|
||||
reducedMotion: 'reduce',
|
||||
},
|
||||
testMatch: 'visual-regression.spec.ts',
|
||||
},
|
||||
@@ -59,6 +63,7 @@ export default defineConfig({
|
||||
use: {
|
||||
...devices['iPad Pro 11'],
|
||||
viewport: { width: 834, height: 1194 },
|
||||
reducedMotion: 'reduce',
|
||||
},
|
||||
testMatch: 'visual-regression.spec.ts',
|
||||
},
|
||||
@@ -69,6 +74,7 @@ export default defineConfig({
|
||||
viewport: { width: 390, height: 844 },
|
||||
isMobile: true,
|
||||
hasTouch: true,
|
||||
reducedMotion: 'reduce',
|
||||
},
|
||||
testMatch: 'visual-regression.spec.ts',
|
||||
},
|
||||
@@ -78,6 +84,7 @@ export default defineConfig({
|
||||
...devices['Desktop Firefox'],
|
||||
viewport: { width: 1280, height: 800 },
|
||||
storageState: './storageState.firefox.json',
|
||||
reducedMotion: 'reduce',
|
||||
},
|
||||
testMatch: 'visual-regression.spec.ts',
|
||||
},
|
||||
@@ -87,6 +94,7 @@ export default defineConfig({
|
||||
...devices['Desktop Safari'],
|
||||
viewport: { width: 1280, height: 800 },
|
||||
storageState: './storageState.firefox.json',
|
||||
reducedMotion: 'reduce',
|
||||
},
|
||||
testMatch: 'visual-regression.spec.ts',
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user