test(FormControl): update to include disabled leading visuals (#5347)

* test(FormControl): update to include disabled leading visuals * test(vrt): update snapshots --------- Co-authored-by: joshblack <[email protected]>
primer · Dec 3, 2024 · 17637a8 · 17637a8
1 parent 59a6654
commit 17637a8
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 2 deletions.
diff --git a/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png b/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png b/...Control.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png
diff --git a/....test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png b/....test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png b/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png b/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png b/...test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png
diff --git a/...s/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png b/...s/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png b/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png
diff --git a/packages/react/src/FormControl/FormControl.features.stories.tsx b/packages/react/src/FormControl/FormControl.features.stories.tsx
@@ -21,6 +21,7 @@ import {
 } from '..'
 import {MarkGithubIcon, TriangleDownIcon} from '@primer/octicons-react'
 import type {ItemInput} from '../deprecated/ActionList/List'
+import {Stack} from '../Stack'
 
 export default {
   title: 'Components/FormControl/Features',
@@ -339,7 +340,7 @@ export const WithSelectPanel = () => {
 }
 
 export const WithLeadingVisual = () => (
-  <Box>
+  <Stack gap="none">
     <FormControl>
       <FormControl.Label>Option one</FormControl.Label>
       <FormControl.LeadingVisual>
@@ -356,7 +357,24 @@ export const WithLeadingVisual = () => (
       <Checkbox />
       <FormControl.Caption>This one has a caption</FormControl.Caption>
     </FormControl>
-  </Box>
+
+    <FormControl disabled>
+      <FormControl.Label>Option three</FormControl.Label>
+      <FormControl.LeadingVisual>
+        <MarkGithubIcon />
+      </FormControl.LeadingVisual>
+      <Checkbox />
+    </FormControl>
+
+    <FormControl disabled>
+      <FormControl.Label>Option four</FormControl.Label>
+      <FormControl.LeadingVisual>
+        <MarkGithubIcon />
+      </FormControl.LeadingVisual>
+      <Checkbox />
+      <FormControl.Caption>This one has a caption</FormControl.Caption>
+    </FormControl>
+  </Stack>
 )
 
 export const DisabledInputs = () => (