Prepare test base

__tests__/index.test.tsx

@@ -1,14 +1,17 @@
 import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event';
 import Home from '@/pages/index'
 
 describe('Home', () => {
-  it('renders a heading', () => {
+  it('renders a tooltip', async () => {
     render(<Home />)
 
-    const heading = screen.getByRole('heading', {
-      name: /welcome to next\.js!/i,
-    })
+    const trigger = screen.getByText('Nested Content');
 
-    expect(heading).toBeInTheDocument()
+    expect(screen.queryByText('Tooltip Content')).not.toBeInTheDocument();
+
+    await userEvent.hover(trigger);
+
+    expect(screen.getByText('Tooltip Content')).toBeInTheDocument();
   })
 })

jest.config.js

@@ -1,21 +1,22 @@
-const nextJest = require('next/jest')
+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: './',
-})
+  dir: "./",
+});
 
 // Add any custom config to be passed to Jest
 const customJestConfig = {
+  testPathIgnorePatterns: ["<rootDir>/.next/", "<rootDir>/node_modules/"],
   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  modulePaths: ["<rootDir>"],
   moduleNameMapper: {
     // Handle module aliases (this will be automatically configured for you soon)
-    '^@/components/(.*)$': '<rootDir>/components/$1',
+    "^@/components/(.*)$": "<rootDir>/components/$1",
 
-    '^@/pages/(.*)$': '<rootDir>/pages/$1',
+    "^@/pages/(.*)$": "<rootDir>/pages/$1",
   },
-  testEnvironment: 'jest-environment-jsdom',
-}
+  testEnvironment: "jest-environment-jsdom",
+};
 
-// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
-module.exports = createJestConfig(customJestConfig)
+module.exports = createJestConfig(customJestConfig);