generate-snapshot-tests

Provide the component path or name as an argument, and the Skill locates the source file, analyzes its props, and writes a colocated <component-name>.snapshots.tsx file. It covers union prop variants, boolean states, and both light and dark themes.

Snapshot union string literal props like variant or size, and boolean toggles with visual impact like disabled or checked. Skip children, className, style, and event handlers since they are not visually interesting on their own.

Use @sentry/scraps/<name> when the component is published in that package. Otherwise import directly from sentry/components/... with the @sentry/scraps/no-core-import ESLint suppression comment to avoid heavy barrel re-exports.

Sentry components render differently across themes, so visual regressions can appear in only one mode. The Skill wraps all cases in describe.each over light and dark themes using ThemeProvider with direct theme imports.

Pass no-op handlers like onChange={() => {}} to satisfy required props for inputs, checkboxes, and switches. Always include disabled and checked/unchecked state combinations for these components.