Skip to content

jaktestowac/playwright-sample-visual-testing

Repository files navigation

General info

This is sample project presenting Playwright Visual Testing. Design patters, such as POM or builders etc, were not implemented, to focus on simple visual testing.

More info: https://playwright.dev/docs/test-snapshots

Want to learn Playwright?

Check our advanced courses and free resources!

At the end of this README you will find more resources to learn Playwright, both in Polish and English.

Steps to run project locally

  1. Install packages (before first run):

    npm i
    npx playwright install
    
  2. Run all tests by:

    npm run all
    

Additional Tools

Reports

All reports are generated into directory playwright-report. Additional files are generated into directory test-results.

Visual comparisons

Run all tests for Visual comparisons with:

npm run vt

Update screenshots with:

npm run vt-update

More: https://playwright.dev/docs/test-snapshots

Codegen

To use codegen:

npx playwright codegen [PAGE_ADDRESS]

More: https://playwright.dev/docs/codegen

Trace Viewer

Playwright Trace Viewer is a GUI tool that helps exploring recorded Playwright traces after the script ran.

To use it:

  1. run test with trace set to ON - in config : trace: 'on'

  2. after test run check where it was created (check outputDir in your config file),

  3. run command with proper path to zip file:

    npx playwright show-trace trace.zip
    

More: https://playwright.dev/docs/trace-viewer

Using custom config

To use custom config file:

npx playwright test --config=config/playwright.config.ts

📞 Contact

Feel free to reach out to us:


📚 Learning Resources

We have gathered a collection of resources to help you learn and master Playwright, both in Polish and English. Whether you're a beginner or an advanced user, these resources will help you enhance your skills and knowledge.

🇵🇱 Polish Resources

🇬🇧 English Resources

PS. For more resources and updates, follow us on our website and GitHub.


Happy testing and automation! 🚀

jaktestowac.pl Team ❤️💚

PS. For more resources and updates, follow us on our website and GitHub.


Built with ❤️💚 for the Playwright and test automation community

About

Sample project to demonstrate visual testing with Playwright.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •