From c02c16cd834c4bd2726bb1d5b63cf120d272de2f Mon Sep 17 00:00:00 2001
From: Corban Riley <corbanbrook@gmail.com>
Date: Thu, 14 Sep 2023 12:03:50 -0400
Subject: [PATCH] Adding DropdownMenu test

---
 src/components/Button/Button.test.tsx         |  8 ++-
 .../Collapsible/Collapsible.test.tsx          |  1 +
 .../DropdownMenu/DropdownMenu.test.tsx        | 65 +++++++++++++++++++
 3 files changed, 71 insertions(+), 3 deletions(-)
 create mode 100644 src/components/DropdownMenu/DropdownMenu.test.tsx

diff --git a/src/components/Button/Button.test.tsx b/src/components/Button/Button.test.tsx
index acdb775df..3dd6a999e 100644
--- a/src/components/Button/Button.test.tsx
+++ b/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)
   })
diff --git a/src/components/Collapsible/Collapsible.test.tsx b/src/components/Collapsible/Collapsible.test.tsx
index 443f70d3d..f162577a6 100644
--- a/src/components/Collapsible/Collapsible.test.tsx
+++ b/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'))
 
diff --git a/src/components/DropdownMenu/DropdownMenu.test.tsx b/src/components/DropdownMenu/DropdownMenu.test.tsx
new file mode 100644
index 000000000..7ad16b398
--- /dev/null
+++ b/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()
+  })
+})