ObsiGate/tests/e2e/xlsx-viewer.spec.js

/**
 * E2E tests — Excel viewer, write guards (ROADMAP #153 P0).
 *
 * Fixture : `test_vault/sample-xlsx-lossy.xlsx` — a plain 2x2 workbook whose
 * sheet XML carries a cached formula result (`<f>B1*2</f><v>200</v>`) and whose
 * package contains `xl/slicers/slicer1.xml`. Both are dropped by an openpyxl
 * round-trip, so the read response must report
 * `xlsx_lossy_features: ["cached_values", "slicers"]` (BUG-085 A1).
 *
 * Covered :
 *  - the warning banner lists both features ;
 *  - saving a cell on that workbook asks for confirmation (native dialog) and
 *    then succeeds (the client retries with `force: true`) ;
 *  - the f(x) toggle is off by default, so "=B1*3" is stored as text.
 *
 * The fixture is restored byte-for-byte in `afterAll` so a local run never
 * dirties the working copy.
 *
 * Run (local) : BASE_URL=http://localhost:2029 npx playwright test tests/e2e/xlsx-viewer.spec.js
 */

import { test, expect } from '@playwright/test';
import { readFileSync, writeFileSync, existsSync } from 'node:fs';
import path from 'node:path';

const BASE = process.env.BASE_URL || 'http://localhost:2029';
const VAULT = 'TestVault';
const FIXTURE = 'sample-xlsx-lossy.xlsx';
// Playwright runs from the repository root (run-e2e-local.* / CI both do).
const FIXTURE_PATH = path.resolve(process.cwd(), 'test_vault', FIXTURE);

let originalBytes = null;

async function login(page) {
  await page.goto(BASE);
  const loginForm = page.locator('#login-screen');
  await expect(loginForm).toBeVisible({ timeout: 5000 }).catch(() => {});
  if (await loginForm.isVisible()) {
    await page.fill('#login-username', process.env.OBSIGATE_USER || 'admin');
    await page.fill('#login-password', process.env.OBSIGATE_PASS || 'test123');
    await page.click('#login-btn');
  }
  await page.waitForFunction(() => window.__OBSIGATE_BOOTED === true, { timeout: 20000 });
}

async function openFixture(page) {
  const treeItem = page.locator(`.tree-item[data-vault="${VAULT}"][data-path="${FIXTURE}"]`);
  if (!(await treeItem.count())) {
    await page.locator(`.tree-item.vault-item[data-vault="${VAULT}"]`).first().click();
    await treeItem.waitFor({ state: 'attached', timeout: 8000 });
  }
  await treeItem.dblclick({ timeout: 5000 });
  await expect(page.locator('#content-area .xlsx-table')).toBeVisible({ timeout: 15000 });
}

test.describe('Excel viewer — garde-fous d\'écriture (#153 P0)', () => {
  test.beforeAll(() => {
    if (existsSync(FIXTURE_PATH)) originalBytes = readFileSync(FIXTURE_PATH);
  });

  test.afterAll(() => {
    if (originalBytes) writeFileSync(FIXTURE_PATH, originalBytes);
  });

  test('affiche la bannière listant les éléments non préservés', async ({ page }) => {
    await login(page);
    await openFixture(page);

    const banner = page.locator('#content-area .xlsx-warning');
    await expect(banner).toBeVisible();
    // 2 features : valeurs calculées + segments (jamais de couleur codée en dur,
    // les libellés viennent bien des locales).
    await expect(banner.locator('.xlsx-warning-tag')).toHaveCount(2);
    await expect(banner).toContainText('segments');
    await expect(banner).toContainText('valeurs calculées');
  });

  test('demande confirmation puis enregistre la cellule', async ({ page }) => {
    await login(page);
    await openFixture(page);

    let dialogMessage = null;
    page.on('dialog', async (dialog) => {
      dialogMessage = dialog.message();
      await dialog.accept();
    });

    const cell = page.locator('#content-area td[data-cell="A2"]');
    await cell.click();
    await cell.fill('Total confirmé');
    await cell.press('Enter');

    const save = page.locator('#xlsx-save-btn');
    await expect(save).toBeEnabled();
    await save.click();

    await expect.poll(() => dialogMessage, { timeout: 10000 }).toContain('segments');
    await expect(page.locator('.toast-success')).toBeVisible({ timeout: 10000 });

    // La cellule reste modifiée côté UI (plus de marque « sale »).
    await expect(page.locator('#content-area td.xlsx-dirty')).toHaveCount(0);
  });

  test('le toggle f(x) est désactivé par défaut (formule stockée en texte)', async ({ page }) => {
    await login(page);
    await openFixture(page);

    const toggle = page.locator('#xlsx-formula-btn');
    await expect(toggle).toHaveAttribute('aria-pressed', 'false');

    // 409 → confirmation, puis reprise avec force (le toggle reste désactivé).
    page.on('dialog', (dialog) => dialog.accept());
    const cell = page.locator('#content-area td[data-cell="B2"]');
    await cell.click();
    await cell.fill('=B1*3');
    await cell.press('Enter');
    await page.locator('#xlsx-save-btn').click();
    await expect(page.locator('.toast-success')).toBeVisible({ timeout: 10000 });
  });
});