49 lines
2.2 KiB
TypeScript
49 lines
2.2 KiB
TypeScript
// tests/e2e/deployment.e2e.test.ts
|
|
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Deployment End-to-End Tests', () => {
|
|
|
|
// This test requires a special setup that runs the application with specific
|
|
// environment variables for the frontend and backend to simulate a real deployment.
|
|
// The test would be executed against the deployed environment.
|
|
|
|
test('should load the application on a custom domain without CORS errors', async ({ page }) => {
|
|
// Step 1: Before running this test, the application must be started
|
|
// with docker-compose, using .env files that point to the custom domains.
|
|
// For example:
|
|
// In frontend/.env: REACT_APP_API_URL=http://backend.unisono.test
|
|
// In backend/.env: CORS_ORIGIN=http://frontend.unisono.test
|
|
// And the local machine must resolve these domains (e.g., via /etc/hosts).
|
|
|
|
const frontendUrl = 'http://frontend.unisono.test:3000'; // Example URL
|
|
|
|
// Step 2: Capture console errors, specifically looking for CORS issues.
|
|
const consoleErrors: string[] = [];
|
|
page.on('console', msg => {
|
|
if (msg.type() === 'error') {
|
|
consoleErrors.push(msg.text());
|
|
}
|
|
});
|
|
|
|
// Step 3: Navigate to the frontend URL.
|
|
await page.goto(frontendUrl);
|
|
|
|
// Step 4: Interact with the page to trigger API calls.
|
|
// In this case, just loading the login page should be enough to
|
|
// confirm the frontend can potentially connect to the backend.
|
|
// We will check for the login page content.
|
|
await expect(page.locator('h1', { hasText: 'Enter Passphrase' })).toBeVisible();
|
|
|
|
// Step 5: Assert that no CORS errors were logged to the console.
|
|
const corsError = consoleErrors.find(error => error.includes('Cross-Origin Resource Sharing') || error.includes('CORS'));
|
|
expect(corsError).toBeUndefined();
|
|
|
|
// Optional: Further interaction to test a real API call after login.
|
|
// This would require a valid passphrase for the test environment.
|
|
// await page.fill('#passphrase', process.env.TEST_AUTH_PASSPHRASE);
|
|
// await page.click('button[type="submit"]');
|
|
// await expect(page.locator('h1', { hasText: 'Create New Session' })).toBeVisible();
|
|
// expect(corsError).toBeUndefined(); // Re-assert after API calls
|
|
});
|
|
});
|