update tests to handle interaction scenario for escape to close

packages/components/src/__rc__/Select/Select.spec.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, screen, waitFor, within } from '@testing-library/react'
+import { render, screen, waitFor, waitForElementToBeRemoved, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
 import { Select, type SelectProps } from './Select'
@@ -188,14 +188,24 @@ describe('<Select />', () => {
           })
         })
         it('is closed when hits the escape key', async () => {
-          const { getByRole } = render(<SelectWrapper defaultOpen />)
-          const menu = getByRole('listbox')
+          const { getByRole, queryByRole } = render(<SelectWrapper />)
+          const trigger = getByRole('combobox', {
+            name: 'Mock Label',
+          })
+          await user.tab()
+          await waitFor(() => {
+            expect(trigger).toHaveFocus()
+          })
+          await user.keyboard('{Enter}')
+
           await waitFor(() => {
-            expect(menu).toBeVisible()
+            expect(queryByRole('listbox')).toBeVisible()
           })
+
           await user.keyboard('{Escape}')
+
           await waitFor(() => {
-            expect(menu).not.toBeInTheDocument()
+            expect(queryByRole('listbox')).toBe(null)
           })
         })
       })

packages/components/src/__rc__/Select/_docs/Select.stories.tsx

@@ -50,6 +50,19 @@ export const Playground: Story = {
   },
 }
 
+export const defaultOpen: Story = {
+  parameters: {
+    docs: {
+      canvas: {
+        sourceState: 'shown',
+      },
+    },
+  },
+  args: {
+    defaultOpen: true,
+  },
+}
+
 export const SingleItems: Story = {
   args: {
     items: singleMockItems,