POC Accessibility testing tool and end-to-end tests with Playwright.

This boilerplate includes demos to test different testing scenarios with Playwright and an accessibility tool that generates reports for the accessibility bugs and options to copy the bugs.

Example tests:

Accessibility: Tool for accessibility testing with axe-core® for thorough accessibility checks. Axe-core® https://github.com/dequelabs/axe-core is a trademark of Deque Systems, Inc https://www.deque.com/ in the US and other countries. This includes a dashboard, videos with accessibility bugs, and copy bugs (POC).

AI: ZeroStep allows you to create your test with plain text: Fill out the form with realistic values.

API: Test to select a random item from e-commerce and generate pre-conditions or post-conditions with API. Includes fakerJS to generate random data for your tests.

Basic: Basic login test to show the Page object model, test steps descriptions, reuse authenticated state by different users with global setup, and assertions.

Excel: Test to check the export to Excel for a PrimeNG Table with ExcelJS.

Fixture and LambdaTest: Use a fixture to connect your test with Lambdatest to test in different countries and browsers.

Locale and Geo: Emulates another country, for example, de-DE.

Qase: Modern test management tool for manual, automated tests and AI.

Synthetic: Test to monitor your test with PerfAgents and Checkly.

Visual testing & Mock: Mock API for visual testing to get the same data for a dynamic dashboard

Shard: Pipeline to execute your tests in different machines simultaneously with GitHub actions

Required software

• Node js -> v.16 or above
• VS Code
• Playwright Vs Code Extension (Optional)

Setup Playwright

Clone this repo and execute the next commands

Navigate to the folder and install the NPM packages

npm install

Install Playwright browsers and dependencies

npx playwright install

Add .env file with the next values:

BASE_URL='https://www.saucedemo.com'
USER_NAME=valid user in saucedemo
PASSWORD=password for sauce demo
LOCALE=locale to test. Valid values are: 'en-US', 'de-DE', 'es-MX'
EFFIZIENTE_API_URL='https://effizienteauthdemo.azurewebsites.net'
EFFIZIENTE_URL='https://effizientedemo.azurewebsites.net'
EFFIZIENTE_COMPANY='Demo'
EFFIZIENTE_NORMAL_USER='Demo'
EFFIZIENTE_NORMAL_PASSWORD='Demo'
EFFIZIENTE_ADMIN_USER='Admin'
EFFIZIENTE_ADMIN_PASSWORD='Admin'

Run tests

Execute the following command to run your tests:

Run tests

npx playwright test

Run the test with UI mode.

npx playwright test --ui

You can also run it with the Visual Code Extension.

You can see the reporter on the GitHub Pages:

https://apis3445.github.io/Playwright

Video with some explanation

https://youtu.be/0n1F_eMkUqE?si=m6sJGV42GgHnfpcs