fix: stabilize frontend — 98 TS errors to 0, align API endpoints, optimize bundle
- Fix 98 TypeScript errors across 37 files:
- Service layer double-unwrapping (subscriptionService, distributionService, gearService)
- Self-referencing variables in SearchPageResults
- FeedView/ExploreView .posts→.items alignment
- useQueueSync Zustand subscribe API
- AdminAuditLogsView missing interface fields
- Toast proxy type, interceptor type narrowing
- 22 unused imports/variables removed
- 5 storybook mock data fixes
- Align frontend API calls with backend endpoints:
- Analytics: useAnalyticsView now calls /creator/analytics/dashboard (was /analytics)
- Chat: chatService uses /conversations (was mock data), WS URL from backend token
- Dashboard StatsSection: uses real /dashboard API data (was hardcoded zeros)
- Settings: suppress 2FA toast error when endpoint unavailable
- Fix marketplace products: seed uses 'active' status (was 'published')
- Enrich seed: admin follows all creators (feed has content)
- Optimize bundle: vendor catch-all 793KB→318KB gzip (-60%)
Split into vendor-charts, vendor-emoji, vendor-swagger, vendor-media, etc.
- Clean repo: remove ~100 orphaned screenshots, audit reports, logs from root
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-24 20:18:49 +00:00
|
|
|
import { test, expect } from '@chromatic-com/playwright';
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
import { loginViaAPI, CONFIG, navigateTo } from './helpers';
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// ANALYTICS — Dashboard créateur (/analytics)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('ANALYTICS — Créateur', () => {
|
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('01. Dashboard analytics se charge @critical', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/analytics');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|error|crash/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('02. Graphiques/charts s\'affichent', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/analytics');
|
|
|
|
|
|
|
|
|
|
const charts = page.locator('canvas, svg[class*="chart"], [class*="recharts"], [class*="Chart"]');
|
2026-04-04 11:23:58 +00:00
|
|
|
expect(await charts.count()).toBeGreaterThan(0);
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('03. Période sélectionnable (7j, 30j, 90j, etc.)', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/analytics');
|
|
|
|
|
|
|
|
|
|
const periodSelector = page.getByRole('combobox')
|
|
|
|
|
.or(page.locator('select[name*="period"]'))
|
|
|
|
|
.or(page.locator('[class*="date-range"], [class*="period"]'));
|
|
|
|
|
|
2026-04-04 11:23:58 +00:00
|
|
|
await expect(periodSelector.first()).toBeVisible();
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// SUBSCRIPTIONS — Abonnements (/subscription)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('SUBSCRIPTIONS — Abonnements', () => {
|
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.listener.email, CONFIG.users.listener.password);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('04. Page /subscription se charge @critical', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/subscription');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|error|crash/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('05. Les plans sont affichés', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/subscription');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
2026-04-04 11:23:58 +00:00
|
|
|
expect(body).toMatch(/free/i);
|
|
|
|
|
expect(body).toMatch(/creator/i);
|
|
|
|
|
expect(body).toMatch(/premium/i);
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('06. Prix affichés correctement', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/subscription');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
2026-04-04 11:23:58 +00:00
|
|
|
expect(body).toMatch(/\$\d+\.\d{2}|\d+[,\.]\d{2}\s*€/i);
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// ADMIN — Dashboard administrateur (/admin)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('ADMIN — Dashboard', () => {
|
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.admin.email, CONFIG.users.admin.password);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('07. Dashboard /admin accessible @critical', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/admin');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('08. Modération accessible à /admin/moderation', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/admin/moderation');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('09. Platform admin à /admin/platform', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/admin/platform');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('10. Transfers admin à /admin/transfers', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/admin/transfers');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('11. Roles admin à /admin/roles', async ({ page }) => {
|
|
|
|
|
await navigateTo(page, '/admin/roles');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('12. Admin non accessible pour un user normal', async ({ page }) => {
|
|
|
|
|
test.setTimeout(30_000);
|
|
|
|
|
|
|
|
|
|
await page.goto('/login', { waitUntil: 'domcontentloaded', timeout: 10_000 });
|
|
|
|
|
await page.waitForTimeout(1_000);
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.listener.email, CONFIG.users.listener.password);
|
|
|
|
|
await page.waitForTimeout(3_000);
|
|
|
|
|
|
|
|
|
|
await page.goto('/admin', { timeout: 10_000 }).catch(() => {});
|
|
|
|
|
await page.waitForLoadState('domcontentloaded').catch(() => {});
|
|
|
|
|
await page.waitForTimeout(2_000);
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
const currentUrl = page.url();
|
|
|
|
|
const isRedirected = !currentUrl.includes('/admin');
|
|
|
|
|
const isBlockedByMessage = /403|forbidden|accès.*refusé|unauthorized|not authorized|access denied/i.test(body);
|
|
|
|
|
|
2026-04-04 11:23:58 +00:00
|
|
|
expect(isRedirected || isBlockedByMessage).toBeTruthy();
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// LIVE STREAMING (/live, /live/go-live)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('LIVE — Streaming', () => {
|
|
|
|
|
test('13. Page /live se charge', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.listener.email, CONFIG.users.listener.password);
|
|
|
|
|
await navigateTo(page, '/live');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('14. Page /live/go-live accessible pour créateur', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/live/go-live');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
2026-04-04 11:23:58 +00:00
|
|
|
expect(body).toMatch(/rtmp|stream.*key|clé|go.*live|broadcast/i);
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// CLOUD STORAGE (/cloud)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('CLOUD — Stockage', () => {
|
|
|
|
|
test('15. Page /cloud se charge', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/cloud');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('16. Zone d\'upload de fichiers', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/cloud');
|
|
|
|
|
|
|
|
|
|
const uploadBtn = page.getByRole('button', { name: /upload|importer|ajouter|add/i })
|
|
|
|
|
.or(page.locator('input[type="file"]'));
|
|
|
|
|
|
2026-04-04 11:23:58 +00:00
|
|
|
await expect(uploadBtn.first()).toBeVisible();
|
test: add comprehensive e2e test suite (34 spec files)
New tests/e2e/ suite covering:
- Auth, navigation, player, tracks, playlists
- Search, discover, social, marketplace, chat
- Accessibility, API, workflows, edge cases
- Routes coverage, forms validation, modals
- Empty states, responsive, network errors
- Error boundary, performance, visual regression
- Cross-browser, profile, smoke, upload
- Storybook, deep pages, visual bugs
- Includes fixtures, helpers, global setup/teardown
- Playwright config and coverage map
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 10:36:22 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// EDUCATION — Cours et formations (/education)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('EDUCATION — Cours', () => {
|
|
|
|
|
test('17. Page /education se charge', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.listener.email, CONFIG.users.listener.password);
|
|
|
|
|
await navigateTo(page, '/education');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|error|crash/i);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// GEAR — Gestion d'équipement (/gear)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('GEAR — Équipement', () => {
|
|
|
|
|
test('18. Page /gear se charge', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/gear');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|error|crash/i);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ============================================================================
|
|
|
|
|
// DEVELOPER — API & Webhooks (/developer)
|
|
|
|
|
// ============================================================================
|
|
|
|
|
|
|
|
|
|
test.describe('DEVELOPER — API publique', () => {
|
|
|
|
|
test('19. Page /developer accessible', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/developer');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|Internal Server Error|crash|TypeError/i);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('20. Page /webhooks accessible', async ({ page }) => {
|
|
|
|
|
await loginViaAPI(page, CONFIG.users.creator.email, CONFIG.users.creator.password);
|
|
|
|
|
await navigateTo(page, '/webhooks');
|
|
|
|
|
|
|
|
|
|
const body = await page.textContent('body') || '';
|
|
|
|
|
expect(body).not.toMatch(/500|error|crash/i);
|
|
|
|
|
});
|
|
|
|
|
});
|