{"id":22349416,"url":"https://github.com/jaktestowac/playwright-sample-visual-testing","last_synced_at":"2025-10-14T20:30:52.724Z","repository":{"id":130269626,"uuid":"527594775","full_name":"jaktestowac/playwright-sample-visual-testing","owner":"jaktestowac","description":"Sample project to demonstrate visual testing with Playwright.","archived":false,"fork":false,"pushed_at":"2025-07-27T17:07:48.000Z","size":1863,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-27T19:22:01.258Z","etag":null,"topics":["automation","javascript","playwright","test-automation","testing","visual-testing"],"latest_commit_sha":null,"homepage":"https://jaktestowac.pl/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaktestowac.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-22T14:14:02.000Z","updated_at":"2025-07-27T17:07:52.000Z","dependencies_parsed_at":"2024-03-08T21:00:42.001Z","dependency_job_id":null,"html_url":"https://github.com/jaktestowac/playwright-sample-visual-testing","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jaktestowac/playwright-sample-visual-testing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaktestowac%2Fplaywright-sample-visual-testing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaktestowac%2Fplaywright-sample-visual-testing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaktestowac%2Fplaywright-sample-visual-testing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaktestowac%2Fplaywright-sample-visual-testing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaktestowac","download_url":"https://codeload.github.com/jaktestowac/playwright-sample-visual-testing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaktestowac%2Fplaywright-sample-visual-testing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279020905,"owners_count":26086948,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation","javascript","playwright","test-automation","testing","visual-testing"],"created_at":"2024-12-04T11:08:16.752Z","updated_at":"2025-10-14T20:30:52.718Z","avatar_url":"https://github.com/jaktestowac.png","language":"JavaScript","readme":"# General info\n\nThis is sample project presenting Playwright Visual Testing.\nDesign patters, such as POM or builders etc, were not implemented, to focus on simple visual testing.\n\nMore info: https://playwright.dev/docs/test-snapshots\n\n\u003e Want to learn Playwright? \n\u003e\n\u003e Check our [advanced courses](https://jaktestowac.pl/playwright/) and [free resources](https://jaktestowac.pl/darmowy-playwright/)!\n\u003e\n\u003e At the end of this README you will find  [more resources to learn Playwright](#-learning-resources), both in Polish and English.\n\n# Steps to run project locally\n\n1. Install packages (before first run):\n\n    ```\n    npm i\n    npx playwright install\n    ```\n\n1. Run all tests by:\n\n    ```\n    npm run all\n    ```\n\n## Additional Tools\n\n### Reports\n\nAll reports are generated into directory `playwright-report`.\nAdditional files are generated into directory `test-results`.\n\n### Visual comparisons\n\nRun all tests for Visual comparisons with:\n\n```\nnpm run vt\n```\n\nUpdate screenshots with:\n\n```\nnpm run vt-update\n```\n\nMore: https://playwright.dev/docs/test-snapshots\n\n### Codegen\n\nTo use codegen:\n\n```\nnpx playwright codegen [PAGE_ADDRESS]\n```\n\nMore: https://playwright.dev/docs/codegen\n\n### Trace Viewer\n\nPlaywright Trace Viewer is a GUI tool that helps exploring recorded Playwright traces after the script ran.\n\nTo use it:\n\n1. run test with trace set to ON - in config : `trace: 'on'`\n1. after test run check where it was created (check `outputDir` in your config file),\n1. run command with proper path to zip file:\n\n    ```\n    npx playwright show-trace trace.zip\n    ```\n\nMore: https://playwright.dev/docs/trace-viewer\n\n### Using custom config\n\nTo use custom config file:\n\n```\nnpx playwright test --config=config/playwright.config.ts\n```\n\n---\n\n# 📞 Contact\n\nFeel free to reach out to us:\n\n- 🌐 **Website**: [jaktestowac.pl](https://jaktestowac.pl)\n- 💼 **LinkedIn**: [jaktestowac.pl](https://www.linkedin.com/company/jaktestowac/)\n- 💬 **Discord**: [Polish Playwright Community](https://discord.gg/mUAqQ7FUaZ)\n- 📧 **Support**: Check our website for contact details\n\n---\n\n# 📚 Learning Resources\n\nWe 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.\n\n## 🇵🇱 Polish Resources\n\n- [JavaScript and TypeScript for Testers](https://jaktestowac.pl/js-ts/) - Comprehensive (13h+) course on JavaScript and TypeScript for testers, with practical examples and exercises\n- [Professional Test Automation with Playwright](https://jaktestowac.pl/playwright/) - Comprehensive (100h+) course on Playwright, test automation, CI/CD and test architecture\n- [Back-end Test Automation](https://jaktestowac.pl/api/) - Comprehensive (45h+) course on Back-end Test Automation with Postman, Mocha, Chai, and Supertest\n- [Free Playwright Resources](https://jaktestowac.pl/darmowy-playwright/) - Comprehensive and Free Polish learning materials\n- [Playwright Basics](https://www.youtube.com/playlist?list=PLfKhn9AcZ-cD2TCB__K7NP5XARaCzZYn7) - YouTube series (Polish)\n- [Playwright Elements](https://www.youtube.com/playlist?list=PLfKhn9AcZ-cAcpd-XN4pKeo-l4YK35FDA) - Advanced concepts (Polish)\n- [Playwright MCP](https://www.youtube.com/playlist?list=PLfKhn9AcZ-cCqD34AG5YRejujaBqCBgl4) - MCP course (Polish)\n- [Discord Community](https://discord.gg/mUAqQ7FUaZ) - First Polish Playwright community!\n- [Playwright Info](https://playwright.info/) - first and only Polish Playwright blog\n\n## 🇬🇧 English Resources\n\n- [VS Code Extensions](https://marketplace.visualstudio.com/publishers/jaktestowac-pl) - Our free Playwright plugins\n- [Playwright Documentation](https://playwright.dev/docs/intro) - Official documentation\n- [Playwright GitHub](https://github.com/microsoft/playwright) - Source code and issues\n\n_PS. For more resources and updates, follow us on our [website](https://jaktestowac.pl) and [GitHub](https://github.com/jaktestowac)._\n\n---\n\n**Happy testing and automation!** 🚀\n\n**jaktestowac.pl Team** ❤️💚\n\n_PS. For more resources and updates, follow us on our [website](https://jaktestowac.pl) and [GitHub](https://github.com/jaktestowac)._\n\n---\n\n_Built with ❤️💚 for the Playwright and test automation community_\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaktestowac%2Fplaywright-sample-visual-testing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaktestowac%2Fplaywright-sample-visual-testing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaktestowac%2Fplaywright-sample-visual-testing/lists"}