Quality Assurance

Quality Assurance Skill

Test Planning Framework

From Feature File to Test Plan

1. Read the .feature file from docs/features/
2. For each Scenario, create a test case:

   Test Case: [Scenario name]
   Type: e2e | api | unit
   Priority: critical | high | medium | low
   Steps:
     1. [Given → setup step]
     2. [When → action step]
     3. [Then → assertion step]
   Expected: [What should happen]
   

3. Add edge cases not covered by the .feature file
4. Identify which tests need browser vs. API-only

Test Priority Matrix

User Impact	Likelihood	Priority
High	High	Critical - must pass
High	Low	High - test thoroughly
Low	High	Medium - automated
Low	Low	Low - best effort

Playwright Test Patterns

Setup with Video Recording

import { test, expect } from '@playwright/test';

test.describe('Feature: [Name]', () => {
  test.use({
    video: 'on',  // Always record video
    screenshot: 'only-on-failure',
    trace: 'retain-on-failure',
  });

  test('[Scenario name]', async ({ page }) => {
    // Given
    await page.goto('/path');

    // When
    await page.click('[data-testid="button"]');

    // Then
    await expect(page.locator('[data-testid="result"]')).toBeVisible();
  });
});

Common Playwright Assertions

// Visibility
await expect(element).toBeVisible();
await expect(element).toBeHidden();

// Text content
await expect(element).toHaveText('expected');
await expect(element).toContainText('partial');

// Form state
await expect(input).toHaveValue('value');
await expect(checkbox).toBeChecked();
await expect(button).toBeEnabled();

// Navigation
await expect(page).toHaveURL(/pattern/);
await expect(page).toHaveTitle('Title');

// Network
const response = await page.waitForResponse('**/api/endpoint');
expect(response.status()).toBe(200);

Page Object Pattern

class LoginPage {
  constructor(private page: Page) {}

  async login(email: string, password: string) {
    await this.page.fill('[data-testid="email"]', email);
    await this.page.fill('[data-testid="password"]', password);
    await this.page.click('[data-testid="submit"]');
  }

  async expectError(message: string) {
    await expect(this.page.locator('[data-testid="error"]'))
      .toHaveText(message);
  }
}