setup jest

__tests__/pages/home.test.tsx

@@ -0,0 +1,12 @@
+import Home from '@/pages/home'
+import { render, screen } from '@testing-library/react'
+
+describe('Home', () => {
+  it('should be rendered correctly', () => {
+    render(<Home />)
+
+    const heading = screen.getByText('What do we have to do for today?')
+
+    expect(heading).toBeInTheDocument()
+  })
+})

jest.config.js

@@ -0,0 +1,16 @@
+const nextJest = require('next/jest')
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+})
+
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testEnvironment: 'jsdom',
+  preset: 'ts-jest',
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig)

jest.setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'