@multiplatform.one/backoffice 7.29.0 → 7.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/backoffice",
-  "version": "7.29.0",
+  "version": "7.30.0",
   "description": "Embeddable Frappe desk recreation (backoffice) for the multiplatform.one stack",
   "keywords": [
     "backoffice",
@@ -71,21 +71,21 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/components": "7.29.0",
-    "@multiplatform.one/forms": "7.29.0",
-    "@multiplatform.one/frappe": "7.29.0",
-    "@multiplatform.one/frappe-ui": "7.29.0",
-    "@multiplatform.one/i18n": "7.29.0",
-    "@multiplatform.one/platform": "7.29.0",
-    "@multiplatform.one/store": "7.29.0",
-    "@multiplatform.one/table": "7.29.0",
-    "@multiplatform.one/theme": "7.29.0",
+    "@multiplatform.one/components": "7.30.0",
+    "@multiplatform.one/forms": "7.30.0",
+    "@multiplatform.one/frappe": "7.30.0",
+    "@multiplatform.one/frappe-ui": "7.30.0",
+    "@multiplatform.one/i18n": "7.30.0",
+    "@multiplatform.one/platform": "7.30.0",
+    "@multiplatform.one/store": "7.30.0",
+    "@multiplatform.one/table": "7.30.0",
+    "@multiplatform.one/theme": "7.30.0",
     "@phosphor-icons/react": "^2.1.10",
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.29.0",
-    "@multiplatform.one/test-utils": "7.29.0",
+    "@multiplatform.one/config": "7.30.0",
+    "@multiplatform.one/test-utils": "7.30.0",
     "@tamagui/build": "2.7.6",
     "@testing-library/react": "^16.3.2",
     "@types/react-dom": "^19.2.3",

package/src/chrome/help-dialog-close.spec.tsx

@@ -0,0 +1,54 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, screen } from "@testing-library/react";
+import i18next from "i18next";
+import { initReactI18next } from "react-i18next";
+import { afterEach, beforeAll, describe, expect, it, vi } from "vitest";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n";
+import { en } from "../i18n/en";
+import { HelpAboutDialog } from "./help-about-dialog";
+import { HelpShortcutsDialog } from "./help-shortcuts-dialog";
+
+// A host-registered Telugu bundle: the backoffice ships English only and lets
+// the host's keys win (../i18n/index.ts).
+const te = { help: { close: "మూసివేయి" } };
+
+beforeAll(async () => {
+  await i18next.use(initReactI18next).init({
+    lng: "en",
+    fallbackLng: "en",
+    defaultNS: BACKOFFICE_I18N_NAMESPACE,
+    ns: [BACKOFFICE_I18N_NAMESPACE],
+    interpolation: { escapeValue: false },
+    resources: {
+      en: { [BACKOFFICE_I18N_NAMESPACE]: en },
+      te: { [BACKOFFICE_I18N_NAMESPACE]: te },
+    },
+  });
+});
+
+afterEach(async () => {
+  cleanup();
+  await i18next.changeLanguage("en");
+});
+
+const dialogs = [
+  ["HelpAboutDialog", HelpAboutDialog],
+  ["HelpShortcutsDialog", HelpShortcutsDialog],
+] as const;
+
+describe("help dialogs name Close by its visible text (MPO-476)", () => {
+  for (const [name, HelpDialog] of dialogs) {
+    for (const [lng, label] of [
+      ["en", "Close"],
+      ["te", "మూసివేయి"],
+    ] as const) {
+      it(`${name} in ${lng}`, async () => {
+        await i18next.changeLanguage(lng);
+        renderWithProviders(<HelpDialog open onOpenChange={vi.fn()} />);
+        const close = screen.getByRole("button", { name: label });
+        expect(close.textContent).toBe(label);
+        expect(screen.queryAllByRole("button", { name: "Dialog Close" })).toHaveLength(0);
+      });
+    }
+  }
+});