Playwright tutorial repository for my channel: @zwinnapanda
- Clone repository
- Enter the project directory and execute
npm install
in order to install all the packages
- Playwright test module:
npm install @playwright/test
- Playwright tools and drivers:
npx playwright install
- basic test execution:
npx playwright test
- run projects using node scripts
npm run tests:chrome
forchrome
,firefox
orwebkit
- it is possible to add more flags when using npm scripts with
-- --<flag>
Playwright 1.32 enables using interactive UI that can be run with npx playwright test --ui
- run tests using node scripts
npm run tests:visual
- run tests using node scripts
npm run tests:api
- use
--debug
while debugging - use
--trace on
to enable trace - show trace either from
html
report or withnpx playwright show-trace test-results/../trace.zip
- use PW-watch with
npx pw-watch --reporter @deploysentinel/playwright
Using compare-pdf
Prerequisites:
sudo apt-get install graphicsmagick
sudo apt-get install imagemagick
sudo apt-get install ghostscript
In order to use ImageMagic policy.xml
modification is needed
Use sudo chmod 777 ~/etc/ImageMagick-6/policy.xml
and modify policy.xml
as follows:
change rights="none"
to rights"read|write"
in line <policy domain="module" rights="read|write" pattern="PDF" />
- install
compare-pdf
withnpm install compare-pdf
npm run test:pdf
npm run test:pdf
- package used: pdf2json
- this is why
Node 18+
is needed
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO and more.
To run Lighhouse test use npm run lighthouse
command, reports will be generated in html format in lighthouse-report
directory with name "LighthouseReport.html"
To run Playwright test runner with Lighthouse test use npm run tests:audit
command