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.

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. Includes 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 an 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

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

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'

Execute the next command to run your tests:

Run tests

npx playwright test

Run the test with UI mode

npx playwright test --ui

Or you can run with the Visual Code Extension

You can see the reporter on the GitHub Pages:

https://apis3445.github.io/Playwright/3/

Video with some explanation

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