Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/MarcusFelling/Demo.Playwright

This repo is used to demo various testing scenarios with Playwright 🎭, using the official test-runner and scripts authored in TypeScript.
https://github.com/MarcusFelling/Demo.Playwright

browser-automation e2e-testing github-actions playwright testing typescript

Last synced: 2 months ago
JSON representation

This repo is used to demo various testing scenarios with Playwright 🎭, using the official test-runner and scripts authored in TypeScript.

Host: GitHub
URL: https://github.com/MarcusFelling/Demo.Playwright
Owner: MarcusFelling
License: apache-2.0
Created: 2021-11-19T16:14:05.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-09-21T20:20:12.000Z (9 months ago)
Last Synced: 2024-01-25T06:07:56.821Z (5 months ago)
Topics: browser-automation, e2e-testing, github-actions, playwright, testing, typescript
Language: TypeScript
Homepage:
Size: 1.85 MB
Stars: 209
Watchers: 9
Forks: 38
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md

Lists

awesome-playwright - Demo.Playwright - Various testing scenarios with Playwright, using the official test-runner and scripts authored in TypeScript. (Showcases)

README

        # 🎭 demo.playwright

This repo is used to demo various testing scenarios with [Playwright](https://playwright.dev/) 🎭, using the official test-runner and scripts authored in TypeScript.

The [test.yml](../../actions/workflows/test.yml) GitHub Action workflow is used to:

## Run Playwright example tests

**[accessibility](./accessibility/tests/example.spec.ts)** - runs accessibility checks against [https://playwright.dev/docs/accessibility-testing](https://playwright.dev/docs/accessibility-testing)

**[android](./android/tests/example.spec.ts)** - runs a basic test using Android's WebView.

**[basic](./basic)** - basic tests to show interactions, element selectors, assertions, upload files, read a response, mock a response, and page object model (POM).

**[chrome-extension](./chrome-extension/tests/example.spec.ts)** - basic test that gets a handle to the background page of Chrome extension.

**[drag-and-drop](./drag-and-drop/tests/example.spec.ts)** - runs example drag-and-drop test utilizing [https://www.w3schools.com/html/html5_draganddrop.asp](https://www.w3schools.com/html/html5_draganddrop.asp).

**[fixtures](./fixtures/tests)** - runs example tests utilizing [test and worker fixtures](https://playwright.dev/docs/test-fixtures).

**[github-api](./github-api/tests/example.spec.ts)** - uses GitHub API to test creation of a new repo, bug, and feature, then deletion of repo.

**[oauth](./oauth/tests/example.spec.ts)** - runs oauth tests for LinkedIn, Facebook, and Google, to login to .

**[performance](./performance/tests/example.spec.ts)** - web performance tests using resource timing API, DevTools, and lighthouse, run against

[https://fastestwebsite.net](https://fastestwebsite.net/)

**[svgomg](./svgomg/tests/example.spec.ts)** - End-to-end tests for SVGOMG! site, hosted at [https://demo.playwright.dev/svgomg](https://demo.playwright.dev/svgomg)

**[todomvc](./todomvc/tests/example.spec.ts)** - End-to-end tests for ToDoMVC site, hosted at [https://demo.playwright.dev/todomvc](https://demo.playwright.dev/todomvc)

**[visual-comparison](./visual-comparison/tests/example.spec.ts)** - visually compares snapshots with golden screenshots and text content for playwright.dev landing page.

## Publish each HTML report to their respective directory

When the above tests are finished, the results are published to GitHub pages:

* [testresults.marcusfelling.com/accessibility](https://testresults.marcusfelling.com/accessibility)

* [testresults.marcusfelling.com/basic](https://testresults.marcusfelling.com/basic)

* [testresults.marcusfelling.com/chrome-extension](https://testresults.marcusfelling.com/chrome-extension)

* [testresults.marcusfelling.com/drag-and-drop](https://testresults.marcusfelling.com/drag-and-drop)

* [testresults.marcusfelling.com/fixtures](https://testresults.marcusfelling.com/fixtures)

* [testresults.marcusfelling.com/github-api](https://testresults.marcusfelling.com/github-api)

* [testresults.marcusfelling.com/oauth](https://testresults.marcusfelling.com/oauth)

* [testresults.marcusfelling.com/performance](https://testresults.marcusfelling.com/performance)

* [testresults.marcusfelling.com/svgomg](https://testresults.marcusfelling.com/svgomg)

* [testresults.marcusfelling.com/todomvc](https://testresults.marcusfelling.com/todomvc)

* [testresults.marcusfelling.com/visual-comparison](https://testresults.marcusfelling.com/visual-comparison)

## Configuration

The [baseURL](https://playwright.dev/docs/api/class-testoptions#test-options-base-url) value for most tests is set via [.env file](https://github.com/motdotla/dotenv) that you'll find at the root of each folder. Typically this file is gitignored; by including it in this demo repo, it makes running and sharing these tests easier.

## Have a testing scenario you'd like to see included?

Please [open an issue](../../issues/new?assignees=MarcusFelling&labels=testing-scenario-idea&template=testing-scenario-idea-template.md&title=%5BIdea+for+testing+scenario%5D) with details.