chore: DatePicker の VRT がフレーキーになる問題を解消する (#4626)

kufu · May 7, 2024 · c0096c9 · c0096c9
1 parent daba575
commit c0096c9
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/smarthr-ui/src/components/DatePicker/VRTDatePicker.stories.tsx b/packages/smarthr-ui/src/components/DatePicker/VRTDatePicker.stories.tsx
@@ -41,6 +41,7 @@ const playExpanded = async ({ canvasElement }: { canvasElement: HTMLElement }) =
   const canvas = within(canvasElement)
   const textbox = await canvas.findByRole('textbox')
   await textbox.focus()
+  await textbox.blur() // カレンダーを開くためにフォーカスするが、カーソル点滅によるフレーキーを避けるためにすぐにフォーカスを外す
 }
 VRTExpanded.play = playExpanded
 
@@ -105,6 +106,7 @@ VRTBottomExpanded.play = async ({ canvasElement }: { canvasElement: HTMLElement
   const canvas = within(canvasElement)
   const textbox = await canvas.findByRole('textbox')
   await textbox.focus()
+  await textbox.blur() // カレンダーを開くためにフォーカスするが、カーソル点滅によるフレーキーを避けるためにすぐにフォーカスを外す
 }
 
 const WrapperList = styled.ul`