Play wright에서 테스트 프로그램의 이름을 추가합니다(일본어로 변경).

▮Playwright

E2E의 테스트 프레임워크입니다.
https://playwright.dev/ test.step()의 규격은 아래를 참조한다.
https://playwright.dev/docs/api/class-test#test-step

가설 조건

다음을 참조하여 Playwright Test for VScode 가져오기

https://zenn.dev/reflex4qa/articles/e59f77b5c58d15

컨디션

VS code: 1.66.2 (user setup)

Node.js: 16.13.0

OS: Windows_NT x64 10.0.18363

Playwright: Version: 1.21

Playwright Test for VSCode: v0.2.3

▮ Bofre After

Before
After
캡처


!
다음은 VS코드가 되는 작업입니다.

▮1. login.spec.ts 변경

조작하다

[자원 관리자]login.spec.ts를 엽니다.

[텍스트 편집기]는 코드를 변경한 후 다음과 같이 변경합니다.

수정 전

login.spec.ts

    // Create 1st todo.
    await page.locator('.new-todo').fill(TODO_ITEMS[0]);

수정 후

await page.locator('.new-todo').fill(TODO_ITEMS[0]);가 await test.step에 의해 포위되었다.
login.spec.ts

    // Create 1st todo.
    await test.step('TODOに"buy some cheese"と入力する。', async () => {
      await page.locator('.new-todo').fill(TODO_ITEMS[0]);
    });

확인

[터미널] 다음 명령을 실행합니다.

npx playwright test

[단말기] 이하의 출력을 확인합니다.

PS C:\Playwright_sample> npx playwright test

Running 25 tests using 1 worker
  Slow test file: [chromium] › example.spec.ts (60s)
  Consider splitting slow test files to speed up parallel execution

  25 passed (1m)

To open last HTML report run:

  npx playwright show-report

PS C:\Playwright_sample>

[터미널] 다음 명령을 실행합니다.

npx playwright show-report

[브라우저] 브라우저를 시작하여 테스트 결과의 표시를 확인합니다.

[브라우저]New Todo › should allow me to add todo items를 클릭합니다.

[브라우저]

로 변경을 확인합니다.

이번 변경된 문서 구성

변경 사항 없음