Playwright Test API

This project is a simple React application with playwright tests created from the create react app bootstrap project. It is designed to be a testing frontend and test repository for the "Mastering Waits and Timeouts in Playwright" tutorial for CircleCI.

It provides basic user behaviout for a simulated login, fetching products, adding items to carts and also basic navigation.

Prerequisites

• Node.js (v16 or later)

• npm (usually comes with Node.js)

Installation

Clone the repository for this project using the commands below

git clone [email protected]:mwaz/playwright-waits-and-timeouts.git

Navigate to the project directory in your terminal.

cd playwright-waits-and-timeouts;

Install the required dependencies for the application by running:

npm install

Install the required dependencies for the test repository by running:

cd playwright;
npm install

Running the Application To start the application, run the following command from the project's root directory:

npm start

Running Playwright tests To start the API server, run the following command from the project's root directory:

cd playwright;
npm test

Info: The API server is also hosted on Vercel at https://playwright-waits-and-timeouts.vercel.app/, which makes it easier to run the tests on CircleCI.

Details

This repo is built following a tutorial published on CircleCI blog under the CircleCI Guest Writer Program.

• Blog post: Mastering Waits and Timeouts in Playwright
• Author's GitHub profile: Waweru Mwaura

About CircleCI Guest Writer Program

Join a team of freelance writers and write about your favorite technology topics for the CircleCI blog. Read more about the program here.