mirror of
https://github.com/ghndrx/k8s-game-2048.git
synced 2026-02-10 06:45:07 +00:00
aeccfa3717
- Add Playwright configuration with multi-browser testing - Create basic functionality tests for game mechanics - Add gameplay tests with keyboard and touch interactions - Implement visual regression testing with screenshots - Add environment-specific tests for dev/staging/prod - Include health endpoint and security header validation - Set up test infrastructure for CI/CD pipeline
76 lines
2.6 KiB
TypeScript
76 lines
2.6 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('2048 Game - Environment Tests', () => {
|
|
test('should display correct environment in development', async ({ page }) => {
|
|
// This test will run when BASE_URL contains 'dev'
|
|
const baseUrl = process.env.BASE_URL || '';
|
|
test.skip(!baseUrl.includes('dev'), 'Development environment test');
|
|
|
|
await page.goto('/');
|
|
|
|
const envElement = page.locator('#environment');
|
|
await expect(envElement).toContainText('Development');
|
|
|
|
const envBadge = page.locator('#env-badge');
|
|
await expect(envBadge).toHaveClass(/development/);
|
|
});
|
|
|
|
test('should display correct environment in staging', async ({ page }) => {
|
|
const baseUrl = process.env.BASE_URL || '';
|
|
test.skip(!baseUrl.includes('staging'), 'Staging environment test');
|
|
|
|
await page.goto('/');
|
|
|
|
const envElement = page.locator('#environment');
|
|
await expect(envElement).toContainText('Staging');
|
|
|
|
const envBadge = page.locator('#env-badge');
|
|
await expect(envBadge).toHaveClass(/staging/);
|
|
});
|
|
|
|
test('should display correct environment in production', async ({ page }) => {
|
|
const baseUrl = process.env.BASE_URL || '';
|
|
test.skip(baseUrl.includes('dev') || baseUrl.includes('staging'), 'Production environment test');
|
|
|
|
await page.goto('/');
|
|
|
|
const envElement = page.locator('#environment');
|
|
await expect(envElement).toContainText('Production');
|
|
|
|
const envBadge = page.locator('#env-badge');
|
|
await expect(envBadge).toHaveClass(/production/);
|
|
});
|
|
|
|
test('should have working health endpoint', async ({ request }) => {
|
|
const response = await request.get('/health');
|
|
expect(response.status()).toBe(200);
|
|
|
|
const text = await response.text();
|
|
expect(text).toContain('healthy');
|
|
});
|
|
|
|
test('should load all assets successfully', async ({ page }) => {
|
|
const responses: any[] = [];
|
|
|
|
page.on('response', response => {
|
|
responses.push(response);
|
|
});
|
|
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
// Check that all resources loaded successfully
|
|
const failedResponses = responses.filter(response => response.status() >= 400);
|
|
expect(failedResponses.length).toBe(0);
|
|
});
|
|
|
|
test('should have correct security headers', async ({ request }) => {
|
|
const response = await request.get('/');
|
|
|
|
// Check for basic security headers
|
|
expect(response.headers()['x-frame-options']).toBeDefined();
|
|
expect(response.headers()['x-content-type-options']).toBeDefined();
|
|
expect(response.headers()['x-xss-protection']).toBeDefined();
|
|
});
|
|
});
|