Playwrightで実際にPOSTされる値を観測する

import { test } from "@playwright/test";

test("実際にPOSTされたデータの中身が見たい", async ({ page }) => {

  // フォームを開く処理などを行う

  const requestPromise = page.waitForRequest(actionPath);

  // リクエストが来るのを待つ
  const requestPromise = page.waitForRequest(actionPath);

  // interceptして実際にはデータが飛ばないようにしておく
  page.route(actionPath, (route) => route.abort());

  // 登録ボタンのクリック
  await page
    .getByRole("link", { name: /^登録$/ })
    .first()
    .click();

  // リクエストを待機する
  const request = await requestPromise;

  // interceptを解除しておく
  page.unroute(actionPath);

  // requestを使ってPOSTされたデータを確認できる
  const json = request.postDataJson(); // request.postData(), request.postDataBuffer()もある
  const postData = JSON.parse(json);
  console.log(postData);

  // Assertなどを行う

});