Percy视觉测试Skill PercyVisualTesting

Percy视觉测试技能是一个用于自动化视觉回归测试的工具集成方案。它能够自动捕获Web应用在不同视口和状态下的视觉快照，并与基线版本进行智能比对分析，精准识别UI层面的非预期变更。该技能支持与主流测试框架（如Playwright、Cypress、Selenium）和CI/CD流水线无缝集成，实现开发流程中的自动化视觉质量保障。关键词：视觉回归测试，UI自动化测试，前端测试，Percy，快照对比，CI/CD集成，自动化测试。

测试 0 次安装 0 次浏览更新于 2/25/2026

name: Percy视觉测试 description: Percy视觉测试平台集成，用于视觉回归检测 allowed-tools:

Bash
Read
Write
Edit
Glob
Grep

Percy视觉测试技能

概述

此技能提供基于Percy的视觉测试专家级能力，支持快照捕获、视觉差异分析和无缝CI/CD集成。

能力

快照捕获

跨视口捕获视觉快照
配置响应式测试断点
处理动态内容遮罩
全页面和元素快照

视觉差异分析

分析构建之间的视觉差异
区分有意与无意变更
配置差异敏感度

基线管理

管理Percy基线审批
处理基线分支
配置自动审批规则

CI/CD集成

在CI/CD流水线中配置Percy
GitHub/GitLab集成
拉取请求视觉审查

框架集成

与Playwright集成
与Cypress集成
与Selenium集成
Storybook集成

目标流程

visual-regression.js - 视觉回归测试
e2e-test-suite.js - 包含视觉验证的端到端测试
cross-browser-testing.js - 跨浏览器视觉测试

依赖项

@percy/cli - Percy命令行工具
@percy/playwright / @percy/cypress - 框架SDK
Percy账户和令牌

使用示例

{
  kind: 'skill',
  skill: {
    name: 'percy-visual',
    context: {
      action: 'capture-snapshots',
      testSuite: 'e2e',
      widths: [375, 768, 1280],
      branch: 'feature/new-design'
    }
  }
}

配置

此技能需要Percy令牌，并可配置以与多种测试框架协同工作。