Adding DropdownMenu test

src/components/Button/Button.test.tsx

@@ -1,18 +1,20 @@
-import { cleanup, render, screen, fireEvent } from '@testing-library/react'
+import { cleanup, render, screen } from '@testing-library/react'
 import { vi } from 'vitest'
 import { Button } from './Button'
+import userEvent from '@testing-library/user-event'
 
 describe('<Button />', () => {
   afterEach(cleanup)
 
-  it('renders', () => {
+  it('renders', async () => {
+    const user = userEvent.setup()
     const handleClick = vi.fn()
 
     render(<Button label="Hello, world!" onClick={handleClick} />)
 
     expect(screen.getByText('Hello, world!')).toBeInTheDocument()
 
-    fireEvent.click(screen.getByRole('button'))
+    await user.click(screen.getByRole('button'))
 
     expect(handleClick).toHaveBeenCalledTimes(1)
   })

src/components/Collapsible/Collapsible.test.tsx

@@ -8,6 +8,7 @@ describe('<Collapsible />', () => {
   it('renders', () => {
     render(<Collapsible label="Hello">World</Collapsible>)
     expect(screen.getByText(/Hello/)).toBeInTheDocument()
+    expect(screen.queryByText(/World/)).toBeNull()
 
     fireEvent.click(screen.getByRole('button'))
 

src/components/DropdownMenu/DropdownMenu.test.tsx

@@ -0,0 +1,65 @@
+import { cleanup, render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+
+import {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuRoot,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+  DropdownMenuRadioItem,
+  DropdownMenuRadioGroup,
+} from './DropdownMenu'
+
+describe('<DropdownMenu />', () => {
+  afterEach(cleanup)
+
+  it('renders', async () => {
+    const user = userEvent.setup()
+
+    render(
+      <DropdownMenuRoot>
+        <DropdownMenuTrigger>Menu</DropdownMenuTrigger>
+        <DropdownMenuContent>
+          <DropdownMenuItem>New Tab</DropdownMenuItem>
+          <DropdownMenuItem>New Window</DropdownMenuItem>
+          <DropdownMenuItem disabled>New Private Tab</DropdownMenuItem>
+          <DropdownMenuItem>Item 4</DropdownMenuItem>
+          <DropdownMenuItem>Item 5</DropdownMenuItem>
+
+          <DropdownMenuSeparator />
+
+          {/* <DropdownMenuCheckboxItem
+            checked={showBookmarks}
+            onCheckedChange={value => setShowBookmarks(!!value)}
+          >
+            Show Bookmarks
+          </DropdownMenuCheckboxItem>
+          <DropdownMenuCheckboxItem
+            checked={showFullURLs}
+            onCheckedChange={value => setShowFullURLs(!!value)}
+          >
+            Show Full URLs
+          </DropdownMenuCheckboxItem> */}
+
+          <DropdownMenuSeparator />
+
+          {/* <DropdownMenuRadioGroup
+            value={mode}
+            onValueChange={value => setMode(value as any)}
+          >
+            <DropdownMenuRadioItem value="list">List</DropdownMenuRadioItem>
+            <DropdownMenuRadioItem value="grid">Grid</DropdownMenuRadioItem>
+          </DropdownMenuRadioGroup> */}
+        </DropdownMenuContent>
+      </DropdownMenuRoot>
+    )
+
+    expect(screen.getByText(/Menu/)).toBeInTheDocument()
+
+    await user.click(screen.getByRole('button'))
+
+    expect(screen.getByText(/New Tab/)).toBeInTheDocument()
+  })
+})