1

npm init playwright@latest

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

const { test, expect } = require('@playwright/test');
const fs = require('fs');

// Test block
test('Valid user login and product purchase', async ({ page }) => {
  // Log file setup
  const logFile = fs.createWriteStream('test_logs.txt', { flags: 'a' });
  const log = (message) => {
    console.log(message);
    logFile.write(`${new Date().toISOString()} - ${message}\n`);
  };

  try {
    log('Starting test: Valid user login and product purchase');

    // 1. Navigate to the Sauce Demo site
    await page.goto('https://www.saucedemo.com/');
    log('Navigated to Sauce Demo site');

    // 2. Login with valid credentials
    await page.fill('#user-name', 'standard_user');
    await page.fill('#password', 'secret_sauce');
    await page.click('#login-button');
    log('Logged in with valid credentials');

    // 3. Verify successful login by checking URL contains 'inventory'
    await expect(page).toHaveURL(/.*inventory/);
    log('Login successful: User on inventory page');

    // 4. Add multiple products to the cart
    await page.click('#add-to-cart-sauce-labs-backpack');
    await page.click('#add-to-cart-sauce-labs-bike-light');
    log('Added two products to the cart');

    // 5. Navigate to the cart page
    await page.click('.shopping_cart_link');
    log('Navigated to the cart page');

    // 6. Verify that two items are in the cart
    const cartItems = await page.locator('.cart_item');
    expect(await cartItems.count()).toBe(2);
    log('Verified that there are two items in the cart');

    // 7. Proceed to checkout
    await page.click('#checkout');
    await page.fill('#first-name', 'John');
    await page.fill('#last-name', 'Doe');
    await page.fill('#postal-code', '12345');
    await page.click('#continue');
    log('Entered checkout information and proceeded');

    // 8. Complete the purchase
    await page.click('#finish');
    await expect(page.locator('.complete-header')).toHaveText('THANK YOU FOR YOUR ORDER');
    log('Purchase completed successfully');

  } catch (error) {
    log(`Error during test execution: ${error}`);
    throw error;
  } finally {
    // Close log file
    logFile.end();
  }
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

test('Invalid login shows error message', async ({ page }) => {
  const logFile = fs.createWriteStream('test_logs.txt', { flags: 'a' });
  const log = (message) => {
    console.log(message);
    logFile.write(`${new Date().toISOString()} - ${message}\n`);
  };

  try {
    log('Starting test: Invalid login shows error message');

    // 1. Navigate to the Sauce Demo site
    await page.goto('https://www.saucedemo.com/');
    log('Navigated to Sauce Demo site');

    // 2. Attempt login with invalid credentials
    await page.fill('#user-name', 'invalid_user');
    await page.fill('#password', 'wrong_password');
    await page.click('#login-button');
    log('Attempted login with invalid credentials');

    // 3. Verify error message appears
    const errorMessage = await page.locator('[data-test="error"]');
    await expect(errorMessage).toBeVisible();
    await expect(errorMessage).toHaveText('Username and password do not match any user in this service');
    log('Error message verified: Invalid credentials');

  } catch (error) {
    log(`Error during test execution: ${error}`);
    throw error;
  } finally {
    logFile.end();
  }
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

test('Sort products by price (low to high)', async ({ page }) => {
  const logFile = fs.createWriteStream('test_logs.txt', { flags: 'a' });
  const log = (message) => {
    console.log(message);
    logFile.write(`${new Date().toISOString()} - ${message}\n`);
  };

  try {
    log('Starting test: Sort products by price (low to high)');

    // 1. Navigate to the Sauce Demo site and log in
    await page.goto('https://www.saucedemo.com/');
    await page.fill('#user-name', 'standard_user');
    await page.fill('#password', 'secret_sauce');
    await page.click('#login-button');
    log('Logged in with valid credentials');

    // 2. Sort products by price (low to high)
    await page.selectOption('.product_sort_container', 'lohi');
    log('Sorted products by price (low to high)');

    // 3. Verify sorting (check first and last product prices)
    const prices = await page.$$eval('.inventory_item_price', elements => elements.map(el => parseFloat(el.textContent.replace('$', ''))));
    log(`Prices fetched: ${prices}`);

    expect(prices).toEqual(prices.slice().sort((a, b) => a - b));
    log('Verified that products are sorted by price (low to high)');

  } catch (error) {
    log(`Error during test execution: ${error}`);
    throw error;
  } finally {
    logFile.end();
  }
});