@abyss-project/commons-front-core 9.4.1 → 9.5.0

package/catalog/specs/expression-search-scroll.spec.ts

@@ -0,0 +1,33 @@
+import { expect, test } from '@playwright/test';
+import { ThemeMode } from '../../src/theme/tokens/primitives';
+import { openCatalogPage } from './catalog-page';
+
+// ExpressionSearch in a narrow field: the underlined character of a syntax error must be inside
+// the visible part of the field when the error appears (jsdom has no layout, so this is checked
+// in a real browser).
+
+const PHONE = { width: 390, height: 844 };
+
+test('the underlined error character is in view in a 390 px field', async ({
+  page,
+}) => {
+  await openCatalogPage(page, 'ExpressionSearch', ThemeMode.Light, PHONE);
+  const mark = page.locator('[data-expression-error]').first();
+  const input = page.getByRole('combobox').nth(1);
+  await expect(mark).toBeAttached();
+
+  const box = async (locator: typeof mark) => {
+    const rect = await locator.evaluate((element) => {
+      const { left, right } = element.getBoundingClientRect();
+      return { left, right };
+    });
+    return rect;
+  };
+  const markBox = await box(mark);
+  const inputBox = await box(input);
+  expect(await input.evaluate((element) => element.scrollLeft)).toBeGreaterThan(
+    0,
+  );
+  expect(markBox.left).toBeGreaterThanOrEqual(inputBox.left - 1);
+  expect(markBox.right).toBeLessThanOrEqual(inputBox.right + 1);
+});

package/catalog/specs/preview-drawer-trail.spec.ts

@@ -0,0 +1,38 @@
+import { expect, test } from '@playwright/test';
+import { ThemeMode } from '../../src/theme/tokens/primitives';
+import { openCatalogPage } from './catalog-page';
+
+// PreviewDrawer: the catalog opens four levels on arrival (request, session, log, release). The
+// trail lists all four on a desktop and folds to « … » and the last two on a phone.
+
+const trailItems = (page: Parameters<typeof openCatalogPage>[0]) =>
+  page
+    .getByRole('navigation', { name: 'Fil des aperçus' })
+    .getByRole('listitem');
+
+test('the trail lists the four levels at 1440 px', async ({ page }) => {
+  await openCatalogPage(page, 'PreviewDrawer', ThemeMode.Light, {
+    width: 1440,
+    height: 900,
+  });
+  await expect(trailItems(page)).toHaveText([
+    'GET /api/invoices',
+    'Session b41d07ce',
+    'Log e7a90b14',
+    'Version 2.14.0',
+  ]);
+});
+
+test('the trail folds to an ellipsis and the last two levels at 390 px', async ({
+  page,
+}) => {
+  await openCatalogPage(page, 'PreviewDrawer', ThemeMode.Light, {
+    width: 390,
+    height: 844,
+  });
+  await expect(trailItems(page)).toHaveText([
+    '…',
+    'Log e7a90b14',
+    'Version 2.14.0',
+  ]);
+});

package/catalog/specs/write-capture-index.ts

@@ -25,6 +25,7 @@ const STATE_LABEL: Record<CaptureState, string> = {
   'list-open': ', liste ouverte',
   'calendar-open': ', calendrier ouvert',
   'panel-open': ', panneau ouvert',
+  'menu-open': ', menu ouvert',
 };
 
 const describe = (capture: Capture): string =>