Localize shared blocker guidance

2026-08-03 07:22:16 +02:00
parent 729b84d3af
commit 70fc6da811
6 changed files with 74 additions and 6 deletions
@@ -0,0 +1,49 @@
+function assert(condition: unknown, message = "assertion failed"): void {
+  if (!condition) throw new Error(message);
+}
+
+import { renderToStaticMarkup } from "react-dom/server";
+import ActionBlockerHint from "../src/components/ActionBlockerHint";
+
+const defaultMarkup = renderToStaticMarkup(
+  <ActionBlockerHint
+    reason={{
+      summary: "Delivery is blocked.",
+      requiredAction: "Resolve the recipient error.",
+      actor: "Campaign editor",
+      target: "Recipients"
+    }}
+  />
+);
+assert(defaultMarkup.includes("Required action"), "the established default labels remain available");
+assert(defaultMarkup.includes("Who can fix it"), "the established actor label remains available");
+assert(defaultMarkup.includes("Where to go"), "the established target label remains available");
+
+const localizedMarkup = renderToStaticMarkup(
+  <ActionBlockerHint
+    tone="danger"
+    labels={{
+      requiredAction: "i18n:required-action",
+      actor: "i18n:actor",
+      target: "i18n:target",
+      technicalDetails: "i18n:technical-details"
+    }}
+    reason={{
+      summary: "i18n:summary",
+      requiredAction: "i18n:action-copy",
+      actor: "i18n:actor-copy",
+      target: "i18n:target-copy",
+      technicalDetails: "i18n:diagnostics"
+    }}
+  />
+);
+for (const token of [
+  "i18n:required-action",
+  "i18n:actor",
+  "i18n:target",
+  "i18n:technical-details",
+  "i18n:diagnostics"
+]) {
+  assert(localizedMarkup.includes(token), `${token} is rendered through the shared blocker contract`);
+}
+assert(localizedMarkup.includes("tone-danger"), "the consequence tone remains explicit");