[TESTE ] Jorge Madson Santos Viana - Desenvolvedor Frontend

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

__tests__/atoms/button-atom.test.tsx

@@ -0,0 +1,26 @@
+import { render, screen, fireEvent } from "@testing-library/react"
+import "@testing-library/jest-dom"
+import ButtonAtom from "@/components/atoms/button-atom"
+import { describe, expect, it, jest } from '@jest/globals'
+
+describe("ButtonAtom", () => {
+  it("renders and clicks", () => {
+    const onClick = jest.fn()
+    render(<ButtonAtom onClick={onClick}>Clique</ButtonAtom>)
+    const btn = screen.getByRole("button", { name: "Clique" })
+    expect(btn).toBeInTheDocument()
+    fireEvent.click(btn)
+    expect(onClick).toHaveBeenCalledTimes(1)
+  })
+
+  it("respects disabled state", () => {
+    const onClick = jest.fn()
+    render(
+      <ButtonAtom disabled onClick={onClick}>
+        Desabilitado
+      </ButtonAtom>,
+    )
+    const btn = screen.getByRole("button", { name: "Desabilitado" })
+    expect(btn).toBeDisabled()
+  })
+})

__tests__/atoms/input-atom.test.tsx

@@ -0,0 +1,14 @@
+import { render, screen, fireEvent } from "@testing-library/react"
+import "@testing-library/jest-dom"
+import InputAtom from "@/components/atoms/input-atom"
+import { describe, expect, it } from '@jest/globals'
+
+describe("InputAtom", () => {
+  it("renders with label (sr-only) and updates value", () => {
+    render(<InputAtom label="Usuário" id="user" placeholder="Digite" />)
+    const input = screen.getByPlaceholderText("Digite") as HTMLInputElement
+    expect(input).toBeInTheDocument()
+    fireEvent.change(input, { target: { value: "vercel" } })
+    expect(input.value).toBe("vercel")
+  })
+})

__tests__/components/error-boundary.test.tsx

@@ -0,0 +1,92 @@
+import { render, screen, fireEvent } from '@testing-library/react'
+import { describe, expect, it, jest } from '@jest/globals'
+import ErrorPage from '@/app/error'
+
+describe('Error Page (Next.js Error Boundary)', () => {
+  const mockError = new Error('Test error message')
+  const mockReset = jest.fn()
+
+  beforeEach(() => {
+    mockReset.mockClear()
+  })
+
+  it('should render error message and reset button', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    expect(screen.getByText('Algo deu errado')).toBeInTheDocument()
+    expect(screen.getByText(/Ocorreu um erro inesperado/)).toBeInTheDocument()
+    expect(screen.getByRole('button', { name: /tentar novamente/i })).toBeInTheDocument()
+  })
+
+  it('should display error details when expanded', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const detailsSummary = screen.getByText('Detalhes técnicos')
+    fireEvent.click(detailsSummary)
+
+    expect(screen.getByText('Test error message')).toBeInTheDocument()
+  })
+
+  it('should call reset function when button is clicked', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const resetButton = screen.getByRole('button', { name: /tentar novamente/i })
+    fireEvent.click(resetButton)
+
+    expect(mockReset).toHaveBeenCalledTimes(1)
+  })
+
+  it('should render without error details when no error provided', () => {
+    // @ts-ignore - Testing edge case
+    render(<ErrorPage error={null} reset={mockReset} />)
+
+    expect(screen.getByText('Algo deu errado')).toBeInTheDocument()
+    expect(screen.queryByText('Detalhes técnicos')).not.toBeInTheDocument()
+  })
+
+  it('should have proper styling classes', () => {
+    const { container } = render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    expect(container.firstChild).toHaveClass('min-h-[400px]', 'flex', 'items-center', 'justify-center', 'p-4')
+  })
+
+  it('should have alert triangle icon', () => {
+    const { container } = render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const alertIcon = container.querySelector('svg')
+    expect(alertIcon).toBeInTheDocument()
+  })
+
+  it('should have refresh icon in reset button', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const resetButton = screen.getByRole('button', { name: /tentar novamente/i })
+    const refreshIcon = resetButton.querySelector('svg')
+    expect(refreshIcon).toBeInTheDocument()
+  })
+
+  it('should render card structure correctly', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const cardTitle = screen.getByText('Algo deu errado')
+    expect(cardTitle).toBeInTheDocument()
+  })
+
+  it('should handle long error messages', () => {
+    const longError = new Error('A'.repeat(1000))
+    render(<ErrorPage error={longError} reset={mockReset} />)
+
+    const detailsSummary = screen.getByText('Detalhes técnicos')
+    fireEvent.click(detailsSummary)
+
+    expect(screen.getByText('A'.repeat(1000))).toBeInTheDocument()
+  })
+
+  it('should be accessible via keyboard navigation', () => {
+    render(<ErrorPage error={mockError} reset={mockReset} />)
+
+    const resetButton = screen.getByRole('button', { name: /tentar novamente/i })
+    expect(resetButton.tagName.toLowerCase()).toBe('button')
+    expect(resetButton).not.toHaveAttribute('tabindex', '-1')
+  })
+})

__tests__/components/molecules/pagination-controls.test.tsx

@@ -0,0 +1,82 @@
+import { render, screen, fireEvent } from '@testing-library/react'
+import PaginationControls from '@/components/molecules/pagination-controls'
+
+describe('PaginationControls', () => {
+  const defaultProps = {
+    currentPage: 2,
+    hasNextPage: true,
+    hasPrevPage: true,
+    onNextPage: jest.fn(),
+    onPrevPage: jest.fn(),
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders current page correctly', () => {
+    render(<PaginationControls {...defaultProps} />)
+
+    expect(screen.getByText('Página 2')).toBeInTheDocument()
+  })
+
+  it('calls onPrevPage when previous button is clicked', () => {
+    render(<PaginationControls {...defaultProps} />)
+
+    const prevButton = screen.getByRole('button', { name: /ir para página anterior/i })
+    fireEvent.click(prevButton)
+
+    expect(defaultProps.onPrevPage).toHaveBeenCalledTimes(1)
+  })
+
+  it('calls onNextPage when next button is clicked', () => {
+    render(<PaginationControls {...defaultProps} />)
+
+    const nextButton = screen.getByRole('button', { name: /ir para próxima página/i })
+    fireEvent.click(nextButton)
+
+    expect(defaultProps.onNextPage).toHaveBeenCalledTimes(1)
+  })
+
+  it('disables previous button when hasPrevPage is false', () => {
+    render(<PaginationControls {...defaultProps} hasPrevPage={false} />)
+
+    const prevButton = screen.getByRole('button', { name: /ir para página anterior/i })
+    expect(prevButton).toBeDisabled()
+  })
+
+  it('disables next button when hasNextPage is false', () => {
+    render(<PaginationControls {...defaultProps} hasNextPage={false} />)
+
+    const nextButton = screen.getByRole('button', { name: /ir para próxima página/i })
+    expect(nextButton).toBeDisabled()
+  })
+
+  it('disables both buttons when loading', () => {
+    render(<PaginationControls {...defaultProps} isLoading={true} />)
+
+    const prevButton = screen.getByRole('button', { name: /ir para página anterior/i })
+    const nextButton = screen.getByRole('button', { name: /ir para próxima página/i })
+
+    expect(prevButton).toBeDisabled()
+    expect(nextButton).toBeDisabled()
+  })
+
+  it('shows page 1 correctly', () => {
+    render(<PaginationControls {...defaultProps} currentPage={1} hasPrevPage={false} />)
+
+    expect(screen.getByText('Página 1')).toBeInTheDocument()
+
+    const prevButton = screen.getByRole('button', { name: /ir para página anterior/i })
+    expect(prevButton).toBeDisabled()
+  })
+
+  it('handles last page correctly', () => {
+    render(<PaginationControls {...defaultProps} currentPage={5} hasNextPage={false} />)
+
+    expect(screen.getByText('Página 5')).toBeInTheDocument()
+
+    const nextButton = screen.getByRole('button', { name: /ir para próxima página/i })
+    expect(nextButton).toBeDisabled()
+  })
+})