lasuite-docs/src/frontend/apps/e2e/__tests__/app-impress/config.spec.ts

import path from 'path';

import { expect, test } from '@playwright/test';

import { CONFIG, createDoc, overrideConfig } from './utils-common';
import { openSuggestionMenu, writeInEditor } from './utils-editor';

test.describe('Config', () => {
  if (process.env.IS_INSTANCE !== 'true') {
    test('it checks that sentry is trying to init from config endpoint', async ({
      page,
    }) => {
      await overrideConfig(page, {
        SENTRY_DSN: 'https://sentry.io/123',
      });

      const invalidMsg = 'Invalid Sentry Dsn: https://sentry.io/123';
      const consoleMessage = page.waitForEvent('console', {
        timeout: 5000,
        predicate: (msg) => msg.text().includes(invalidMsg),
      });

      await page.goto('/');

      expect((await consoleMessage).text()).toContain(invalidMsg);
    });
  }

  test('it checks that media server is configured from config endpoint', async ({
    page,
    browserName,
  }) => {
    await page.goto('/');

    await createDoc(page, 'doc-media', browserName, 1);

    const fileChooserPromise = page.waitForEvent('filechooser');

    await writeInEditor({
      page,
      text: 'Anything',
    });

    await openSuggestionMenu({
      page,
      suggestion: 'Resizable image with caption',
    });

    await page.getByText('Upload image').click();

    const fileChooser = await fileChooserPromise;
    await fileChooser.setFiles(
      path.join(__dirname, 'assets/logo-suite-numerique.png'),
    );

    const image = page
      .locator('.--docs--editor-container img.bn-visual-media')
      .first();

    await expect(image).toBeVisible();

    // Wait for the media-check to be processed

    await page.waitForTimeout(1000);

    // Check src of image
    expect(await image.getAttribute('src')).toMatch(
      new RegExp(`${process.env.MEDIA_BASE_URL}/media/.*?/attachments/.*?.png`),
    );
  });

  test('it checks that collaboration server is configured from config endpoint', async ({
    page,
  }) => {
    await page.goto('/');

    void page
      .getByRole('link', {
        name: 'New',
        exact: true,
      })
      .click();

    const webSocket = await page.waitForEvent('websocket', (webSocket) => {
      return webSocket.url().includes(`${process.env.COLLABORATION_WS_URL}/`);
    });
    expect(webSocket.url()).toContain(`${process.env.COLLABORATION_WS_URL}/`);
  });

  test('it checks FRONTEND_CSS_URL config', async ({ page }) => {
    await overrideConfig(page, {
      FRONTEND_CSS_URL: 'http://localhost:123465/css/style.css',
    });

    await page.goto('/');

    await expect(
      page
        .locator('head link[href="http://localhost:123465/css/style.css"]')
        .first(),
    ).toBeAttached();
  });

  test('it checks FRONTEND_JS_URL config', async ({ page }) => {
    await overrideConfig(page, {
      FRONTEND_JS_URL: 'http://localhost:123465/js/script.js',
    });

    await page.goto('/');

    await expect(
      page
        .locator('script[src="http://localhost:123465/js/script.js"]')
        .first(),
    ).toBeAttached();
  });

  if (process.env.IS_INSTANCE !== 'true') {
    test('it checks the config api is called', async ({ page }) => {
      const responsePromise = page.waitForResponse(
        (response) =>
          response.url().includes('/config/') && response.status() === 200,
      );

      await page.goto('/');

      const response = await responsePromise;
      expect(response.ok()).toBeTruthy();

      const json = (await response.json()) as typeof CONFIG;
      expect(json).toStrictEqual(CONFIG);
    });
  }
});

test.describe('Config: Not logged', () => {
  test.use({ storageState: { cookies: [], origins: [] } });

  test('it checks that theme is configured from config endpoint', async ({
    page,
  }) => {
    await page.goto('/');

    await expect(
      page.getByText('Collaborative writing, Simplified.'),
    ).toHaveCSS('font-family', /Roboto/i, {
      timeout: 10000,
    });

    await overrideConfig(page, {
      FRONTEND_THEME: 'dsfr',
    });

    await page.goto('/');

    await expect(
      page.getByText('Collaborative writing, Simplified.'),
    ).toHaveCSS('font-family', /Marianne/i, {
      timeout: 10000,
    });
  });
});