Front-End Automation using Playwright

Version

1.0

Introduction

The purpose of this project is to provide a solved fixed challenge to Wizeline Testing Days to perform Front-End testing using Playwright with TypeScript.

Coverage

This project covers the following scenarios and practices:

Automation

1. Login using a standard user credentials.
2. Login using a fake user credentials.
3. Order products by ascending price.
4. Add the two cheaper products to the cart and check that everything is added correctly.
5. Complete a purchase.

Tech Stack

• Playwright
• TypeScript

Project Structure

│   ├── data                # Data provider files.
│   ├── pages               # Page Objects.
│   └── tests               # Front-End Tests are located here.
└── .gitignore
└── README.md
└── package-lock.json
└── package.json
└── playwright.config.ts
└── .env

Pre-requisites

1. Node.js (latest version).
2. VSCode (highly recommended).
3. Playwright Test for VSCode Extension (highly recommended).

Project Setup

1. Clone this repository.
2. Navigate to the project folder using the terminal.
3. Run the npm install command.
4. Create a .env file at root level with the following variables:

USERNAME='standard_user'
PASSWORD='secret_sauce'

Dependencies

• @playwright/test
• dotenv