update-screenshots

작성자: microsoft

최신 CI 실행에서 스크린샷 기준선을 다운로드하여 커밋합니다. CI에서 컴포넌트 스크린샷 기준선을 업데이트, 수락 또는 새로고침하라는 요청을 받았을 때 사용합니다.

npx skills add https://github.com/microsoft/vscode --skill update-screenshots
ZIP 다운로드GitHub
188.6k

Update Component Screenshots from CI

Screenshot baselines are no longer stored in the repository. They are managed by an external screenshot service (hediet-screenshots.azurewebsites.net). The CI workflow uploads screenshots to this service and diffs them automatically.

When the Checking Component Screenshots GitHub Action detects changes, it posts a PR comment with before/after comparisons. No manual baseline updates are needed — the screenshots on the main branch commit become the new baselines automatically after merge.

What Changed

  • Baseline images were removed from test/componentFixtures/.screenshots/baseline/.
  • Git LFS is no longer used for screenshot storage.
  • The screenshot service stores images keyed by commit SHA and handles diffing.

If Screenshots Need Investigation

  1. Check the PR comment posted by the CI workflow for visual diffs.
  2. Download the screenshots artifact from the CI run for the raw captured images:
gh run download <run-id> --name screenshots --dir .tmp/screenshots
  1. Compare locally if needed. The artifact contains the full set of captured screenshots.

microsoft의 다른 스킬

oss-growth
microsoft
OSS 성장 해커 페르소나
official
winapp-ui-automation
microsoft
명령줄에서 UI 자동화(UIA)를 사용하여 실행 중인 Windows 앱 UI를 검사하고 상호작용합니다. AI 에이전트나 개발자가 UI를 검사해야 할 때 사용합니다.
official
accessibility-aria-expert
microsoft
React/Fluent UI 웹뷰에서 접근성 문제를 감지하고 수정합니다. 화면 판독기 호환성을 위해 코드를 검토하거나, ARIA 레이블을 수정하거나, 접근성을 보장할 때 사용하세요.
official
generate-canvas-app
microsoft
[DEPRECATED — canvas-app을 대신 사용하세요] 완전한 Power Apps 캔버스 앱을 생성합니다.
official
django
microsoft
Django 웹 개발의 모델, 뷰, 템플릿 및 테스트를 포함한 모범 사례
official
github-issue-creator
microsoft
원시 노트, 오류 로그, 음성 받아쓰기, 스크린샷을 깔끔한 GitHub 스타일 마크다운 이슈 보고서로 변환합니다. 사용자가 버그 정보, 오류를 붙여넣을 때 사용합니다.
official
python-package-management
microsoft
의존성 관리를 위해 uv를 사용하고, 작업 자동화를 위해 poethepoet을 사용합니다.
official
runtime-validation
microsoft
마이그레이션된 애플리케이션의 런타임 검증 — 테스트 전략(계획 단계) 및 테스트 실행(검증 단계)을 포함: 시작 확인,…
official