test: improve coverage

__test__/pages/404.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import Error404 from 'pages/404'
+
+describe('GET /404', () => {
+  it('should render', async () => {
+    const { getByText } = render(<Error404 />)
+    expect(getByText('404')).toBeInTheDocument()
+  })
+})

__test__/pages/500.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import Error500 from 'pages/500'
+
+describe('GET /500', () => {
+  it('should render', async () => {
+    const { getByText } = render(<Error500 />)
+    expect(getByText('500')).toBeInTheDocument()
+  })
+})

components/Header/__test__/Header.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { Header } from '..'
+
+describe('<Header />', () => {
+  it('should render', async () => {
+    const { getByText } = render(<Header />)
+    expect(getByText('Divlo')).toBeInTheDocument()
+  })
+})

components/__test__/ErrorPage.test.tsx

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react'
+
+import { ErrorPage } from '../ErrorPage'
+
+describe('<ErrorPage />', () => {
+  it('should render the message and statusCode', async () => {
+    const messageContent = 'message content'
+    const statusCode = 404
+    const { getByText } = render(
+      <ErrorPage statusCode={statusCode} message={messageContent} />
+    )
+    expect(getByText(messageContent)).toBeInTheDocument()
+    expect(getByText(statusCode)).toBeInTheDocument()
+  })
+})

components/__test__/Footer.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { Footer } from '../Footer'
+
+describe('<Footer />', () => {
+  it('should render', async () => {
+    const { getByText } = render(<Footer />)
+    expect(getByText('Divlo')).toBeInTheDocument()
+  })
+})

components/design/__test__/Input.test.tsx

@@ -0,0 +1,11 @@
+import { render } from '@testing-library/react'
+
+import { Input } from '../Input'
+
+describe('<Input />', () => {
+  it('should render the label', async () => {
+    const labelContent = 'label content'
+    const { getByText } = render(<Input label={labelContent} />)
+    expect(getByText(labelContent)).toBeInTheDocument()
+  })
+})

jest.config.js

@@ -18,7 +18,8 @@ module.exports = {
     '!**/next.config.js',
     '!**/postcss.config.js',
     '!**/workbox-*.js',
-    '!**/sw.js'
+    '!**/sw.js',
+    '!**/jest.config.js'
   ],
   coverageDirectory: './coverage',
   coverageReporters: ['text', 'cobertura']