veza/tests/e2e/26-smoke.spec.ts

import { test, expect } from '@chromatic-com/playwright';
import { loginViaAPI, CONFIG, navigateTo, fillForm } from './helpers';

/**
 * Smoke Tests @smoke @critical
 *
 * Combined from smoke-post-deploy.spec.ts and smoke.spec.ts.
 * Quick checks to verify the application is functional.
 */

test.describe('SMOKE TESTS @smoke @critical', () => {
  test.describe('Post-deploy smoke checks', () => {
    test('homepage loads', async ({ page }) => {
      const response = await page.goto('/', {
        waitUntil: 'domcontentloaded',
        timeout: 15000,
      });
      expect(response?.status()).toBeLessThan(500);
    });

    test('login page loads', async ({ page }) => {
      const response = await page.goto('/login', {
        waitUntil: 'domcontentloaded',
        timeout: 15000,
      });
      expect(response?.status()).toBeLessThan(500);
    });

    test('API health check', async ({ request }) => {
      const baseURL = CONFIG.apiURL;
      const apiUrl = `${baseURL}/api/v1/health`;
      const response = await request.get(apiUrl, { timeout: 10000 });
      expect(response.status()).toBeLessThan(500);
    });
  });

  test.describe('Critical User Flows', () => {
    test.fixme('complete user journey: Login -> Dashboard -> Navigation', async ({
      page,
    }) => {
      // FIXME (v1.0.9 Day 4 e2e triage): the login API succeeds (cf
      // 01-auth "07. Connexion avec identifiants valides" PASSES on the
      // same run), so loginViaAPI gets a 200 + auth cookie. The smoke
      // test then fails on either the post-login URL assertion (line
      // ~52) or the `nav[role="navigation"]` visibility check (line ~54).
      // Likely cause: the sprint 2 design-system migration changed the
      // sidebar/nav DOM structure or routing. Needs UI selector audit.
      test.setTimeout(90000);

      // Step 1: Login
      await loginViaAPI(
        page,
        CONFIG.users.listener.email,
        CONFIG.users.listener.password,
      );

      // Verify user is authenticated — after login, URL should not be /login
      await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 15000 }).catch(() => {});
      expect(page.url()).not.toContain('/login');
      await expect(
        page.locator('nav[role="navigation"], aside[role="navigation"]'),
      ).toBeVisible({ timeout: 10000 });

      const isAuthenticated = await page.evaluate(() => {
        try {
          const authStorage = localStorage.getItem('auth-storage');
          if (authStorage) {
            const parsed = JSON.parse(authStorage);
            return parsed.state?.isAuthenticated === true;
          }
        } catch {
          return false;
        }
        return false;
      });
      expect(isAuthenticated).toBe(true);

      // Step 2: Navigate to playlists
      await navigateTo(page, '/playlists');
      await page.waitForTimeout(1000);

      // Verify page loaded
      const body = page.locator('body');
      const bodyText = (await body.textContent()) || '';
      expect(bodyText.length).toBeGreaterThan(50);
    });

    test.fixme('Login -> Create Playlist (no upload)', async ({ page }) => {
      // FIXME (v1.0.9 Day 4 e2e triage): same root cause as the
      // dashboard-navigation smoke above — login API succeeds but the
      // post-login UI flow doesn't reach the create-playlist button.
      // Unblock by fixing the post-login state propagation OR by
      // updating the selectors to match the sprint 2 layout.
      test.setTimeout(90000);

      await loginViaAPI(
        page,
        CONFIG.users.listener.email,
        CONFIG.users.listener.password,
      );

      await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 15000 }).catch(() => {});
      await page.waitForTimeout(1_000);
      if (page.url().includes('/login')) {
        test.skip(true, 'Login failed — cannot test playlist creation');
        return;
      }

      // Navigate to playlists
      await navigateTo(page, '/playlists');

      // Try to find and click create button — scope to main content to avoid sidebar matches
      const mainContent = page.locator('main').first();
      const mainVisible = await mainContent.isVisible({ timeout: 5_000 }).catch(() => false);
      const searchScope = mainVisible ? mainContent : page;

      const createButton = searchScope
        .locator(
          'button:has-text("Create"), button:has-text("Créer"), button:has-text("Nouvelle"), button:has-text("New")',
        )
        .first();
      const isCreateVisible = await createButton
        .isVisible({ timeout: 10_000 })
        .catch(() => false);

      if (!isCreateVisible) {
        test.skip(true, 'Create button not visible — cannot test playlist creation');
        return;
      }

      await createButton.click({ force: true, timeout: 10_000 });
      await page.waitForTimeout(500);

      // Fill playlist form if modal appeared
      const titleInput = page
        .locator('input[id="title"], input[name="title"]')
        .first();
      const isTitleVisible = await titleInput
        .isVisible({ timeout: 3000 })
        .catch(() => false);

      if (isTitleVisible) {
        await titleInput.fill('Quick Test Playlist');

        // Scope to the dialog to avoid clicking the sidebar button behind the modal overlay
        const dialog = page.locator('[role="dialog"]').first();
        const dialogVisible = await dialog.isVisible({ timeout: 3000 }).catch(() => false);
        const submitScope = dialogVisible ? dialog : page;
        const submitBtn = submitScope
          .locator(
            'button:has-text("Créer"), button:has-text("Create"), button[type="submit"]',
          )
          .first();
        if (await submitBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
          await submitBtn.click();
          await page.waitForTimeout(2000);
        }
      }

      // Verify page is still functional
      const body = page.locator('body');
      await expect(body).toBeVisible();
    });

    test.fixme('Login -> Upload Track (no playlist)', async ({ page }) => {
      // FIXME (v1.0.9 Day 4 e2e triage): same root cause as the other
      // post-login smoke flows — UI selector / state-propagation gap
      // surfaced after the sprint 2 design-system migration.
      test.setTimeout(120000);

      await loginViaAPI(
        page,
        CONFIG.users.listener.email,
        CONFIG.users.listener.password,
      );

      await page.waitForURL((url) => !url.pathname.includes('/login'), { timeout: 15000 }).catch(() => {});
      await page.waitForTimeout(1_000);
      if (page.url().includes('/login')) {
        test.skip(true, 'Login failed — cannot test upload');
        return;
      }

      // Navigate to library
      await navigateTo(page, '/library');

      // Try to find upload button
      const uploadButton = page
        .locator(
          'button:has-text("Upload"), button:has-text("Envoyer"), button:has-text("Importer")',
        )
        .first();
      const isUploadVisible = await uploadButton
        .isVisible({ timeout: 5000 })
        .catch(() => false);

      if (isUploadVisible) {
        await uploadButton.click();
        await page.waitForTimeout(500);

        // Check for file input
        const fileInputLocator = page.locator('input[type="file"][accept*="audio"]');
        const fileInputCount = await fileInputLocator.count();

        expect(fileInputCount).toBeGreaterThan(0);
      }

      // Verify page is still functional
      const body = page.locator('body');
      await expect(body).toBeVisible();
    });
  });
});