‘25/02開催 とことんDevOps勉強会 2025年02月26日(水) 20:00より E2Eテスト自動化入門 ～テスト作成からGitHub Actionsでの 自動実行までやってみよう～

No content

No content

No content

No content

No content

No content

npm init playwright@latest

npm init playwright@latest tests/example.spec.ts ※

import { test, expect } from '@playwright/test'; test('has title', async ({ page }) => { await page.goto('https://playwright.dev/'); // Expect a title "to contain" a substring. await expect(page).toHaveTitle(/Playwright/); }); test('get started link', async ({ page }) => { await page.goto('https://playwright.dev/'); // Click the get started link. await page.getByRole('link', { name: 'Get started' }).click(); // Expects page to have a heading with the name of Installation. await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible(); });

npx playwright test npx playwright test --project=chromium npx playwright test tests/example.spec.ts npx playwright test --ui

No content

No content

※

No content

※

No content

No content

※

No content

Record new

No content

import { test, expect } from '@playwright/test'; test('has title', async ({ page }) => { await page.goto('https://playwright.dev/'); // Expect a title "to contain" a substring. await expect(page).toHaveTitle(/Playwright/); }); test('get started link', async ({ page }) => { await page.goto('https://playwright.dev/'); // Click the get started link. await page.getByRole('link', { name: 'Get started' }).click(); // Expects page to have a heading with the name of Installation. await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible(); });

test('タイトル', async ({ page }) => { ... }); タイトル import { test, expect } from '@playwright/test'; test('has title', async ({ page }) => { // テストシナリオ1 }); test('get started link', async ({ page }) => { // テストシナリオ2 });

test('タイトル', async ({ page }) => { ... }); test('has title', async ({ page }) => { await page.goto('https://playwright.dev/'); // Expect a title "to contain" a substring. await expect(page).toHaveTitle(/Playwright/); });

page.goto() await page.goto('https://playwright.dev/');

.toHaveTitle() await expect(page).toHaveTitle(/Playwright/);

test('get started link', async ({ page }) => { await page.goto('https://playwright.dev/'); // Click the get started link. await page.getByRole('link', { name: 'Get started' }).click(); // Expects page to have a heading with the name of Installation. await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible(); });

page.getByRole() link Get started link await page.getByRole('link', { name: 'Get started' }).click();

Installation page.getByRole('heading', { name: 'Installation' })

Installation expect() .toBeVisible() await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();

.getByRole() getByText() getByLabel() getByTestId() locator()

locator() #username username .btn btn button div > p div p await page.locator('#username').fill('my_username');