[入門]Webフロントエンド E2E テスト ――PlaywrightによるWebアプリの自動テストから良いテストの書き方まで

サポートページ

この記事を読むのに必要な時間:およそ 0.5 分

お詫びと訂正(正誤表)

本書の以下の部分に誤りがありました。ここに訂正するとともに,ご迷惑をおかけしたことを深くお詫び申し上げます。

(2024年6月26日最終更新)

P.17 3行目

まずは各ページの共通部であるlayout.tsxにメニューを追加します。
各ページの共通部であるlayout.tsxの中身を一旦消して、メニューを追加します。

P.17 リスト1.3

return (
 <html lang="ja">
   <body className={inter.className}>
    <ul>
       <li><a href="/">ホーム</a></li>
       <li><a href="/form">入力フォーム</a></li>
     </ul>
     {children}
   </body>
 </html>
)
export default function RootLayout({
  children
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="ja">
      <body>
        <ul>
          <li><a href="/">ホーム</a></li>
          <li><a href="/form">入力フォーム</a></li>
        </ul>
        {children}
      </body>
    </html>
  )
}