Authentication và quản lý storage state

// Lưu state sau khi đăng nhập
await context.storageState({ path: 'playwright/.auth/user.json' });

// Tạo context từ state đã lưu
const context = await browser.newContext({
  storageState: 'playwright/.auth/user.json',
});

// playwright.config.ts
projects: [
  // 1. Project "setup" — chạy đăng nhập và lưu state
  { name: 'setup', testMatch: /.*\.setup\.ts/ },

  // 2. Project test phụ thuộc setup, dùng state đã lưu
  {
    name: 'chromium',
    use: {
      ...devices['Desktop Chrome'],
      storageState: 'playwright/.auth/user.json',
    },
    dependencies: ['setup'],   // chạy sau khi setup xong
  },
],

// auth.setup.ts
import { test as setup, expect } from '@playwright/test';

const authFile = 'playwright/.auth/user.json';

setup('đăng nhập', async ({ page }) => {
  await page.goto('/login');
  await page.getByLabel('Email').fill(process.env.TEST_USER!);
  await page.getByLabel('Mật khẩu').fill(process.env.TEST_PASS!);
  await page.getByRole('button', { name: 'Đăng nhập' }).click();

  // Đợi đăng nhập thành công TRƯỚC khi lưu state
  await expect(page.getByRole('heading', { name: 'Dashboard' })).toBeVisible();

  await page.context().storageState({ path: authFile });
});

test('xem trang cá nhân', async ({ page }) => {
  await page.goto('/profile');   // đã đăng nhập sẵn
  await expect(page.getByText(process.env.TEST_USER!)).toBeVisible();
});

setup('đăng nhập qua API', async ({ request }) => {
  const response = await request.post('/api/login', {
    data: { email: process.env.TEST_USER, password: process.env.TEST_PASS },
  });
  expect(response.ok()).toBeTruthy();

  // request context tự giữ cookie → lưu thẳng ra state
  await request.storageState({ path: 'playwright/.auth/user.json' });
});

setup('seed token', async ({ page }) => {
  const { token } = await (await fetch(...)).json();
  await page.addInitScript(t => localStorage.setItem('token', t), token);
  await page.goto('/');
  await page.context().storageState({ path: authFile });
});

// auth.setup.ts — đăng nhập từng vai trò
setup('auth admin',  async ({ page }) => { /* ... */
  await page.context().storageState({ path: 'playwright/.auth/admin.json' });
});
setup('auth editor', async ({ page }) => { /* ... */
  await page.context().storageState({ path: 'playwright/.auth/editor.json' });
});

projects: [
  { name: 'setup', testMatch: /.*\.setup\.ts/ },
  {
    name: 'admin-tests',
    testMatch: /.*\.admin\.spec\.ts/,
    use: { storageState: 'playwright/.auth/admin.json' },
    dependencies: ['setup'],
  },
  {
    name: 'editor-tests',
    testMatch: /.*\.editor\.spec\.ts/,
    use: { storageState: 'playwright/.auth/editor.json' },
    dependencies: ['setup'],
  },
],

test.describe('khu vực admin', () => {
  test.use({ storageState: 'playwright/.auth/admin.json' });
  test('xóa người dùng', async ({ page }) => { /* ... */ });
});

test.describe('luồng đăng nhập', () => {
  test.use({ storageState: { cookies: [], origins: [] } });  // bắt đầu "sạch"

  test('báo lỗi khi sai mật khẩu', async ({ page }) => {
    await page.goto('/login');
    // ... test login từ trạng thái chưa đăng nhập
  });
});