Initialise playwright course

Author: Gianni Fezza

.gitignore

@@ -0,0 +1,6 @@
+node_modules/
+/test-results/
+/playwright-report/
+/playwright/.cache/
+shopping-store-mac-arm64
+.env

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+    "editor.formatOnType": true,
+    "workbench.preferredDarkColorTheme": "Default Dark+",
+    "workbench.preferredLightColorTheme": "Default Dark+",
+    "window.autoDetectColorScheme": true,
+    "workbench.colorTheme": "Default Dark+",
+    "workbench.colorCustomizations": {
+
+    },
+    "workbench.preferredHighContrastLightColorTheme": "Default Dark+",
+    "workbench.preferredHighContrastColorTheme": "Default Dark+",
+    "workbench.iconTheme": "material-icon-theme"
+}

api-calls/getLoginToken.js

@@ -0,0 +1,13 @@
+import * as nodeFetch from "node-fetch"
+export const getLoginToken = async (username, password) => { 
+    const response = await nodeFetch( process.env.URL, {
+        method: "POST",
+        body: JSON.stringify({"username": username, "password": password})
+    } )
+
+    if ( response.status !== 200 ) { 
+        throw new Error("An error occured trying to retrieve the login token")
+    }
+    const body = await response.json()
+    return body.token
+}

data/deliveryDetails.js

@@ -0,0 +1,8 @@
+export const deliveryDetails = {
+    firstName:  "Mario",
+    lastName:   "Biondi",
+    street:     "Via Venezia 18",
+    postCode:   "75100",
+    city:       "Palermo",
+    country:    "Italy"
+}

data/paymentDetails.js

@@ -0,0 +1,6 @@
+export const paymentDetails = {
+    creditOwner:        'Mario Biondi',
+    creditNumeber:      '1234123412341234',
+    creditValidUntil:   '12/35',
+    creditCVC:          '123'
+}

data/userDetails.js

@@ -0,0 +1,4 @@
+export const userDetails = {
+    username: process.env.ADMIN_USER,
+    password: process.env.ADMIN_PASSWORD,
+}

globalSetup.js

@@ -0,0 +1,4 @@
+import * as dotenv from "dotenv"
+export default () => { 
+    dotenv.config()
+}

package-lock.json

@@ -0,0 +1,22 @@
+{
+  "name": "playwright-course",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "playwright test --headed",
+    "test_without_browser": "playwright test"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@playwright/test": "^1.47.1",
+    "@types/node": "^22.7.3"
+  },
+  "dependencies": {
+    "dotenv": "^16.0.3",
+    "node-fetch": "^2.6.7",
+    "uuid": "^9.0.0"
+  }
+}

package.json

@@ -0,0 +1,27 @@
+import { expect } from "@playwright/test"
+
+export class CheckoutPage{
+    constructor(page){
+        this.page                       = page
+        this.basketCards                = page.locator('[data-qa="basket-card"]')
+        this.basketItemPrices           = page.locator('[data-qa="basket-item-price"]')
+        this.basketItemRemoveButtons    = page.locator('[data-qa="basket-card-remove-item"]')
+        this.continueToCheckoutButton   = page.locator('[data-qa="continue-to-checkout"]')
+    }
+
+    removeCheapsetProduct = async () => {
+        await this.basketCards.first().waitFor()
+        const bascketCardsBeforeRemove  = await this.basketCards.count()
+        await this.basketItemPrices.first().waitFor()
+        const allPriceTexts             = await this.basketItemPrices.allInnerTexts()
+        const cheapsetProduct           = allPriceTexts.map((element) => {return parseInt(element.replace('$', ''),10)})
+        await this.basketItemRemoveButtons.nth(cheapsetProduct.indexOf(Math.min(...cheapsetProduct))).click()
+        await expect(this.basketCards).toHaveCount(bascketCardsBeforeRemove-1)
+    }
+
+    continueToCheckout = async () => {
+        await this.continueToCheckoutButton.waitFor()
+        await this.continueToCheckoutButton.click()
+        await this.page.waitForURL(/\/login/, { timeout: 3000})
+    }
+}