@exponential_app/eui 0.0.0-stage → 0.2.0

package/fixtures/interactions-round1.json

@@ -0,0 +1,1058 @@
+{
+  "$comment": "Round 1 review (renderer hardening): interaction semantics every renderer must share, HAND-AUTHORED and replayed by packages/exponential-ui-react/src/interactions-fixture.test.tsx (the reference, jsdom) and apps/desktop/crates/eui-core/tests/interactions_fixture.rs (the core, so gpui and the natives through the FFI). numberField: a NumberField bound to /v (value null = /v unseeded), one op (increment / decrement press, commit = type `input` then leave the field, none), then the value at /v and the text the field shows (en-US; `precision` absent = the step's decimals; values round like toFixed, the text like Intl.NumberFormat with that many fraction digits; a stepper on an unset value starts from min when min > 0, else 0; a stepper at its limit is disabled). checks: a Form `f` holding Checkbox `agree` (checked bound to /agreed) with `checks` and a submit Button; submitting gives the failing messages in order (a check WITH a condition fails when it resolves to nothing, null, false or an empty string; 0 passes; a non-string message reads `Invalid value`) and whether `submit` fired. tableSort: an UNBOUND sort of literal rows by one column (`sortRows`: missing values last both ways, two numbers numerically, a number column coerces, a date column by time, booleans as 0/1, the rest by Intl.Collator(locale, {numeric: true, sensitivity: base}); ties keep row order) → the row indexes in display order. choiceTiles (EXP-1280): a ChoiceTiles `c` over options a, b, c (`disabled` = the index of a disabled option) with `value` bound to /v (null = unseeded), the tiles pressed in order (a press on any part of tile i), then /v and every `change` value fired: single picks the pressed value; multiple toggles it in the comma-joined list kept in OPTION order (nothing picked = an empty string); a disabled option does nothing. select (VAPP-146): a plain single Select `s` over the options Any (value \"\"), Open (open) and Done (done) with `value` bound to /v (null = unseeded), the options picked in order (open the trigger, press option i), then /v, the text the trigger shows and every `change` value fired: an empty string is an ordinary option value (never refused, never the error placeholder); an unseeded value reads as \"\", so the trigger shows the option holding \"\"; picking an option writes its value; picking the option that holds the current value fires nothing (the empty one included, an unseeded /v stays unseeded). buttonHold (VAPP-162, docs/round-5-contract.md §9): a Button `b` (label `Hold to talk`, `holdingLabel` `Holding…` unless the case says otherwise) laid out at 120 × 40 px, coordinates relative to its top-left; `props` override the button's (null = unset; the base props are `hold: true`); `steps` = pointerdown/pointermove/pointerup at {x, y}, pointercancel, keydown/keyup {key}, blur; after each step `events` = the events that step fired (in order) and `pressed` / `label` = what the button paints. THE RULE: with `hold: true` a press never fires `press`; pointer down (or Space/Enter key down; key repeat ignored) fires `holdStart` and paints the pressed state + `holdingLabel`; while the hold is active the pointer may wander up to 24 px (the slop) outside the box; release (pointer up anywhere within the slop, or key up of the key that started it) fires `holdEnd`; the pointer leaving the box by more than the slop (the slide away), pointercancel, Escape or losing focus fire `holdCancel`; after a cancel nothing fires until the next down. `disabled` fires nothing; `hold: false` keeps the plain `press` on release over the box.",
+  "numberField": [
+    {
+      "name": "step 0.1 increments without float noise",
+      "props": {
+        "step": 0.1
+      },
+      "value": 0.2,
+      "op": "increment",
+      "expect": {
+        "value": 0.3,
+        "text": "0.3"
+      }
+    },
+    {
+      "name": "step 0.1 decrements without float noise",
+      "props": {
+        "step": 0.1
+      },
+      "value": 0.3,
+      "op": "decrement",
+      "expect": {
+        "value": 0.2,
+        "text": "0.2"
+      }
+    },
+    {
+      "name": "step 0.25 shows two decimals",
+      "props": {
+        "step": 0.25
+      },
+      "value": 1,
+      "op": "increment",
+      "expect": {
+        "value": 1.25,
+        "text": "1.25"
+      }
+    },
+    {
+      "name": "precision 0 shows 2.5 as 3 (half away from zero)",
+      "props": {
+        "precision": 0
+      },
+      "value": 2.5,
+      "op": "none",
+      "expect": {
+        "value": 2.5,
+        "text": "3"
+      }
+    },
+    {
+      "name": "precision 0 steps 1.5 to 3 (toFixed rounds 2.5 up)",
+      "props": {
+        "precision": 0
+      },
+      "value": 1.5,
+      "op": "increment",
+      "expect": {
+        "value": 3,
+        "text": "3"
+      }
+    },
+    {
+      "name": "precision 2 shows 0.125 as 0.13",
+      "props": {
+        "precision": 2
+      },
+      "value": 0.125,
+      "op": "none",
+      "expect": {
+        "value": 0.125,
+        "text": "0.13"
+      }
+    },
+    {
+      "name": "the text rounds the shortest decimal: 1.005 shows 1.01",
+      "props": {
+        "precision": 2
+      },
+      "value": 1.005,
+      "op": "none",
+      "expect": {
+        "value": 1.005,
+        "text": "1.01"
+      }
+    },
+    {
+      "name": "the text groups thousands",
+      "props": {
+        "precision": 1
+      },
+      "value": 1234.55,
+      "op": "none",
+      "expect": {
+        "value": 1234.55,
+        "text": "1,234.6"
+      }
+    },
+    {
+      "name": "an unset value with a negative min steps from 0",
+      "props": {
+        "min": -10
+      },
+      "value": null,
+      "op": "increment",
+      "expect": {
+        "value": 1,
+        "text": "1"
+      }
+    },
+    {
+      "name": "an unset value with a positive min steps from min",
+      "props": {
+        "min": 5
+      },
+      "value": null,
+      "op": "increment",
+      "expect": {
+        "value": 6,
+        "text": "6"
+      }
+    },
+    {
+      "name": "the stepper at max is disabled",
+      "props": {
+        "max": 3
+      },
+      "value": 3,
+      "op": "increment",
+      "expect": {
+        "value": 3,
+        "text": "3"
+      }
+    },
+    {
+      "name": "a commit rounds to the step's decimals",
+      "props": {
+        "step": 0.1
+      },
+      "value": 1,
+      "op": "commit",
+      "input": "0.123",
+      "expect": {
+        "value": 0.1,
+        "text": "0.1"
+      }
+    },
+    {
+      "name": "a commit clamps to max",
+      "props": {
+        "min": 0,
+        "max": 10
+      },
+      "value": 5,
+      "op": "commit",
+      "input": "42",
+      "expect": {
+        "value": 10,
+        "text": "10"
+      }
+    }
+  ],
+  "checks": [
+    {
+      "name": "an unseeded path fails",
+      "data": {},
+      "checks": [
+        {
+          "condition": {
+            "path": "/agreed"
+          },
+          "message": "Required"
+        }
+      ],
+      "failing": [
+        "Required"
+      ],
+      "submitted": false
+    },
+    {
+      "name": "false fails",
+      "data": {
+        "agreed": false
+      },
+      "checks": [
+        {
+          "condition": {
+            "path": "/agreed"
+          },
+          "message": "Required"
+        }
+      ],
+      "failing": [
+        "Required"
+      ],
+      "submitted": false
+    },
+    {
+      "name": "true passes",
+      "data": {
+        "agreed": true
+      },
+      "checks": [
+        {
+          "condition": {
+            "path": "/agreed"
+          },
+          "message": "Required"
+        }
+      ],
+      "failing": [],
+      "submitted": true
+    },
+    {
+      "name": "null fails",
+      "data": {
+        "agreed": true,
+        "n": null
+      },
+      "checks": [
+        {
+          "condition": {
+            "path": "/n"
+          },
+          "message": "Pick one"
+        }
+      ],
+      "failing": [
+        "Pick one"
+      ],
+      "submitted": false
+    },
+    {
+      "name": "zero passes",
+      "data": {
+        "agreed": true,
+        "n": 0
+      },
+      "checks": [
+        {
+          "condition": {
+            "path": "/n"
+          },
+          "message": "Pick one"
+        }
+      ],
+      "failing": [],
+      "submitted": true
+    },
+    {
+      "name": "an empty string fails",
+      "data": {
+        "agreed": true,
+        "s": ""
+      },
+      "checks": [
+        {
+          "condition": {
+            "path": "/s"
+          },
+          "message": "Empty"
+        }
+      ],
+      "failing": [
+        "Empty"
+      ],
+      "submitted": false
+    },
+    {
+      "name": "every failing message in order, a missing message reads Invalid value",
+      "data": {},
+      "checks": [
+        {
+          "condition": {
+            "path": "/agreed"
+          },
+          "message": "Required"
+        },
+        {
+          "condition": false
+        },
+        {
+          "condition": true,
+          "message": "Never"
+        }
+      ],
+      "failing": [
+        "Required",
+        "Invalid value"
+      ],
+      "submitted": false
+    },
+    {
+      "name": "a check without a condition passes",
+      "data": {
+        "agreed": true
+      },
+      "checks": [
+        {
+          "message": "No condition"
+        }
+      ],
+      "failing": [],
+      "submitted": true
+    }
+  ],
+  "tableSort": [
+    {
+      "name": "numbers inside text sort naturally",
+      "column": {
+        "key": "v",
+        "type": "text"
+      },
+      "rows": [
+        {
+          "v": "File 10",
+          "id": "r0"
+        },
+        {
+          "v": "File 2",
+          "id": "r1"
+        },
+        {
+          "v": "file 1",
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        2,
+        1,
+        0
+      ]
+    },
+    {
+      "name": "natural order descending",
+      "column": {
+        "key": "v",
+        "type": "text"
+      },
+      "rows": [
+        {
+          "v": "File 10",
+          "id": "r0"
+        },
+        {
+          "v": "File 2",
+          "id": "r1"
+        },
+        {
+          "v": "file 1",
+          "id": "r2"
+        }
+      ],
+      "direction": "desc",
+      "order": [
+        0,
+        1,
+        2
+      ]
+    },
+    {
+      "name": "case and accents are ignored",
+      "column": {
+        "key": "v"
+      },
+      "rows": [
+        {
+          "v": "Ezra",
+          "id": "r0"
+        },
+        {
+          "v": "émile",
+          "id": "r1"
+        },
+        {
+          "v": "Eve",
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        1,
+        2,
+        0
+      ]
+    },
+    {
+      "name": "a number column coerces numeric strings",
+      "column": {
+        "key": "v",
+        "type": "number"
+      },
+      "rows": [
+        {
+          "v": "9",
+          "id": "r0"
+        },
+        {
+          "v": "10",
+          "id": "r1"
+        },
+        {
+          "v": "2.5",
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        2,
+        0,
+        1
+      ]
+    },
+    {
+      "name": "two numbers compare numerically in a text column",
+      "column": {
+        "key": "v"
+      },
+      "rows": [
+        {
+          "v": 10,
+          "id": "r0"
+        },
+        {
+          "v": 9,
+          "id": "r1"
+        },
+        {
+          "v": 100,
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        1,
+        0,
+        2
+      ]
+    },
+    {
+      "name": "a date column compares by time",
+      "column": {
+        "key": "v",
+        "type": "date"
+      },
+      "rows": [
+        {
+          "v": "2026-10-07",
+          "id": "r0"
+        },
+        {
+          "v": "2025-01-31",
+          "id": "r1"
+        },
+        {
+          "v": "2026-02-01",
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        1,
+        2,
+        0
+      ]
+    },
+    {
+      "name": "missing values go last ascending",
+      "column": {
+        "key": "v"
+      },
+      "rows": [
+        {
+          "v": "b",
+          "id": "r0"
+        },
+        {
+          "v": null,
+          "id": "r1"
+        },
+        {
+          "v": "a",
+          "id": "r2"
+        },
+        {
+          "id": "r3"
+        },
+        {
+          "v": "",
+          "id": "r4"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        2,
+        0,
+        1,
+        3,
+        4
+      ]
+    },
+    {
+      "name": "missing values go last descending too",
+      "column": {
+        "key": "v"
+      },
+      "rows": [
+        {
+          "v": "b",
+          "id": "r0"
+        },
+        {
+          "v": null,
+          "id": "r1"
+        },
+        {
+          "v": "a",
+          "id": "r2"
+        },
+        {
+          "id": "r3"
+        },
+        {
+          "v": "",
+          "id": "r4"
+        }
+      ],
+      "direction": "desc",
+      "order": [
+        0,
+        2,
+        1,
+        3,
+        4
+      ]
+    },
+    {
+      "name": "ties keep the row order in both directions",
+      "column": {
+        "key": "v",
+        "type": "number"
+      },
+      "rows": [
+        {
+          "v": 1,
+          "id": "r0"
+        },
+        {
+          "v": 1,
+          "id": "r1"
+        },
+        {
+          "v": 0,
+          "id": "r2"
+        }
+      ],
+      "direction": "desc",
+      "order": [
+        0,
+        1,
+        2
+      ]
+    },
+    {
+      "name": "booleans sort false first",
+      "column": {
+        "key": "v",
+        "type": "boolean"
+      },
+      "rows": [
+        {
+          "v": true,
+          "id": "r0"
+        },
+        {
+          "v": false,
+          "id": "r1"
+        },
+        {
+          "v": true,
+          "id": "r2"
+        }
+      ],
+      "direction": "asc",
+      "order": [
+        1,
+        0,
+        2
+      ]
+    }
+  ],
+  "choiceTiles": [
+    {
+      "name": "single picks",
+      "type": "single",
+      "value": null,
+      "presses": [
+        1
+      ],
+      "expect": {
+        "value": "b",
+        "changes": [
+          "b"
+        ]
+      }
+    },
+    {
+      "name": "single re-picks",
+      "type": "single",
+      "value": "a",
+      "presses": [
+        2,
+        0
+      ],
+      "expect": {
+        "value": "a",
+        "changes": [
+          "c",
+          "a"
+        ]
+      }
+    },
+    {
+      "name": "multiple keeps option order",
+      "type": "multiple",
+      "value": null,
+      "presses": [
+        2,
+        0
+      ],
+      "expect": {
+        "value": "a,c",
+        "changes": [
+          "c",
+          "a,c"
+        ]
+      }
+    },
+    {
+      "name": "multiple toggles off",
+      "type": "multiple",
+      "value": "a,b",
+      "presses": [
+        0
+      ],
+      "expect": {
+        "value": "b",
+        "changes": [
+          "b"
+        ]
+      }
+    },
+    {
+      "name": "multiple empties",
+      "type": "multiple",
+      "value": "b",
+      "presses": [
+        1
+      ],
+      "expect": {
+        "value": "",
+        "changes": [
+          ""
+        ]
+      }
+    },
+    {
+      "name": "a disabled option does nothing",
+      "type": "single",
+      "value": "a",
+      "disabled": 1,
+      "presses": [
+        1
+      ],
+      "expect": {
+        "value": "a",
+        "changes": []
+      }
+    }
+  ],
+  "select": [
+    {
+      "name": "an unseeded value shows the empty option",
+      "value": null,
+      "presses": [],
+      "expect": {
+        "value": null,
+        "shows": "Any",
+        "changes": []
+      }
+    },
+    {
+      "name": "a seeded empty string shows the empty option",
+      "value": "",
+      "presses": [],
+      "expect": {
+        "value": "",
+        "shows": "Any",
+        "changes": []
+      }
+    },
+    {
+      "name": "picking the empty option writes an empty string",
+      "value": "open",
+      "presses": [
+        0
+      ],
+      "expect": {
+        "value": "",
+        "shows": "Any",
+        "changes": [
+          ""
+        ]
+      }
+    },
+    {
+      "name": "picking a value after the empty option",
+      "value": "",
+      "presses": [
+        1
+      ],
+      "expect": {
+        "value": "open",
+        "shows": "Open",
+        "changes": [
+          "open"
+        ]
+      }
+    },
+    {
+      "name": "picking the empty option again fires nothing",
+      "value": "",
+      "presses": [
+        0
+      ],
+      "expect": {
+        "value": "",
+        "shows": "Any",
+        "changes": []
+      }
+    },
+    {
+      "name": "picking the empty option on an unseeded value fires nothing",
+      "value": null,
+      "presses": [
+        0
+      ],
+      "expect": {
+        "value": null,
+        "shows": "Any",
+        "changes": []
+      }
+    },
+    {
+      "name": "picking through the empty option and back",
+      "value": "done",
+      "presses": [
+        0,
+        2
+      ],
+      "expect": {
+        "value": "done",
+        "shows": "Done",
+        "changes": [
+          "",
+          "done"
+        ]
+      }
+    }
+  ],
+  "buttonHold": [
+    {
+      "name": "press and release over the button",
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "pointerup",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdEnd"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "a wander inside the slop keeps the hold; release there ends it",
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "pointermove",
+          "x": -20,
+          "y": 50,
+          "events": [],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "pointerup",
+          "x": -20,
+          "y": 50,
+          "events": [
+            "holdEnd"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "sliding away past the slop cancels; the later release fires nothing",
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "pointermove",
+          "x": -30,
+          "y": 20,
+          "events": [
+            "holdCancel"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "pointermove",
+          "x": 60,
+          "y": 20,
+          "events": [],
+          "pressed": false,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "pointerup",
+          "x": 60,
+          "y": 20,
+          "events": [],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "pointercancel cancels",
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 10,
+          "y": 10,
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "pointercancel",
+          "events": [
+            "holdCancel"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "Space holds from key down to key up, key repeat ignored",
+      "steps": [
+        {
+          "do": "keydown",
+          "key": " ",
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "keydown",
+          "key": " ",
+          "repeat": true,
+          "events": [],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "keyup",
+          "key": " ",
+          "events": [
+            "holdEnd"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "Escape cancels an Enter hold; the key up fires nothing",
+      "steps": [
+        {
+          "do": "keydown",
+          "key": "Enter",
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "keydown",
+          "key": "Escape",
+          "events": [
+            "holdCancel"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "keyup",
+          "key": "Enter",
+          "events": [],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "losing focus cancels",
+      "steps": [
+        {
+          "do": "keydown",
+          "key": " ",
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Holding…"
+        },
+        {
+          "do": "blur",
+          "events": [
+            "holdCancel"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "without holdingLabel the label stays",
+      "props": {
+        "holdingLabel": null
+      },
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdStart"
+          ],
+          "pressed": true,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "pointerup",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "holdEnd"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "disabled fires nothing",
+      "props": {
+        "disabled": true
+      },
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [],
+          "pressed": false,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "pointerup",
+          "x": 60,
+          "y": 20,
+          "events": [],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    },
+    {
+      "name": "hold false keeps the plain press",
+      "props": {
+        "hold": false
+      },
+      "steps": [
+        {
+          "do": "pointerdown",
+          "x": 60,
+          "y": 20,
+          "events": [],
+          "pressed": true,
+          "label": "Hold to talk"
+        },
+        {
+          "do": "pointerup",
+          "x": 60,
+          "y": 20,
+          "events": [
+            "press"
+          ],
+          "pressed": false,
+          "label": "Hold to talk"
+        }
+      ]
+    }
+  ]
+}