Udemy Playwright: Web Automation Testing From Zero to Hero: Difference between revisions

From Vincents CV Wiki
Jump to navigation Jump to search
Line 51: Line 51:
npx playwright show-report</nowiki>
npx playwright show-report</nowiki>


* OMG this debug UI is cool!
* Test Execution with UI - ''OMG this debug UI is cool!''
  <nowiki>npx playwright test --ui</nowiki>
  <nowiki>npx playwright test --ui</nowiki>

Revision as of 05:34, 20 May 2024

Link to Udemy Udemy Playwright: Web Automation Testing From Zero to Hero

Section 1: Preparation

Playwright vs Cypress

Playwright Pros. Cypress Pros.
  • Faster test execution
  • OOTB free parallel execution
  • Multiple languages (JS/TS, Python, Java, C#
  • Multiple Tabs
  • Better iFrames
  • similar to Selenium
  • Less code - fast to write
  • Better auto-wait mechanism
  • Better documentation
  • Better testrunner (time machine)
  • Dashboard service

Development Environment Configuration

  • node.js => updated => done
  • Git => updated => done
  • VS Code => updated => done
  • Playwright extn for VS Code => installed

Clone Test App

--force needed to accept various warnings

Section 2: Javascript Fundamentals

I'm familiar with javascript - I'm fast forwarding through this without keeping notes

Section 3 - Playwright Hands-On Overview

  • create new folder & npm init playwright@latest
  • CLI Test Executions
npx playwright test
npx playwright test example.spec.ts --project=chromium --headed
npx playwright test -g "has title"
npx playwright show-report
  • Test Execution with UI - OMG this debug UI is cool!
npx playwright test --ui