Playwright Automation Framework Saucedemo

Dependencies used

• Playwright
• Casual
• fs

Tutorial to run the project

Prerequisites

Node.js

1. You need must have Node.js installed (Node.js LTS version recommended)

2. When you are installing Node.js, make sure to check the option

   • Automatically install the necesary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the installation completes.

Browsers

Installed:

• Chrome
• Firefox
• MicrofoftEdge

Visual Studio Code

You must have Visual Studio Code installed

Download and open project

Workaround 1

Download project

1. Click on the code button in this repository
2. Select the Download Zip option
3. Extract the .zip file with the Extract here option
4. Place the project folder on the desired location

Open project

• First way: Right click on the folder and open it with Visual Studio Code
• Second way: Open Visual Studio code and drag the folder in Visual Studio Code Window
• Third way: Open Visual Studio, on top bar, click File and Open Folder or press Ctrl+K Ctrl+O, then choose the folder where you save it

Workaround 2 - Gitbash

1. Select the folder when you would like clone the project
2. Open gitbash and paste the following command

git clone https://github.com/Diegocortes15/playwright-automation-framework-saucedemo.git

Running project

• In Visual Studio Code, open new terminal with Ctrl+Shift+` or Ctrl+Shift+ñ or on top bar click Terminal, then click New Terminal

• Type npm install and wait all packages will be downloaded

npm install

How to Run test cases 🧪

---

Run test cases by regression suite 🌀

npx playwright test -g "@regression"

---

Run test cases by sprints ➰

➰ Sprint 1

npx playwright test -g "@sprint1"

➰ Sprints
➰ @sprint1	➰ @sprint2	➰ @sprint3

---

Run test cases by user story 📗

📗 Story PW-0001

npx playwright test -g "@pw-0001"

📗 Stories
📗 @pw-0001	📗 @pw-0002	📗 @pw-0013
📗 @pw-0015	📗 @pw-0018	📗 @pw-0020

---

Run test cases by test case 📘

📘 Test case PW-0003

npx playwright test -g "@pw-0003"

📘 Test cases
📘 @pw-0003	📘 @pw-0004	📘 @pw-0005
📘 @pw-0006	📘 @pw-0007	📘 @pw-0008
📘 @pw-0009	📘 @pw-0010	📘 @pw-0011
📘 @pw-0012	📘 @pw-0014	📘 @pw-0016
📘 @pw-0017	📘 @pw-0019	📘 @pw-0021
📘 @pw-0022	📘 @pw-0023

---

👀 Run test cases by visual validation 👀

1. Update snapshots

npx playwright test -g "@visual-validation" --update-snapshots

2. Run tests

npx playwright test -g "@visual-validation"

---

🚹 Run test cases by accessibility testing 🚹

npx playwright test -g "@accessibility-testing"

How open Playwright report 🎭

npx playwright show-report