Visual regression tests for personal blogs
4 months ago
- #testing
- #Playwright
- #web development
- 作者使用Astro和MDX构建了一个具有复杂CSS样式的静态网站。
- 通过Playwright实现视觉回归测试，用于检测CSS变更导致的意外副作用。
- 测试过程包括对页面截图并与基准快照进行对比。
- 自定义测试脚本会滚动页面以确保捕获所有懒加载图片。
- 测试页面列表采用静态定义，虽然曾考虑过动态生成方案。
- 工作流程保持简洁，仅在重大变更时手动运行测试而非集成到CI中。