Files
maternal-app/maternal-web/tests/e2e/tracking.spec.ts
andupetcu d25febf2a2
Some checks failed
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled
Implement Phase 8: Testing & Deployment
Testing Infrastructure:
- Configure Jest with Next.js integration and TypeScript support
- Add React Testing Library with proper setup for Next.js components
- Install and configure Playwright for E2E testing
- Create jest.setup.ts with mocks for Next.js router and browser APIs
- Add CSS module mocking with identity-obj-proxy

Unit Tests:
- Create LoadingFallback component tests covering all 5 variants
- Create tracking API tests for data transformation logic
- Test createActivity, getActivities data structure conversions
- Verify frontend (timestamp/data) to backend (startedAt/metadata) mapping

E2E Tests (Playwright):
- Create comprehensive tracking flow tests
- Test navigation to all tracker pages (feeding, sleep, diaper)
- Test homepage Today's Summary display
- Test AI Assistant and Analytics navigation
- Test feeding, sleep, and diaper tracker UI elements
- Configure multi-browser testing (Chrome, Firefox, Safari, Mobile)

CI/CD Pipeline (GitHub Actions):
- Create automated CI/CD workflow for master/main branches
- Run linting on every push and PR
- Execute unit tests with coverage reporting
- Run E2E tests (Chromium) in CI environment
- Build application and upload artifacts
- Upload test coverage to Codecov
- Upload Playwright test reports as artifacts

Test Scripts:
- npm test: Run Jest unit tests
- npm run test Run tests in watch mode
- npm run test:coverage: Generate coverage report
- npm run test:e2e: Run Playwright E2E tests
- npm run test:e2e:ui: Run E2E tests with UI mode
- npm run test:e2e:headed: Run E2E tests in headed mode

Documentation:
- Create comprehensive testing guide (tests/README.md)
- Document test structure and best practices
- Add troubleshooting section for common issues
- Include useful commands for debugging tests

Coverage Thresholds:
- Branches: 70%
- Functions: 70%
- Lines: 70%
- Statements: 70%

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-01 10:22:53 +03:00

140 lines
4.7 KiB
TypeScript

import { test, expect } from '@playwright/test';
test.describe('Activity Tracking Flow', () => {
test.beforeEach(async ({ page }) => {
// Login before each test
await page.goto('/login');
await page.fill('input[name="email"]', 'andrei@cloudz.ro');
await page.fill('input[name="password"]', 'password');
await page.click('button[type="submit"]');
// Wait for redirect to homepage
await page.waitForURL('/');
});
test('should navigate to feeding tracker', async ({ page }) => {
// Click on feeding quick action
await page.click('text=Feeding');
// Verify we're on the feeding page
await expect(page).toHaveURL('/track/feeding');
await expect(page.locator('text=Track Feeding')).toBeVisible();
});
test('should navigate to sleep tracker', async ({ page }) => {
// Click on sleep quick action
await page.click('text=Sleep');
// Verify we're on the sleep page
await expect(page).toHaveURL('/track/sleep');
await expect(page.locator('text=Track Sleep')).toBeVisible();
});
test('should navigate to diaper tracker', async ({ page }) => {
// Click on diaper quick action
await page.click('text=Diaper');
// Verify we're on the diaper page
await expect(page).toHaveURL('/track/diaper');
await expect(page.locator('text=Track Diaper Change')).toBeVisible();
});
test('should display today summary on homepage', async ({ page }) => {
// Check that Today's Summary section exists
await expect(page.locator('text=Today\'s Summary')).toBeVisible();
// Check that the three metrics are displayed
await expect(page.locator('text=Feedings')).toBeVisible();
await expect(page.locator('text=Sleep')).toBeVisible();
await expect(page.locator('text=Diapers')).toBeVisible();
});
test('should navigate to AI Assistant', async ({ page }) => {
// Click on AI Assistant quick action
await page.click('text=AI Assistant');
// Verify we're on the AI Assistant page
await expect(page).toHaveURL('/ai-assistant');
await expect(page.locator('text=AI Assistant')).toBeVisible();
});
test('should navigate to Analytics', async ({ page }) => {
// Click on Analytics quick action
await page.click('text=Analytics');
// Verify we're on the Analytics page
await expect(page).toHaveURL('/analytics');
});
});
test.describe('Feeding Tracker', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/login');
await page.fill('input[name="email"]', 'andrei@cloudz.ro');
await page.fill('input[name="password"]', 'password');
await page.click('button[type="submit"]');
await page.waitForURL('/');
// Navigate to feeding tracker
await page.goto('/track/feeding');
});
test('should have feeding type options', async ({ page }) => {
// Check that feeding type buttons are visible
await expect(page.locator('text=Bottle')).toBeVisible();
await expect(page.locator('text=Breast')).toBeVisible();
await expect(page.locator('text=Solid')).toBeVisible();
});
test('should have save button', async ({ page }) => {
await expect(page.locator('button:has-text("Save")')).toBeVisible();
});
});
test.describe('Sleep Tracker', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/login');
await page.fill('input[name="email"]', 'andrei@cloudz.ro');
await page.fill('input[name="password"]', 'password');
await page.click('button[type="submit"]');
await page.waitForURL('/');
// Navigate to sleep tracker
await page.goto('/track/sleep');
});
test('should have sleep type options', async ({ page }) => {
// Check that sleep type buttons are visible
await expect(page.locator('text=Nap')).toBeVisible();
await expect(page.locator('text=Night')).toBeVisible();
});
test('should have save button', async ({ page }) => {
await expect(page.locator('button:has-text("Save")')).toBeVisible();
});
});
test.describe('Diaper Tracker', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/login');
await page.fill('input[name="email"]', 'andrei@cloudz.ro');
await page.fill('input[name="password"]', 'password');
await page.click('button[type="submit"]');
await page.waitForURL('/');
// Navigate to diaper tracker
await page.goto('/track/diaper');
});
test('should have diaper type options', async ({ page }) => {
// Check that diaper type buttons are visible
await expect(page.locator('text=Wet')).toBeVisible();
await expect(page.locator('text=Dirty')).toBeVisible();
await expect(page.locator('text=Both')).toBeVisible();
});
test('should have save button', async ({ page }) => {
await expect(page.locator('button:has-text("Save")')).toBeVisible();
});
});