{"id":14156621,"url":"https://github.com/AutomationPanda/awesome-web-testing-playwright","last_synced_at":"2025-08-06T03:30:53.806Z","repository":{"id":182671088,"uuid":"668887925","full_name":"AutomationPanda/awesome-web-testing-playwright","owner":"AutomationPanda","description":"Awesome Web Testing with Playwright: The Automation Panda's Official Playwright Tutorial!","archived":false,"fork":false,"pushed_at":"2024-01-30T06:54:01.000Z","size":9464,"stargazers_count":170,"open_issues_count":0,"forks_count":32,"subscribers_count":8,"default_branch":"main","last_synced_at":"2024-05-23T01:09:33.486Z","etag":null,"topics":["playwright","test-automation","tutorial","typescript","web-testing"],"latest_commit_sha":null,"homepage":"https://AutomationPanda.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AutomationPanda.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}},"created_at":"2023-07-20T20:42:57.000Z","updated_at":"2024-05-15T16:55:41.000Z","dependencies_parsed_at":"2024-02-28T11:12:07.409Z","dependency_job_id":null,"html_url":"https://github.com/AutomationPanda/awesome-web-testing-playwright","commit_stats":null,"previous_names":["automationpanda/pandy-playwright-playground"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AutomationPanda%2Fawesome-web-testing-playwright","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AutomationPanda%2Fawesome-web-testing-playwright/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AutomationPanda%2Fawesome-web-testing-playwright/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AutomationPanda%2Fawesome-web-testing-playwright/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AutomationPanda","download_url":"https://codeload.github.com/AutomationPanda/awesome-web-testing-playwright/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228835539,"owners_count":17979162,"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","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":["playwright","test-automation","tutorial","typescript","web-testing"],"created_at":"2024-08-17T08:07:23.408Z","updated_at":"2024-12-09T04:30:43.067Z","avatar_url":"https://github.com/AutomationPanda.png","language":"TypeScript","funding_links":[],"categories":["typescript","TypeScript"],"sub_categories":[],"readme":"# Awesome Web Testing with Playwright\n\nThis repository contains the [Automation Panda](https://automationpanda.com/)'s official Playwright tutorial!\n\nIn this tutorial, you will progressively create and build a new test automation project using Playwright in TypeScript.\nThis GitHub repository provides all instructions for the tutorial.\nIt also provides example code for each chapter,\nso you can compare your code to the example if you get stuck.\n\n\n## Prerequisites\n\nYou will need the following tools:\n\n1. A recent version of [Node.js](https://nodejs.org/).\n2. A good editor like [Visual Studio Code](https://code.visualstudio.com/) with the [Playwright extension](https://playwright.dev/docs/getting-started-vscode).\n3. A [GitHub](https://github.com/) account with a [Git](https://git-scm.com/) client.\n\n\n## Tutorial setup\n\nBefore starting this tutorial, create the new project using the following commands:\n\n```\nmkdir awesome-playwright-tests\ncd awesome-playwright-tests\nnpm init playwright@latest\n```\n\nChoose the default options for each prompt.\nChoose YES to install the Playwright browsers.\nThis tutorial was created with Playwright 1.36.1,\nbut later versions of Playwright should be okay to use.\n\nThis tutorial also uses a local web app for testing.\nThis web app is located in a [separate project](https://github.com/filiphric/trelloapp-vue-vite-ts).\nPut this project in a separate directory from `awesome-playwright-tests`.\nClone it from GitHub and install its dependencies using the following commands.\n\n```\ncd ..\ngit clone https://github.com/filiphric/trelloapp-vue-vite-ts.git\ncd trelloapp-vue-vite-ts\nnpm install\n```\n\n*Warning:*\n**Complete these steps *before* taking this tutorial as part of a live session** (like at a conference or a webinar).\nThe Playwright browsers are a few hundred MBs large,\nand you could fall behind if you are stuck waiting for slow downloads over WiFi.\n\n\n## Tutorial instructions\n\nThere are eight chapters in total:\n\n1. Setting modern web testing goals\n2. Exploring Playwright's features\n3. Writing our first test\n4. Refactoring interactions with page objects\n5. Breaking down tests by behaviors\n6. Scaling tests with parallel execution\n7. Running tests with GitHub Actions\n8. Learning and practicing more\n\nChapter-by-chapter tutorial instructions are provided under the `tutorial` folder.\nThis repository also contains a branch for each chapter's example code.\n\n\n## Ready to get started?\n\nGo to [Chapter 1](tutorial/01-testing-goals.md) to start the tutorial!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAutomationPanda%2Fawesome-web-testing-playwright","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAutomationPanda%2Fawesome-web-testing-playwright","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAutomationPanda%2Fawesome-web-testing-playwright/lists"}