クリップボードの内容を検証する

Prev Next

※ このトピックの一部は機械翻訳で処理されています。

一部のWebサイトでは、ユーザーがボタン(例:「クリップボードにコピー」)をクリックすることで、URLやテキストなどの値をクリップボードにコピーできるようになっています。
以下のスニペットを使用すると、正しい値が実際にコピーされたかどうかを確認できます。

設定方法

  1. 「コピー」ボタンをクリックするステップの直後に、Playwrightコードステップを追加します。

  2. Playwrightコードステップ内に、以下のコードをペーストします。

// Grant clipboard permissions for reading and writing
context.grantPermissions([
  'clipboard-write',
  'clipboard-read',
]);

// Read the clipboard content
const result = await page.evaluate(async () => {
  return await navigator.clipboard.readText();
});

// Verify that the clipboard contains the expected text
expect(result).toContain('expected_copied_text_value');

// Optional: Log the clipboard value to the browser console
await page.evaluate(r => console.log(r), result);
  1. expected_copied_text_value の部分は、検証したい期待値に置き換えてください。

このステップが実行されている間にPC上で他のコピー/ペースト操作を行った場合、その内容が読み取られてしまう可能性があります。