docs(Input): type の Story にラベルとパターンを追加

kufu · Dec 16, 2024 · dc5464c · dc5464c
1 parent 0f0c33e
commit dc5464c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 18 deletions.
diff --git a/packages/smarthr-ui/src/components/DatePicker/stories/DatePicker.stories.tsx b/packages/smarthr-ui/src/components/DatePicker/stories/DatePicker.stories.tsx
@@ -20,6 +20,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: true },
   },
+  tags: ['skip-test-runner'],
 } satisfies Meta<typeof DatePicker>
 
 export const Playground: StoryObj<typeof DatePicker> = {

diff --git a/packages/smarthr-ui/src/components/DatePicker/stories/VRTDatePicker.stories.tsx b/packages/smarthr-ui/src/components/DatePicker/stories/VRTDatePicker.stories.tsx
@@ -55,7 +55,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: false },
   },
-  tags: ['!autodocs'],
+  tags: ['!autodocs', 'skip-test-runner'],
 } satisfies Meta<typeof DatePicker>
 
 export const VRT = {}

diff --git a/packages/smarthr-ui/src/components/Input/stories/Input.stories.tsx b/packages/smarthr-ui/src/components/Input/stories/Input.stories.tsx
@@ -49,10 +49,15 @@ export const Type: StoryObj<typeof Input> = {
   name: 'type',
   render: (args) => (
     <Stack>
-      {[undefined, 'text', 'number', 'password'].map((type) => (
-        // eslint-disable-next-line smarthr/a11y-input-in-form-control
-        <Input {...args} type={type} key={type} />
-      ))}
+      {[undefined, 'text', 'number', 'password', 'date', 'datetime-local', 'time', 'month'].map(
+        (type) => (
+          <label key={type}>
+            {`${type ?? '未指定'}： `}
+            {/* eslint-disable-next-line smarthr/a11y-input-in-form-control */}
+            <Input {...args} type={type} key={type} />
+          </label>
+        ),
+      )}
     </Stack>
   ),
 }

diff --git a/packages/smarthr-ui/src/components/WarekiPicker/stories/VRTWarekiPicker.stories.tsx b/packages/smarthr-ui/src/components/WarekiPicker/stories/VRTWarekiPicker.stories.tsx
@@ -17,7 +17,6 @@ export default {
     const value = '2024/11/06'
     const placeholder = '日付を入力してください'
     const width = '100%'
-    const showAlternative = (_: Date | null) => <div>alt</div>
     const formatDate = (date: Date | null) => dayjs(date).format('YYYY年MM月DD')
 
     const matrics = [
@@ -35,12 +34,6 @@ export default {
             <WarekiPicker error={m.error} disabled={m.disabled} placeholder={placeholder} />
             <WarekiPicker error={m.error} disabled={m.disabled} value={value} />
             <WarekiPicker error={m.error} disabled={m.disabled} width={width} />
-            <WarekiPicker
-              error={m.error}
-              disabled={m.disabled}
-              value={value}
-              showAlternative={showAlternative}
-            />
             <WarekiPicker
               error={m.error}
               disabled={m.disabled}
@@ -55,7 +48,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: false },
   },
-  tags: ['!autodocs'],
+  tags: ['!autodocs', 'skip-test-runner'],
 } satisfies Meta<typeof WarekiPicker>
 
 export const VRT = {}

diff --git a/packages/smarthr-ui/src/components/WarekiPicker/stories/WarekiPicker.stories.tsx b/packages/smarthr-ui/src/components/WarekiPicker/stories/WarekiPicker.stories.tsx
@@ -20,6 +20,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: true },
   },
+  tags: ['skip-test-runner'],
 } satisfies Meta<typeof WarekiPicker>
 
 export const Playground: StoryObj<typeof WarekiPicker> = {

diff --git a/packages/smarthr-ui/test-runner-jest.config.js b/packages/smarthr-ui/test-runner-jest.config.js
@@ -32,11 +32,6 @@ module.exports = {
     'ComboBox.stories.tsx',
     'FieldSet.stories.tsx',
     'Switch.stories.tsx',
-    /**
-     * error: "Form elements must have labels"
-     * error: "Elements must only use allowed ARIA attributes"
-     */
-    'DatePicker.stories.tsx',
     'FormControl.stories.tsx', // DatePicker を含むために除外
     /**
      * error: "ARIA attributes must conform to valid values"