playwright-reporter-demo/cart.spec.ts at main · checkly/playwright-reporter-demo · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
import { test, expect } from '@playwright/test';

test.describe('Shopping Cart @stateful', () => {
  // Cart is shared DB state — run serially to avoid race conditions
  test.describe.configure({ mode: 'serial' });
  const BASE = process.env.ENVIRONMENT_URL || '';
  test.beforeEach(async ({ request }) => {
    // Clear cart before each test via API
    await request.delete(`${BASE}/api/cart`);
  });

  test('add to cart from catalog card', async ({ page }) => {
    await page.goto(`${BASE}/`);
    await expect(page.getByTestId('record-card').first()).toBeVisible();

    await page.getByTestId('add-to-cart-1').click();

    await expect(page.getByTestId('cart-badge')).toContainText('1');
    await expect(page.getByTestId('toast')).toContainText('Added to cart');
  });

  test('cart drawer opens and shows items', async ({ page, request }) => {
    // Pre-add an item via API
    await request.post(`${BASE}/api/cart`, {
      data: { recordId: 1 },
    });

    await page.goto(`${BASE}/`);

    await page.getByTestId('cart-button').click();

    const drawer = page.getByTestId('cart-drawer');
    await expect(drawer).toBeVisible();

    const items = drawer.getByTestId('cart-item');
    await expect(items).toHaveCount(1);

    await expect(page.getByTestId('cart-total')).toContainText('$');
  });

  test('clear cart empties all items', async ({ page, request }) => {
    await request.post(`${BASE}/api/cart`, { data: { recordId: 1 } });
    await request.post(`${BASE}/api/cart`, { data: { recordId: 2 } });

    await page.goto(`${BASE}/`);

    await page.getByTestId('cart-button').click();
    await expect(page.getByTestId('cart-item').first()).toBeVisible();

    await page.getByTestId('clear-cart-btn').click();

    await expect(page.getByTestId('cart-drawer')).toContainText('empty');
    await expect(page.getByTestId('cart-total')).toContainText('$0.00');
  });

  test('cart badge updates when adding multiple items', async ({ page }) => {
    await page.goto(`${BASE}/`);
    await expect(page.getByTestId('record-card').first()).toBeVisible();

    await page.getByTestId('add-to-cart-1').click();
    await page.waitForTimeout(300);
    await page.getByTestId('add-to-cart-2').click();

    await expect(page.getByTestId('cart-badge')).toContainText('2');
  });

  test('cart close button hides the drawer', async ({ page }) => {
    await page.goto(`${BASE}/`);

    await page.getByTestId('cart-button').click();
    await expect(page.getByTestId('cart-drawer')).toBeVisible();

    await page.getByTestId('cart-close').click();
    await page.waitForTimeout(400);
  });
});