Playwrightを使用したWebページのテキスト検証方法


  1. ページのテキストを取得する方法: Playwrightを使用してWebページを操作するには、まずページオブジェクトを作成する必要があります。以下のコード例では、Googleのトップページからテキストを取得する方法を示しています。
const { chromium } = require('playwright');
(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.google.com');
  const text = await page.textContent('body');
  console.log(text);
  await browser.close();
})();
const { chromium } = require('playwright');
const expect = require('expect');
(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.google.com');
  const title = await page.title();
  expect(title).toBe('Google');
  await browser.close();
})();
  1. ページ内の特定の要素のテキストを検証する方法: Playwrightを使用して特定の要素のテキストを検証するには、要素のセレクタを指定してテキストを取得します。以下のコード例では、Googleの検索ボタンのテキストを検証する方法を示しています。
const { chromium } = require('playwright');
const expect = require('expect');
(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.google.com');
  const buttonText = await page.textContent('input[type="submit"]');
  expect(buttonText).toBe('Google 検索');
  await browser.close();
})();

上記のコード例はJavaScriptを使用していますが、Playwrightは他のプログラミング言語(Python、TypeScript、C#など)でも使用することができます。