@m4l/testing 1.0.2-beta-feat-sidebar-minimal-navigation-20261105.0 → 1.1.0

package/README.md

@@ -10,6 +10,15 @@ Private workspace-only libraries remain under `libs/*`; use their own convention
 
 ## Build, release and adoption
 
+`createHostToolsFixture` includes empty `getCookie(containerId, cookieId)` and
+`setCookie(containerId, cookieId, value)` methods, with optional overrides for
+cookie-specific tests. These neutral fixture types avoid importing core at
+runtime. The empty getter always returns a Promise resolving undefined; overrides
+must preserve the async host contract. Production host cookie tests should
+cover demand-only reads, shared pending requests, cached absence, synchronous memory updates,
+independent background writes, empty unauthenticated operations, and session
+invalidation rather than assuming these defaults implement persistence.
+
 - `NX_NO_CLOUD=true NX_CLOUD_DISTRIBUTED_EXECUTION=false yarn nx run @m4l/testing:typecheck`
 - `NX_NO_CLOUD=true NX_CLOUD_DISTRIBUTED_EXECUTION=false yarn nx run @m4l/testing:test`
 - `NX_NO_CLOUD=true NX_CLOUD_DISTRIBUTED_EXECUTION=false yarn nx run @m4l/testing:test-coverage`
@@ -172,22 +181,11 @@ guide and update it alongside the helper docs.
   gate and let the shared helper re-attempt the sidebar click once if that
   gate never materializes.
 - `openHostSidebarModule(...)`
-  Opens one host-shell sidebar module by its native button's accessible name inside
-  the navigation landmark and expands the sidebar when needed. Favorites precede
-  the tree, so the last matching destination is the original tree entry even when
-  a saved shortcut exists. Desktop and mobile share this locator; neither relies
-  on the legacy `menuitem` role or unscoped visible text.
+  Opens one host-shell sidebar module by visible title and expands the sidebar first when the menu item is not yet visible. The helper retries with a non-exact accessible-name match when icon text or other leading accessible content makes the exact `menuitem` name longer than the visible label alone.
   It can also accept one caller-owned `waitForModuleOpen(...)` gate plus a
   small `maxClickAttempts` budget so host-owned window emergence is verified
   immediately after the sidebar click instead of being deferred to a later
   app-specific ready wait.
-- `openHostMobileSidebarModule(...)`
-  Opens the app-bar navigation drawer and selects the same tree destination button
-  used on desktop.
-- `getListDetailAccordionRegions(...)` / `getListDetailFieldLabels(...)`
-  Count open regions and collect field labels only inside shared Accordion
-  containers with headings. Other page regions, including sidebar navigation and
-  favorites, must not affect detail completeness or collapse/expand assertions.
 - `installMicrofrontendRenderStub(...)`
   Installs a deterministic browser-side `render_v2_*` / `unmount_*` MF contract stub that matches the current host runtime shape used by `MFLoader`, so host-shell E2E suites can validate MF opening behavior without downloading a real remote bundle. The stub records render calls immediately, then waits on a deadline for the host-created container before mounting the visible DOM so CI does not depend on one exact animation-frame budget.
 - MF-owned authenticated preview helper files should keep window lookup logic

package/chunks/{reactLeaflet-Cffkauof.js → reactLeaflet-DvbdKAVA.js}

@@ -1,7 +1,7 @@
 import { isDeepStrictEqual as g, inspect as $ } from "node:util";
 import { jsx as u, jsxs as q } from "react/jsx-runtime";
 import { vi as t } from "vitest";
-import { q as Q, l as x, r as B, w as ee, v as te, u as re } from "./userPreferences-BmOgRaIX.js";
+import { q as Q, l as x, r as B, w as ee, v as te, u as re } from "./userPreferences-CoM3U5-X.js";
 import "date-fns";
 import "history";
 import y from "react";

package/chunks/{userPreferences-BmOgRaIX.js → userPreferences-CoM3U5-X.js}

@@ -1,29 +1,29 @@
-import { createMemoryHistory as k } from "history";
+import { createMemoryHistory as S } from "history";
 import { format as I } from "date-fns";
 const z = "testing", P = "label_for_module_name", X = {
   data: { module_name: P, label1: "testGetLabel1" },
   comp1: { key1: "testcomp1label" }
-}, Z = ["priv1"], N = {
+}, Z = ["priv1"], C = {
   data: { priv1: !0 }
-}, R = {
+}, N = {
   data: {
     name: "a",
     company_logo_small_url: "b",
     company_logo_normal_url: "c"
   }
-}, T = {
+}, R = {
   id: 1,
   currency: "$",
   currency_decimal_digits: 0,
   decimal_symbol: ".",
   thousands_symbol: ","
-}, w = {
+}, T = {
   id: 2,
   currency: "USD",
   currency_decimal_digits: 2,
   decimal_symbol: ",",
   thousands_symbol: "."
-}, f = {
+}, g = {
   decimalSymbol: ".",
   thousandsSymbol: ",",
   dateFormat: "yyyy-MM-dd",
@@ -151,7 +151,7 @@ const z = "testing", P = "label_for_module_name", X = {
   thousands_symbol: ",",
   currency: "USD",
   currency_decimal_digits: 2
-}, C = {
+}, w = {
   data: { a: 1, b: "testing" }
 }, O = {
   method: "GET",
@@ -213,24 +213,27 @@ function q(e = {}) {
     ...e
   };
 }
-function d(e) {
+function _(e) {
   return () => e;
 }
 function V() {
-  const e = d(0);
-  return e.info = d(1), e.success = d(2), e.warning = d(3), e.error = d(4), e;
+  const e = _(0);
+  return e.info = _(1), e.success = _(2), e.warning = _(3), e.error = _(4), e;
 }
-const _ = () => {
+const l = () => {
 };
 function G(e = {}) {
   return {
-    history: k(),
+    history: S(),
     toast: V(),
-    startProgress: _,
-    stopProgress: _,
-    events_add_listener: _,
-    events_remove_listener: _,
-    events_emit: _,
+    startProgress: l,
+    stopProgress: l,
+    events_add_listener: l,
+    events_remove_listener: l,
+    events_emit: l,
+    getCookie: async () => {
+    },
+    setCookie: l,
     ...e
   };
 }
@@ -242,49 +245,49 @@ function b(e, t) {
   };
 }
 function y(e, t) {
-  const o = e.startsWith("-") ? "-" : "", a = o === "-" ? e.slice(1) : e;
-  return `${o}${a.replace(/\B(?=(\d{3})+(?!\d))/g, t)}`;
+  const s = e.startsWith("-") ? "-" : "", a = s === "-" ? e.slice(1) : e;
+  return `${s}${a.replace(/\B(?=(\d{3})+(?!\d))/g, t)}`;
 }
 function B(e, t) {
   const {
-    fallbackValue: o,
+    fallbackValue: s,
     formatValue: a,
-    fractionDigits: s,
+    fractionDigits: o,
     value: i
   } = t;
   if (typeof i != "number" || !Number.isFinite(i))
-    return o;
+    return s;
   if (a)
     return a(i);
-  if (typeof s == "number" && Number.isInteger(s) && s >= 0) {
-    const [m, c = ""] = i.toFixed(s).split("."), u = y(
+  if (typeof o == "number" && Number.isInteger(o) && o >= 0) {
+    const [m, c = ""] = i.toFixed(o).split("."), u = y(
       m,
       e.thousandsSymbol
     );
     return c === "" ? u : `${u}${e.decimalSymbol}${c}`;
   }
-  const [g, r] = String(i).split("."), p = y(
-    g,
+  const [f, r] = String(i).split("."), p = y(
+    f,
     e.thousandsSymbol
   );
   return r === void 0 ? p : `${p}${e.decimalSymbol}${r}`;
 }
 function h(e, t) {
-  const o = typeof t.propertyId == "string" ? t.propertyId.trim() : "", a = typeof t.baseMagnitudeId == "string" ? t.baseMagnitudeId.trim() : "";
-  if (o !== "") {
-    const s = e.properties.find(
-      (i) => i.id === o
+  const s = typeof t.propertyId == "string" ? t.propertyId.trim() : "", a = typeof t.baseMagnitudeId == "string" ? t.baseMagnitudeId.trim() : "";
+  if (s !== "") {
+    const o = e.properties.find(
+      (i) => i.id === s
     );
-    if (s)
-      return s;
+    if (o)
+      return o;
   }
   if (a !== "")
     return e.properties.find(
-      (s) => s.baseMagnitudeId === a
+      (o) => o.baseMagnitudeId === a
     );
 }
 function F(e = {}) {
-  const t = f.properties[0];
+  const t = g.properties[0];
   return {
     ...t,
     ...e,
@@ -304,10 +307,10 @@ function F(e = {}) {
 }
 function Q(e = {}) {
   let t = x(e);
-  const o = (r) => {
+  const s = (r) => {
     t = x(r);
-  }, a = (r) => h(t, r), s = (r) => B(t, r), g = {
-    changeUserPreferences: o,
+  }, a = (r) => h(t, r), o = (r) => B(t, r), f = {
+    changeUserPreferences: s,
     convertMagnitude: (r) => {
       const {
         baseMagnitudeId: p,
@@ -321,21 +324,21 @@ function Q(e = {}) {
       if (typeof m != "number" || !Number.isFinite(m))
         return b(u, c);
       try {
-        const l = h(
+        const d = h(
           t,
           {
             propertyId: v,
             baseMagnitudeId: p
           }
         );
-        if (!l)
+        if (!d)
           return b(u, c);
-        const S = l.factor.factorX0 + l.factor.factorX1 * m + l.factor.factorX2 * m * m;
+        const k = d.factor.factorX0 + d.factor.factorX1 * m + d.factor.factorX2 * m * m;
         return {
           source: "user-preference",
-          symbol: l.magnitudeUnitUser.symbol,
-          value: s({
-            value: S,
+          symbol: d.magnitudeUnitUser.symbol,
+          value: o({
+            value: k,
             fallbackValue: u,
             fractionDigits: M,
             formatValue: U
@@ -345,10 +348,10 @@ function Q(e = {}) {
         return b(u, c);
       }
     },
-    formatNumber: s,
+    formatNumber: o,
     getMagnitudeProperty: a
   };
-  return Object.defineProperties(g, {
+  return Object.defineProperties(f, {
     decimalSymbol: {
       enumerable: !0,
       get: () => t.decimalSymbol
@@ -389,17 +392,17 @@ function Q(e = {}) {
       enumerable: !0,
       get: () => t.currencyDecimalDigits
     }
-  }), g;
+  }), f;
 }
 function x(e = {}) {
   return {
-    ...f,
+    ...g,
     ...e,
     timeZone: e.timeZone === null ? null : e.timeZone ? {
-      ...f.timeZone,
+      ...g.timeZone,
       ...e.timeZone
-    } : f.timeZone,
-    properties: e.properties ? e.properties.map((t) => F(t)) : f.properties.map((t) => F(t))
+    } : g.timeZone,
+    properties: e.properties ? e.properties.map((t) => F(t)) : g.properties.map((t) => F(t))
   };
 }
 function W(e = {}) {
@@ -418,8 +421,8 @@ function W(e = {}) {
       ...n.magnitudes_system,
       ...e.magnitudes_system
     } : n.magnitudes_system,
-    properties: e.properties ? e.properties.map((t, o) => {
-      const a = n.properties[o] ?? n.properties[0];
+    properties: e.properties ? e.properties.map((t, s) => {
+      const a = n.properties[s] ?? n.properties[0];
       return {
         ...a,
         ...t,
@@ -467,12 +470,12 @@ function W(e = {}) {
 }
 export {
   z as a,
-  N as b,
-  T as c,
-  R as d,
-  w as e,
+  C as b,
+  R as c,
+  N as d,
+  T as e,
   n as f,
-  C as g,
+  w as g,
   D as h,
   A as i,
   E as j,
@@ -486,7 +489,7 @@ export {
   G as r,
   F as s,
   P as t,
-  f as u,
+  g as u,
   Q as v,
   x as w,
   W as x

package/index.js

@@ -3,7 +3,7 @@ import { afterAll as r, afterEach as c, beforeAll as s, beforeEach as M, describ
 import { cleanup as u, fireEvent as m, renderHook as C, screen as f, waitFor as g, within as A } from "@testing-library/react";
 import { default as E } from "@testing-library/user-event";
 import { c as S } from "./chunks/render-CsuV8xqo.js";
-import { D as x, a as L, M as R, f as D, v as _, y as G, s as h, k as b, h as B, u as H, z as I, p as O, l as T, o as w, P as y, G as N, H as W, J as K, I as U, N as V, K as z, L as Y, O as Z, Q as j, R as q, S as J, T as Q, U as X, V as $, W as ee, m as ae, q as oe, j as te, n as re, Y as ce, X as se, Z as Me, i as le, t as ne, r as ie, d as ke, b as pe, c as de, e as ue, g as me, B as Ce, A as fe, C as ge, w as Ae, E as Fe, F as Ee, x as Pe } from "./chunks/reactLeaflet-Cffkauof.js";
+import { D as x, a as L, M as R, f as D, v as _, y as G, s as h, k as b, h as B, u as H, z as I, p as O, l as T, o as w, P as y, G as N, H as W, J as K, I as U, N as V, K as z, L as Y, O as Z, Q as j, R as q, S as J, T as Q, U as X, V as $, W as ee, m as ae, q as oe, j as te, n as re, Y as ce, X as se, Z as Me, i as le, t as ne, r as ie, d as ke, b as pe, c as de, e as ue, g as me, B as Ce, A as fe, C as ge, w as Ae, E as Fe, F as Ee, x as Pe } from "./chunks/reactLeaflet-DvbdKAVA.js";
 export {
   x as DEFAULT_RHF_SUBMIT_REF_GLOBAL_KEY,
   L as M4L_APP_DATAGRID_SEMANTIC_WIDTHS,

package/mocks/index.js

@@ -1,5 +1,5 @@
-import { t as o } from "../chunks/userPreferences-BmOgRaIX.js";
-import { g as l, j as m, l as d, r as f, q as p, o as v, x as P, v as g, w as D, s as U, c as M, e as V, d as b, h as y, k as w, m as C, n as E, p as L, b as R, a as T, i as q, f as A, u as N } from "../chunks/userPreferences-BmOgRaIX.js";
+import { t as o } from "../chunks/userPreferences-CoM3U5-X.js";
+import { g as l, j as m, l as d, r as f, q as p, o as v, x as P, v as g, w as D, s as U, c as M, e as V, d as b, h as y, k as w, m as C, n as E, p as L, b as R, a as T, i as q, f as A, u as N } from "../chunks/userPreferences-CoM3U5-X.js";
 function x({
   fallbackToKey: t = !0,
   getLabel: a,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/testing",
-  "version": "1.0.2-beta-feat-sidebar-minimal-navigation-20261105.0",
+  "version": "1.1.0",
   "description": "Shared M4L testing contracts for React, Vitest and Playwright",
   "license": "UNLICENSED",
   "engines": {

package/playwright/index.js

@@ -1,15 +1,15 @@
 import { expect as T } from "@playwright/test";
-const re = {
+const ie = {
   id: "area_testing_1",
   name: "Workspace 1"
 };
 function K(e = {}) {
   return {
-    ...re,
+    ...ie,
     ...e
   };
 }
-function se(e) {
+function re(e) {
   const { data: t, pagerPage: o = 0, total: a = t.length } = e;
   return {
     data: t,
@@ -33,11 +33,11 @@ function C(e = {}) {
     }
   };
 }
-const ne = "Deterministic authenticated host-preview module dictionary.";
-function ce(e) {
+const se = "Deterministic authenticated host-preview module dictionary.";
+function ne(e) {
   const {
     moduleName: t,
-    moduleDescription: o = ne,
+    moduleDescription: o = se,
     data: a = {},
     sections: i = {}
   } = e;
@@ -50,15 +50,15 @@ function ce(e) {
     sections: i
   });
 }
-const le = "Operations";
-function de(e) {
+const ce = "Operations";
+function le(e) {
   const {
     moduleId: t,
     title: o,
     debugPort: a,
     iconUrl: i,
     dynamicParams: r,
-    sectionTitle: s = le
+    sectionTitle: s = ce
   } = e;
   return [
     {
@@ -93,7 +93,7 @@ const x = {
     dbType: "dt_operative"
   }
 };
-function ue(e = {}) {
+function de(e = {}) {
   return {
     user: {
       ...x.user,
@@ -105,14 +105,14 @@ function ue(e = {}) {
     }
   };
 }
-const pe = {
+const ue = {
   id: "admin",
   container_id: "areas",
   value: JSON.stringify({ selectedAreaId: K().id })
 };
-function me(e = {}) {
+function pe(e = {}) {
   return {
-    ...pe,
+    ...ue,
     ...e
   };
 }
@@ -122,7 +122,7 @@ const N = {
     message: "Unauthorized"
   }
 };
-function ge(e = {}) {
+function me(e = {}) {
   return {
     ...N,
     ...e,
@@ -132,15 +132,15 @@ function ge(e = {}) {
     }
   };
 }
-const ye = {
+const ge = {
   lang: "en",
   region: "US",
   urlIcon: "frontend/commons/assets/icons/langs/lang_en.svg",
   name: "English US"
 };
-function fe(e = {}) {
+function ye(e = {}) {
   return {
-    ...ye,
+    ...ge,
     ...e
   };
 }
@@ -158,7 +158,7 @@ function Ut(e = {}) {
     ...a ? { testCondition: a } : {}
   };
 }
-const be = {
+const fe = {
   privacyPolicyLink: "https://example.test/privacy-policy",
   useTerms: "https://example.test/terms-of-service",
   assetLogoUrl: "testing/assets/company-logo.svg",
@@ -174,7 +174,7 @@ const be = {
 };
 function W(e = {}) {
   return {
-    ...be,
+    ...fe,
     ...e
   };
 }
@@ -208,7 +208,7 @@ const h = {
   currency: "USD",
   currency_decimal_digits: 2
 };
-function we(e = {}) {
+function be(e = {}) {
   const t = e.locale ? { ...h.locale, ...e.locale } : h.locale, o = e.time_zone ? { ...h.time_zone, ...e.time_zone } : h.time_zone, a = e.date_format ? { ...h.date_format, ...e.date_format } : h.date_format, i = e.time_format ? { ...h.time_format, ...e.time_format } : h.time_format;
   return {
     ...h,
@@ -225,13 +225,13 @@ async function xt(e, t, o) {
     contentType: "application/json"
   });
 }
-function he(e) {
+function we(e) {
   return e.getByRole("region", { name: "formContainer" });
 }
 function z(e, t) {
-  return he(e).locator(`[name="${t}"]`);
+  return we(e).locator(`[name="${t}"]`);
 }
-function ve(e) {
+function he(e) {
   return e.getByRole("group", { name: "actionsContainer" });
 }
 function Nt(e, t) {
@@ -241,7 +241,7 @@ function Gt(e) {
   return e.getByRole("dialog");
 }
 function jt(e, t) {
-  return ve(e).getByRole("button", { name: t });
+  return he(e).getByRole("button", { name: t });
 }
 async function $t(e) {
   const { page: t, name: o, endpointPattern: a, search: i } = e, r = z(t, o), s = t.waitForRequest(
@@ -340,7 +340,7 @@ function Q(e, t) {
     `[role="columnheader"]:has([aria-label="header-column-button-${t}"])`
   );
 }
-async function _e(e, t) {
+async function ve(e, t) {
   const o = Q(e, t);
   await o.waitFor({ state: "visible" });
   const a = await o.boundingBox();
@@ -355,9 +355,9 @@ async function ao(e, t, o) {
   if (!r)
     throw new Error(`Column "${t}" has no rendered box to resize.`);
   const s = r.x + r.width - 3, n = r.y + r.height / 2;
-  return await a.mouse.move(s, n), await a.mouse.down(), await a.mouse.move(s + o, n, { steps: 12 }), await a.mouse.up(), _e(e, t);
+  return await a.mouse.move(s, n), await a.mouse.down(), await a.mouse.move(s + o, n, { steps: 12 }), await a.mouse.up(), ve(e, t);
 }
-async function ke(e) {
+async function _e(e) {
   const t = X(e);
   return await t.first().waitFor({ state: "visible" }), (await t.evaluateAll(
     (a) => a.map((i) => i.getAttribute("aria-label") ?? "")
@@ -404,7 +404,7 @@ async function ro(e) {
   await t.waitFor({ state: "visible" });
   const o = [];
   for (; ; ) {
-    for (const i of await ke(e))
+    for (const i of await _e(e))
       o.includes(i) || o.push(i);
     if (await t.evaluate(async (i) => {
       const r = i.scrollLeft, s = r + Math.max(i.clientWidth - 120, 120);
@@ -430,18 +430,17 @@ function no(e) {
 function co(e, t) {
   return e.getByRole("listitem").filter({ hasText: t }).last();
 }
-function Re(e, t) {
+function ke(e, t) {
   return e.getByRole("heading", { name: t });
 }
 async function lo(e, t) {
-  await Re(e, t).click();
+  await ke(e, t).click();
 }
-function Ee(e) {
-  const t = "mouse" in e ? e : e.page();
-  return e.getByRole("contentinfo").filter({ has: t.getByRole("heading") }).getByRole("region");
+function Re(e) {
+  return e.getByRole("region");
 }
 async function uo(e) {
-  const t = Ee(e);
+  const t = Re(e);
   await t.first().waitFor({ state: "visible" });
   const o = t.getByRole("listitem");
   return await o.first().waitFor({ state: "visible" }), (await o.allInnerTexts()).map((a) => a.split(`
@@ -461,7 +460,7 @@ async function G(e, t = 1) {
     await e.press("ArrowDown");
   await e.press("Enter");
 }
-async function Se(e, t) {
+async function Ee(e, t) {
   switch (t.type) {
     case "string":
     case "number": {
@@ -494,9 +493,9 @@ async function Se(e, t) {
     }
   }
 }
-async function Te(e) {
+async function Se(e) {
   const { page: t, scenario: o, endpointPattern: a } = e;
-  await t.getByRole("button", { name: "searchbox" }).first().click(), await t.getByRole("menuitem", { name: o.fieldLabel, exact: !0 }).click(), await Se(t, o);
+  await t.getByRole("button", { name: "searchbox" }).first().click(), await t.getByRole("menuitem", { name: o.fieldLabel, exact: !0 }).click(), await Ee(t, o);
   const i = t.waitForRequest(
     (r) => a.test(r.url()) && /f\[\d+\]\[n\]=/.test(decodeURIComponent(r.url()))
   );
@@ -506,7 +505,7 @@ async function mo(e) {
   const { page: t, scenarios: o, endpointPattern: a } = e;
   let i;
   for (const r of o)
-    i = await Te({
+    i = await Se({
       page: t,
       scenario: r,
       endpointPattern: a
@@ -538,7 +537,7 @@ function ho(e) {
   return [...decodeURIComponent(e.url()).matchAll(/s\[\d+\]\[n\]=([^&]+)/g)].map((o) => o[1]);
 }
 const j = "datagrid-view-";
-async function Ae(e) {
+async function Te(e) {
   const t = e.locator(`[aria-label^="${j}"]`);
   await t.first().waitFor({ state: "attached" });
   const o = await t.first().getAttribute("aria-label"), a = o?.slice(j.length);
@@ -548,8 +547,8 @@ async function Ae(e) {
     );
   return a;
 }
-async function Pe(e, t) {
-  T(await Ae(e)).toBe(t);
+async function Ae(e, t) {
+  T(await Te(e)).toBe(t);
 }
 async function Z(e) {
   await e.getByRole("button", { name: "view-mode" }).click();
@@ -559,18 +558,18 @@ async function vo(e) {
   const t = "keyboard" in e ? e : e.page(), o = [];
   for (const a of ["table", "cards", "list"])
     await t.locator(`[data-testid="toggle-button-${a}"]`).isVisible() && o.push(a);
-  return await Me(e), o;
+  return await Pe(e), o;
 }
-async function Me(e) {
+async function Pe(e) {
   const t = "keyboard" in e ? e : e.page();
   await t.keyboard.press("Escape"), await T(
     t.locator('[data-testid="toggle-button-table"]')
   ).toBeHidden();
 }
 async function _o(e, t) {
-  await Z(e), await ("keyboard" in e ? e : e.page()).locator(`[data-testid="toggle-button-${t}"]`).click(), await Pe(e, t);
+  await Z(e), await ("keyboard" in e ? e : e.page()).locator(`[data-testid="toggle-button-${t}"]`).click(), await Ae(e, t);
 }
-async function De(e) {
+async function Me(e) {
   const t = "keyboard" in e ? e : e.page();
   await e.locator('[data-testid="settings-button"]').click(), await T(
     t.locator('[data-testid="data-grid-settings-intro"]')
@@ -578,7 +577,7 @@ async function De(e) {
 }
 async function ko(e) {
   const t = "keyboard" in e ? e : e.page();
-  await De(e), await t.getByRole("button", { name: "un check all" }).click(), await t.locator('[data-testid="data-grid-settings-intro"]').click(), await T(
+  await Me(e), await t.getByRole("button", { name: "un check all" }).click(), await t.locator('[data-testid="data-grid-settings-intro"]').click(), await T(
     t.locator('[data-testid="data-grid-settings-intro"]')
   ).toBeHidden();
 }
@@ -587,34 +586,36 @@ function Ro(e, t) {
     t === "cards" ? '[data-testid="data-grid-card"]' : '[data-testid="list-row"]'
   );
 }
-const Le = "User avatar";
+const De = "User avatar";
 async function Eo(e) {
   const {
     page: t,
     moduleTitle: o,
-    accountButtonName: a = Le
+    accountButtonName: a = De
   } = e;
   await t.getByRole("button", { name: a }).click();
   const i = t.getByRole("menuitem", { name: o, exact: !0 });
   await T(i).toBeVisible(), await i.click();
 }
-function ee(e, t, o = !0) {
-  return e.getByRole("navigation").getByRole("button", { name: t, exact: o }).last();
-}
-const Oe = "N_D:[appbar.tooltip_toogle_menu]";
+const Le = "N_D:[appbar.tooltip_toogle_menu]";
 async function So(e, t) {
-  await e.getByRole("button", { name: Oe }).click(), await ee(e, t).click();
+  await e.getByRole("button", { name: Le }).click(), await e.getByRole("menuitem", { name: t, exact: !0 }).click();
+}
+const Oe = '[role="anchored-button"]', Ce = 100, $ = 15e3;
+function Ie(e, t, o) {
+  const a = e.getByRole("menuitem", { name: t, exact: o }).first(), i = o ? e.getByRole("menuitem", { name: t }).first() : a, r = e.getByText(t, { exact: o }).first();
+  return o ? [a, i, r] : [a, r];
 }
-const Ce = '[role="anchored-button"]', Ie = 100, $ = 15e3;
 async function V(e, t, o, a) {
-  const i = Date.now(), r = ee(e, t, o);
+  const i = Date.now(), r = Ie(e, t, o);
   for (; Date.now() - i < a; ) {
-    try {
-      if (await r.isVisible())
-        return r;
-    } catch {
-    }
-    await e.waitForTimeout(Ie);
+    for (const s of r)
+      try {
+        if (await s.isVisible())
+          return s;
+      } catch {
+      }
+    await e.waitForTimeout(Ce);
   }
   return null;
 }
@@ -650,7 +651,7 @@ async function He(e) {
     page: t,
     moduleTitle: o,
     exact: a = !0,
-    toggleSelector: i = Ce,
+    toggleSelector: i = Oe,
     waitForModuleOpen: r,
     maxClickAttempts: s = r ? 2 : 1
   } = e, n = performance.now(), l = performance.now(), { moduleMenuItem: p, toggleUsed: y } = await Fe(
@@ -720,7 +721,7 @@ async function xe(e) {
   });
 }
 async function Ne(e) {
-  const { page: t, session: o, status: a = 200, delayMs: i = 0 } = e, r = ue(o);
+  const { page: t, session: o, status: a = 200, delayMs: i = 0 } = e, r = de(o);
   await t.route("**/api/v1/**/auth/login**", async (s) => {
     if (s.request().method() !== "GET") {
       await s.fallback();
@@ -744,7 +745,7 @@ function Ge(e) {
   return !a || !i ? null : { containerId: a, cookieId: i };
 }
 async function je(e) {
-  const { page: t, cookies: o = [me()] } = e, a = new Map(
+  const { page: t, cookies: o = [pe()] } = e, a = new Map(
     o.map((i) => [q(i), { ...i }])
   );
   await t.route("**/api/v1/**/cookies**", async (i) => {
@@ -787,9 +788,9 @@ async function je(e) {
     await i.fallback();
   });
 }
-async function te(e) {
+async function ee(e) {
   const { page: t, locale: o } = e, a = {
-    data: fe(o)
+    data: ye(o)
   };
   await t.route("**/api/v1/**/na/locales", async (i) => {
     if (i.request().method() !== "POST") {
@@ -841,7 +842,7 @@ async function F(e) {
 }
 async function qe(e) {
   const { page: t, userPreferences: o, status: a = 200, delayMs: i = 0 } = e, r = {
-    data: we(o)
+    data: be(o)
   };
   await t.route("**/api/v1/**/users/me/preferences**", async (s) => {
     if (s.request().method() !== "GET") {
@@ -874,7 +875,7 @@ function We(e) {
     e.assetLogoMobileUrl
   ].filter(Boolean);
 }
-async function oe(e) {
+async function te(e) {
   const { page: t, uiConfig: o } = e, a = W(o);
   await Promise.all(
     We(a).map(async (i) => {
@@ -889,7 +890,7 @@ async function oe(e) {
     })
   );
 }
-async function ae(e) {
+async function oe(e) {
   const { page: t, uiConfig: o, status: a = 200, delayMs: i = 0, responseGate: r } = e, s = "**/api/v1/main/na/ui-config/**", n = {
     data: W(o)
   };
@@ -920,17 +921,17 @@ async function ze(e) {
     uiConfigRouteOptions: f,
     userPreferences: m
   } = e;
-  await ae({
+  await oe({
     page: t,
     uiConfig: y,
     ...f
-  }), await oe({
+  }), await te({
     page: t,
     uiConfig: y
   }), await Ne({
     page: t,
     session: p
-  }), await te({
+  }), await ee({
     page: t,
     locale: s
   }), await qe({
@@ -980,7 +981,7 @@ async function Qe(e) {
     hostModuleId: u = Je,
     alarmCount: R,
     menuPosition: A = "sidebar"
-  } = e, c = de({
+  } = e, c = le({
     moduleId: o,
     title: a,
     debugPort: i,
@@ -1142,7 +1143,7 @@ const nt = st({
   property: "__M4L_REALTIME_RUNTIMES__",
   purpose: "Store the shared realtime runtime registry for the current browser session.",
   stability: "internal"
-}), ie = g({
+}), ae = g({
   active: !0,
   cleanup: "none",
   codeRefs: [
@@ -1400,7 +1401,7 @@ const nt = st({
 }), B = [
   nt,
   ct,
-  ie,
+  ae,
   lt,
   dt,
   ut,
@@ -1729,7 +1730,7 @@ const v = "gclick-frontend-diagnostic-policies", _ = [
 Object.fromEntries(
   At.map((e) => [e.key, e])
 );
-const Ao = ie.property;
+const Ao = ae.property;
 function Po(e) {
   return globalThis[e.realtimePerformanceProperty]?.motionMetrics?.motionAuthority ?? null;
 }
@@ -1759,11 +1760,11 @@ async function Co(e) {
     page: t,
     moduleId: o,
     isAuth: !0,
-    moduleDictionary: ce(a)
+    moduleDictionary: ne(a)
   });
 }
 async function Mt(e) {
-  const { page: t, responseBody: o, status: a = 401 } = e, i = ge(o);
+  const { page: t, responseBody: o, status: a = 401 } = e, i = me(o);
   await t.route("**/api/v1/**/auth/login**", async (r) => {
     if (r.request().method() !== "GET") {
       await r.fallback();
@@ -1778,16 +1779,16 @@ async function Mt(e) {
 }
 async function Io(e) {
   const { page: t, moduleId: o, moduleDictionary: a, locale: i, uiConfig: r, uiConfigRouteOptions: s } = e;
-  await ae({
+  await oe({
     page: t,
     uiConfig: r,
     ...s
-  }), await oe({
+  }), await te({
     page: t,
     uiConfig: r
   }), await Mt({
     page: t
-  }), await te({
+  }), await ee({
     page: t,
     locale: i
   }), await F({
@@ -1851,7 +1852,7 @@ async function Bo(e) {
     await n.fulfill({
       status: s,
       contentType: "application/json",
-      body: JSON.stringify(se({ data: a, pagerPage: i, total: r }))
+      body: JSON.stringify(re({ data: a, pagerPage: i, total: r }))
     });
   });
 }
@@ -1936,31 +1937,31 @@ async function xo(e) {
   );
 }
 export {
-  Oe as HOST_MOBILE_NAV_TOGGLE_NAME,
+  Le as HOST_MOBILE_NAV_TOGGLE_NAME,
   yo as LIST_FILTERS_STATE_COOKIE,
   Qt as LIST_HEADER_POPOVER_BASE_ACTIONS,
   fo as LIST_SORTS_STATE_COOKIE,
-  Te as applyListFilterAndCaptureRequest,
+  Se as applyListFilterAndCaptureRequest,
   mo as applyListFiltersAndCaptureRequest,
   wo as applyListSortAndCaptureRequest,
   xt as attachJson,
   to as clickListHeaderPopoverAction,
   oo as closeListHeaderPopover,
-  Me as closeViewModeSwitcherDataGrid,
+  Pe as closeViewModeSwitcherDataGrid,
   K as createHostAreaFixture,
-  de as createHostAuthenticatedMfMenuFixture,
-  ce as createHostAuthenticatedMfModuleDictionaryFixture,
-  ue as createHostAuthenticatedSessionFixture,
-  me as createHostCookieFixture,
-  ge as createHostGuestSessionFixture,
-  fe as createHostLocaleFixture,
+  le as createHostAuthenticatedMfMenuFixture,
+  ne as createHostAuthenticatedMfModuleDictionaryFixture,
+  de as createHostAuthenticatedSessionFixture,
+  pe as createHostCookieFixture,
+  me as createHostGuestSessionFixture,
+  ye as createHostLocaleFixture,
   Ut as createHostMfPreviewDynamicParamsFixture,
   C as createHostModuleDictionaryFixture,
   W as createHostUiConfigFixture,
-  we as createHostUserPreferencesFixture,
-  se as createListResponseFixture,
+  be as createHostUserPreferencesFixture,
+  re as createListResponseFixture,
   zt as doubleClickListRow,
-  Pe as expectViewModeDataGrid,
+  Ae as expectViewModeDataGrid,
   Yt as formatFailedChecks,
   io as getAllColumnAlignmentsViewTableDataGrid,
   ro as getAllColumnKeysViewTableDataGrid,
@@ -1968,20 +1969,20 @@ export {
   vo as getAvailableViewModesDataGrid,
   Xt as getFocusedCellPositionListDataGrid,
   jt as getFormActionButton,
-  ve as getFormActionsContainer,
+  he as getFormActionsContainer,
   Gt as getFormConfirmDialog,
-  he as getFormContainer,
+  we as getFormContainer,
   z as getFormField,
   Vt as getFormSelectOptions,
   Kt as getListCell,
   Q as getListColumnHeader,
   X as getListColumnHeaderButtons,
-  ke as getListColumnKeys,
-  _e as getListColumnWidth,
+  _e as getListColumnKeys,
+  ve as getListColumnWidth,
   k as getListDataGrid,
   J as getListDataRows,
-  Re as getListDetailAccordion,
-  Ee as getListDetailAccordionRegions,
+  ke as getListDetailAccordion,
+  Re as getListDetailAccordionRegions,
   no as getListDetailEmptyState,
   co as getListDetailField,
   uo as getListDetailFieldLabels,
@@ -1992,7 +1993,7 @@ export {
   ho as getListSortFieldNames,
   Ro as getRenderedRecordsDataGrid,
   Nt as getToast,
-  Ae as getViewModeDataGrid,
+  Te as getViewModeDataGrid,
   Mo as hasRealtimeMarkerContexts,
   ko as hideAllColumnsDataGrid,
   Ue as installHostAlarmsCountRoute,
@@ -2004,13 +2005,13 @@ export {
   je as installHostCookiesRoute,
   Io as installHostGuestBootstrapRoutes,
   Mt as installHostGuestSessionRoute,
-  te as installHostLocaleRoute,
+  ee as installHostLocaleRoute,
   Ve as installHostMenusRoute,
   F as installHostModuleDictionaryRoute,
   Fo as installHostPasswordNewRoute,
   Ho as installHostPasswordResetRoute,
-  oe as installHostUiConfigAssetRoutes,
-  ae as installHostUiConfigRoute,
+  te as installHostUiConfigAssetRoutes,
+  oe as installHostUiConfigRoute,
   qe as installHostUserPreferencesRoute,
   Bo as installListEndpointRoute,
   xo as installMicrofrontendRenderStub,
@@ -2018,7 +2019,7 @@ export {
   Lo as isRealtimeDeviceSelected,
   Do as isRealtimeDeviceSelectedOrDebugPanelVisible,
   po as loadListDetailLogsAndCaptureRequest,
-  De as openColumnSettingsDataGrid,
+  Me as openColumnSettingsDataGrid,
   $t as openFormSelectAndCaptureRequest,
   Eo as openHostAccountMenuModule,
   To as openHostAuthenticatedMfPreviewModule,

package/types/packages/testing/mocks/src/types.d.ts

@@ -7,6 +7,8 @@ export type ToasterFixture = TestCallback<number> & {
     warning: TestCallback<number>;
 };
 export interface HostToolsFixture {
+    getCookie: <T = unknown>(containerId: string, cookieId: string) => Promise<T | undefined>;
+    setCookie: (containerId: string, cookieId: string, value: unknown) => void;
     events_add_listener: TestCallback;
     events_emit: TestCallback;
     events_remove_listener: TestCallback;
@@ -16,6 +18,8 @@ export interface HostToolsFixture {
     toast: ToasterFixture;
 }
 export interface HostToolsFixtureOverrides {
+    getCookie?: HostToolsFixture['getCookie'];
+    setCookie?: HostToolsFixture['setCookie'];
     events_add_listener?: TestCallback;
     events_emit?: TestCallback;
     events_remove_listener?: TestCallback;

package/types/packages/testing/playwright/src/helpers/listDetail.d.ts

@@ -29,8 +29,6 @@ export declare function toggleListDetailAccordion(scope: ListDatagridScope, name
  * tree — so the count equals the number of currently-open accordions. Prefer this
  * over a field's visibility for open/close assertions, because MUI clips collapsed
  * content (a field can stay "visible" to Playwright while clipped).
- * Scope to the shared Accordion's contentinfo container with a heading: the host
- * sidebar and favorites also expose regions, but are not record accordions.
  */
 export declare function getListDetailAccordionRegions(scope: ListDatagridScope): Locator;
 /**

package/types/packages/testing/playwright/src/helpers/openHostMobileSidebarModule.d.ts

@@ -8,7 +8,7 @@ import type { Page } from '@playwright/test';
 export declare const HOST_MOBILE_NAV_TOGGLE_NAME = "N_D:[appbar.tooltip_toogle_menu]";
 /**
  * Open a host-shell module on the MOBILE layout: click the appbar hamburger to
- * reveal the nav drawer, then click the module's navigation button. On mobile the host
+ * reveal the nav drawer, then click the module's menu item. On mobile the host
  * replaces the desktop sidebar with this drawer, so the desktop sidebar flow does
  * not apply.
  */

package/vitest/index.js

@@ -1,4 +1,4 @@
-import { D as o, a as t, M as c, f as s, v as r, y as M, s as l, k as n, h as i, u as k, z as p, p as d, l as u, o as m, P as C, G as g, H as F, J as A, I as P, N as S, K as E, L, O as R, Q as f, R as D, S as _, T as v, U as G, V as B, W as I, m as O, q as h, j as x, n as H, Y as T, X as y, Z as N, i as b, t as W, r as w, d as K, b as U, c as V, e as z, g as Y, B as Z, A as j, C as q, w as J, E as Q, F as X, x as $ } from "../chunks/reactLeaflet-Cffkauof.js";
+import { D as o, a as t, M as c, f as s, v as r, y as M, s as l, k as n, h as i, u as k, z as p, p as d, l as u, o as m, P as C, G as g, H as F, J as A, I as P, N as S, K as E, L, O as R, Q as f, R as D, S as _, T as v, U as G, V as B, W as I, m as O, q as h, j as x, n as H, Y as T, X as y, Z as N, i as b, t as W, r as w, d as K, b as U, c as V, e as z, g as Y, B as Z, A as j, C as q, w as J, E as Q, F as X, x as $ } from "../chunks/reactLeaflet-DvbdKAVA.js";
 export {
   o as DEFAULT_RHF_SUBMIT_REF_GLOBAL_KEY,
   t as M4L_APP_DATAGRID_SEMANTIC_WIDTHS,

package/types/packages/testing/playwright/src/helpers/getHostSidebarModuleButton.d.ts

@@ -1,3 +0,0 @@
-import type { Locator, Page } from '@playwright/test';
-/** Resolve a destination's native button in the host disclosure navigation. */
-export declare function getHostSidebarModuleButton(page: Page, moduleTitle: string, exact?: boolean): Locator;