split Layout.test.tsx in three files

Author: severo

test/components/Layout.test.tsx

@@ -1,10 +1,7 @@
 import { render } from '@testing-library/react'
 import React from 'react'
-import { describe, expect, it, vi } from 'vitest'
-import { Layout, Spinner, cn } from '../../src/index.js'
-
-vi.mock('next-auth/react', () => ({ signOut: vi.fn(), useSession: vi.fn() }))
-vi.mock('next/link', () => ({ default: vi.fn() }))
+import { describe, expect, it } from 'vitest'
+import { Layout } from '../../src/index.js'
 
 describe('Layout Component', () => {
   it('renders children', () => {
@@ -29,29 +26,3 @@ describe('Layout Component', () => {
     expect(getByText('Error: Test Error')).toBeDefined()
   })
 })
-
-describe('Classname function', () => {
-  it('joins class names correctly', () => {
-    expect(cn('class1', 'class2')).toBe('class1 class2')
-  })
-
-  it('ignores undefined and false values', () => {
-    expect(cn('class1', undefined, 'class2', false)).toBe('class1 class2')
-  })
-
-  it('returns empty string if no valid class names', () => {
-    expect(cn(undefined, false)).toBe('')
-  })
-
-  it('handles single class name', () => {
-    expect(cn('class1')).toBe('class1')
-  })
-})
-
-describe('Spinner Component', () => {
-  it('renders with base and additional class names', () => {
-    const { container } = render(<Spinner className="extra" />)
-    expect(container.firstElementChild?.classList).toContain('spinner')
-    expect(container.firstElementChild?.classList).toContain('extra')
-  })
-})

test/components/Spinner.test.tsx

@@ -0,0 +1,12 @@
+import { render } from '@testing-library/react'
+import React from 'react'
+import { describe, expect, it } from 'vitest'
+import { Spinner } from '../../src/index.js'
+
+describe('Spinner Component', () => {
+  it('renders with base and additional class names', () => {
+    const { container } = render(<Spinner className="extra" />)
+    expect(container.firstElementChild?.classList).toContain('spinner')
+    expect(container.firstElementChild?.classList).toContain('extra')
+  })
+})

test/lib/utils.test.ts

@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest'
+import { cn } from '../../src/index.js'
+
+describe('Classname function', () => {
+  it('joins class names correctly', () => {
+    expect(cn('class1', 'class2')).toBe('class1 class2')
+  })
+
+  it('ignores undefined and false values', () => {
+    expect(cn('class1', undefined, 'class2', false)).toBe('class1 class2')
+  })
+
+  it('returns empty string if no valid class names', () => {
+    expect(cn(undefined, false)).toBe('')
+  })
+
+  it('handles single class name', () => {
+    expect(cn('class1')).toBe('class1')
+  })
+})