@multiplatform.one/forms 7.88.6 → 7.88.7

package/src/Button/Button.outlinedInkFlip.spec.tsx

@@ -0,0 +1,305 @@
+/**
+ * @vitest-environment jsdom
+ *
+ * FZ-9608: an outlined solid-palette Button (the `accent` prop or
+ * `theme="accent"`) inks its label on the host (MPO-447). That ink was a
+ * literal from the scheme current at render: `useAccentOnSurface()` under the
+ * default textAccent, `hostScoped()` of `$color11` under low and medium. A
+ * flip that moves only the root's t_light/t_dark class, which never
+ * re-renders the Button, left the old scheme's ink on the new page.
+ *
+ * jsdom cascades no Tamagui CSS, so this reads what each node asks for: the
+ * atomic class, the injected rule behind it, a `--mp-host-*` alias on the
+ * ancestor that declares it, and for a `var(--token)` rule the house theme
+ * table of the scope that paints it.
+ */
+
+import { act, cleanup, render, screen } from "@testing-library/react";
+import {
+  createDefaultThemeConfig,
+  createThemesBuilder,
+  defaultAccentTheme,
+  defaultBaseTheme,
+  defaultBuilderOptions,
+  type Knobs,
+  Preset,
+} from "@multiplatform.one/theme";
+import { type ReactElement, type ReactNode, useState } from "react";
+import { TamaguiProvider, YStack } from "tamagui";
+import { afterEach, describe, expect, it } from "vitest";
+import { Button, type ButtonProps } from "./index";
+
+afterEach(cleanup);
+
+const houseConfig = createDefaultThemeConfig();
+const houseThemes = createThemesBuilder(
+  defaultBaseTheme,
+  defaultAccentTheme,
+  defaultBuilderOptions,
+).themes() as Record<string, Record<string, string>>;
+
+const FLIPS = [
+  ["light", "dark"],
+  ["dark", "light"],
+] as const;
+type Scheme = (typeof FLIPS)[number][number];
+
+const VARIANTS: { name: string; props: Partial<ButtonProps> }[] = [
+  { name: 'theme="accent" outlined', props: { theme: "accent", outlined: true } },
+  { name: "accent outlined", props: { accent: true, outlined: true } },
+];
+const TEXT_ACCENTS = ["low", "medium", "high"] as const;
+const STATES = [
+  { name: "enabled", disabled: false },
+  { name: "dimWhole disabled", disabled: true },
+] as const;
+
+function injectedRuleValue(className: string, property: string): string {
+  for (const sheet of Array.from(document.styleSheets)) {
+    for (const rule of Array.from(sheet.cssRules)) {
+      if (!(rule instanceof CSSStyleRule)) continue;
+      if (!rule.selectorText.endsWith(`.${className}`)) continue;
+      const value = rule.style.getPropertyValue(property);
+      if (value) return value.trim();
+    }
+  }
+  throw new Error(`no injected ${property} rule for .${className}`);
+}
+
+function scopeOf(el: Element): string | null {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const names = Array.from(node.classList)
+      .filter((c) => c.startsWith("t_") && c !== "t_sub_theme")
+      .map((c) => c.slice(2))
+      .filter((c) => c !== "light" && c !== "dark");
+    if (names.length) return names.sort((a, b) => b.length - a.length)[0];
+  }
+  return null;
+}
+
+function resolveInScope(value: string, scheme: Scheme, scope: string | null): string {
+  const token = value.match(/^var\(--([\w-]+)\)$/)?.[1];
+  if (!token) return value;
+  const chain: string[] = [];
+  if (scope) {
+    const parts = scope.split("_");
+    for (let i = parts.length; i > 0; i--) chain.push(`${scheme}_${parts.slice(0, i).join("_")}`);
+  }
+  chain.push(scheme);
+  for (const name of chain) {
+    const hit = houseThemes[name]?.[token];
+    if (hit) return hit;
+  }
+  throw new Error(`--${token} resolves in none of ${chain.join(", ")}`);
+}
+
+function declaredOn(el: Element, property: string): HTMLElement | null {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    if (node.style.getPropertyValue(property)) return node;
+  }
+  return null;
+}
+
+/** What `el` paints for one atomic property, or null when it asks for none. */
+function painted(el: Element, prefix: string, property: string, scheme: Scheme): string | null {
+  const cls = Array.from(el.classList).find(
+    (c) => c.startsWith(prefix) && !/^_[a-z]+-0(hover|active|focus|press)/.test(c),
+  );
+  if (!cls) return null;
+  const value = injectedRuleValue(cls, property);
+  const alias = value.match(/^var\((--[\w-]+)\)$/)?.[1];
+  const declarer = alias ? declaredOn(el, alias) : null;
+  return alias && declarer
+    ? resolveInScope(declarer.style.getPropertyValue(alias).trim(), scheme, scopeOf(declarer))
+    : resolveInScope(value, scheme, scopeOf(el));
+}
+
+function schemeOf(el: Element): Scheme | null {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    if (node.classList.contains("t_dark")) return "dark";
+    if (node.classList.contains("t_light")) return "light";
+  }
+  return null;
+}
+
+function paintOf(text: string, scheme: Scheme) {
+  const label = screen.getByText(text);
+  const frame = label.closest("[role=button]") as Element;
+  return {
+    scheme: schemeOf(frame),
+    ink: painted(label, "_col-", "color", scheme),
+    frameInk: painted(frame, "_col-", "color", scheme),
+    fill: painted(frame, "_bg-", "background-color", scheme),
+    border: painted(frame, "_btc-", "border-top-color", scheme),
+  };
+}
+
+let flipScheme: (scheme: Scheme) => void = () => {};
+
+function SchemeRoot({ initial, children }: { initial: Scheme; children: ReactNode }) {
+  const [scheme, setScheme] = useState<Scheme>(initial);
+  flipScheme = setScheme;
+  return (
+    <TamaguiProvider config={houseConfig.tamagui} defaultTheme={scheme} disableInjectCSS>
+      {children}
+    </TamaguiProvider>
+  );
+}
+
+function swapSchemeClass(from: Scheme, to: Scheme) {
+  for (const el of Array.from(document.querySelectorAll(`.t_${from}`))) {
+    el.classList.replace(`t_${from}`, `t_${to}`);
+  }
+}
+
+function onHost(knobs: Partial<Knobs>, button: ReactElement) {
+  return (
+    <Preset overrides={knobs}>
+      <YStack backgroundColor="$background">{button}</YStack>
+    </Preset>
+  );
+}
+
+function expectFlipFollows(from: Scheme, to: Scheme, tree: ReactElement, text: string) {
+  render(<SchemeRoot initial={to}>{tree}</SchemeRoot>);
+  const fresh = paintOf(text, to);
+  cleanup();
+  render(<SchemeRoot initial={from}>{tree}</SchemeRoot>);
+  swapSchemeClass(from, to);
+  try {
+    expect(paintOf(text, to)).toEqual(fresh);
+  } finally {
+    swapSchemeClass(to, from);
+  }
+}
+
+function expectProviderFlipFollows(from: Scheme, to: Scheme, tree: ReactElement, text: string) {
+  render(<SchemeRoot initial={to}>{tree}</SchemeRoot>);
+  const fresh = paintOf(text, to);
+  cleanup();
+  render(<SchemeRoot initial={from}>{tree}</SchemeRoot>);
+  act(() => flipScheme(to));
+  expect(paintOf(text, to)).toEqual(fresh);
+}
+
+describe("FZ-9608 MPO-447: an outlined solid-palette Button's ink follows a scheme flip", () => {
+  for (const [from, to] of FLIPS) {
+    for (const variant of VARIANTS) {
+      for (const textAccent of TEXT_ACCENTS) {
+        for (const state of STATES) {
+          const tree = onHost(
+            { textAccent, disabledStyle: "dimWhole" },
+            <Button {...variant.props} disabled={state.disabled}>
+              Sign in
+            </Button>,
+          );
+          const label = `${from} -> ${to} ${variant.name} textAccent ${textAccent} ${state.name}`;
+
+          it(`${label}: a flip that never re-renders it paints what a fresh ${to} mount paints`, () => {
+            expectFlipFollows(from, to, tree, "Sign in");
+          });
+
+          it(`${label}: a provider flip paints what a fresh ${to} mount paints`, () => {
+            expectProviderFlipFollows(from, to, tree, "Sign in");
+          });
+        }
+      }
+    }
+  }
+});
+
+describe("FZ-9608 MPO-447: the default textAccent inks the label with the host's accentOnSurface", () => {
+  for (const [scheme] of FLIPS) {
+    for (const variant of VARIANTS) {
+      it(`${scheme} ${variant.name}`, () => {
+        render(
+          <SchemeRoot initial={scheme}>
+            {onHost({ textAccent: "high" }, <Button {...variant.props}>Sign in</Button>)}
+          </SchemeRoot>,
+        );
+        const host = houseThemes[scheme]?.accentOnSurface;
+        expect(host).toMatch(/^#|^rgb|^hsl/);
+        const paint = paintOf("Sign in", scheme);
+        expect(paint.ink).toBe(host);
+        expect(paint.frameInk).toBe(host);
+      });
+    }
+  }
+});
+
+const KNOB_SPACE = {
+  fillStyle: ["filled", "outlined"],
+  borderRadius: ["none", "small", "medium", "large", "full"],
+  borderWidth: ["none", "small", "medium", "large"],
+  elevation: ["none", "small", "medium", "large"],
+  textAccent: ["low", "medium", "high"],
+  disabledStyle: ["keepLabel", "dimWhole"],
+} as const;
+
+function knobFuzz(seed: number, count: number): Partial<Knobs>[] {
+  let state = seed;
+  const next = () => {
+    state = (state + 0x6d2b79f5) | 0;
+    let t = Math.imul(state ^ (state >>> 15), 1 | state);
+    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+  };
+  return Array.from(
+    { length: count },
+    () =>
+      Object.fromEntries(
+        Object.entries(KNOB_SPACE).map(([knob, values]) => [
+          knob,
+          values[Math.floor(next() * values.length)],
+        ]),
+      ) as Partial<Knobs>,
+  );
+}
+
+describe('FZ-9608: seeded knob draws of a theme="accent" Button follow a flip with no re-render', () => {
+  for (const knobs of knobFuzz(9608, 3)) {
+    for (const [from, to] of FLIPS) {
+      for (const state of STATES) {
+        it(`${from} -> ${to} ${state.name.split(" ").pop()} ${JSON.stringify(knobs)}`, () => {
+          expectFlipFollows(
+            from,
+            to,
+            onHost(
+              knobs,
+              <Button theme="accent" disabled={state.disabled}>
+                Sign in
+              </Button>,
+            ),
+            "Sign in",
+          );
+        });
+      }
+    }
+  }
+});
+
+describe("FZ-9608: a focused outlined solid-palette Button keeps its node and focus", () => {
+  for (const variant of VARIANTS) {
+    it(`${variant.name}: across a scheme flip and when it turns disabled`, () => {
+      const view = (disabled: boolean) => (
+        <SchemeRoot initial="light">
+          {onHost(
+            { disabledStyle: "dimWhole" },
+            <Button {...variant.props} disabled={disabled}>
+              Go
+            </Button>,
+          )}
+        </SchemeRoot>
+      );
+      const { rerender } = render(view(false));
+      const frame = screen.getByText("Go").closest("[role=button]") as HTMLElement;
+      frame.focus();
+      act(() => flipScheme("dark"));
+      expect(screen.getByText("Go").closest("[role=button]")).toBe(frame);
+      expect(document.activeElement).toBe(frame);
+      rerender(view(true));
+      expect(screen.getByText("Go").closest("[role=button]")).toBe(frame);
+      expect(document.activeElement).toBe(frame);
+    });
+  }
+});

package/src/Button/index.tsx

@@ -881,7 +881,11 @@ export function Button({
   const outlinedOnHost = Boolean(
     onPage && activeThemeName && solidPaletteThemes.has(activeThemeName),
   );
-  const outlinedInk = outlinedOnHost ? hostAccentInk : outlinedIntentInk ? "$color11" : undefined;
+  const outlinedInk = outlinedOnHost
+    ? hostWash({ color: hostAccentInk }).color
+    : outlinedIntentInk
+      ? "$color11"
+      : undefined;
 
   const resolvedRole: ButtonActionRole | undefined =
     actionRole ?? (accent || confirmPlate ? "primary" : undefined);
@@ -1013,7 +1017,7 @@ export function Button({
       {...(nested ? knobProps.label : { fontSize: recipe.fontSize })}
       {...(textColor
         ? outlinedOnHost
-          ? hostScoped({ color: textColor })
+          ? hostWash({ color: textColor })
           : { color: textColor }
         : outlinedInk
           ? { color: outlinedInk }
@@ -1052,7 +1056,7 @@ export function Button({
     plateInk ??
     (textColor
       ? outlinedOnHost
-        ? hostScoped({ color: textColor }).color
+        ? hostWash({ color: textColor }).color
         : textColor
       : outlinedInk) ??
     "$color";
@@ -1461,7 +1465,12 @@ export function Button({
     buttonElement
   );
   const hostWashScope = Object.fromEntries(
-    [disabledState.surfaceKnobProps, disabledState.textKnobProps]
+    [
+      disabledState.surfaceKnobProps,
+      disabledState.textKnobProps,
+      { color: hostAccentInk },
+      { color: textColor },
+    ]
       .flatMap((fragment) => Object.values(fragment))
       .filter((value): value is string => typeof value === "string" && value.startsWith("$"))
       .map((value) => [hostWashVar(value.slice(1)), `var(--${value.slice(1)})`]),

package/types/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"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"}