Next.jsのテスト

Next.jsはJestを使用して、テストを自動化します。

Jestのインストール

npm install --save-dev jest

テストの作成

import { render } from '@testing-library/react';
import Home from '../pages/index';

test('renders homepage', () => {
  const { getByText } = render(<Home />);
  const linkElement = getByText(/Welcome to Next.js!/i);
  expect(linkElement).toBeInTheDocument();
});

• render: コンポーネントをレンダリング
• expect: 期待する結果を定義