@pie-lib/math-input-mathlive 1.1.5-beta.8 → 2.0.1-next.20261107131445

package/lib/selection.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.trackWholeAtomSelection = exports.expandRange = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _debug = _interopRequireDefault(require("debug"));
-var log = (0, _debug["default"])('pie-lib:math-input-mathlive:selection');
-
-/**
- * Widen a selection so it covers whole atoms of a single parent.
- *
- * MathLive extends a selection over *flat offsets*, so Shift+Arrow walks into
- * a fraction instead of over it: from before `2x` in `5x^2+2x+\frac{\pi}{2}-4`,
- * five presses select `2x+` plus the `\pi` of the numerator, and copying gives
- * `2x+\pi`. MathQuill treated a fraction (root, superscript...) as one unit,
- * which is what authors expect.
- *
- * The tree is recovered from MathLive's public `getElementInfo(offset)`, where
- * offset `i` describes the atom ending at caret position `i`:
- *
- *  - a composite atom (fraction, root, script) owns the offset right *after*
- *    its children; the children are one level deeper;
- *  - each branch (numerator, denominator, radicand) opens with an empty-latex
- *    "start" atom.
- *
- * The rule: find the shallowest depth the selection touches, counting the caret
- * it starts from. If the range crosses into a sibling branch at that depth, the
- * real common parent is one level up. Then push both ends out of anything
- * deeper. A script atom (`^2`) is kept with its base, since MathLive stores
- * `x^2` as `x` followed by a separate `^2` atom.
- *
- * Pure, so it can be tested without a browser.
- *
- * @param {number} start
- * @param {number} end
- * @param {function(number): {depth?: number, latex?: string}} info
- * @param {number} lastOffset
- * @returns {[number, number]} the widened range, start <= end
- */
-var expandRange = exports.expandRange = function expandRange(start, end, info, lastOffset) {
-  var at = function at(i) {
-    return info(i) || {};
-  };
-  var depth = function depth(i) {
-    return at(i).depth || 0;
-  };
-  var isBranchStart = function isBranchStart(i) {
-    return depth(i) > 0 && at(i).latex === '';
-  };
-  if (end < start) {
-    var _ref = [end, start];
-    start = _ref[0];
-    end = _ref[1];
-  }
-  if (end - start < 1) {
-    return [start, end];
-  }
-  var target = Infinity;
-  for (var i = start; i <= end; i++) {
-    target = Math.min(target, depth(i));
-  }
-  for (var _i = start + 1; _i <= end; _i++) {
-    if (depth(_i) === target && isBranchStart(_i)) {
-      target -= 1;
-      break;
-    }
-  }
-  target = Math.max(target, 0);
-  while (start > 0 && depth(start) > target) {
-    start -= 1;
-  }
-  while (end < lastOffset && depth(end) > target) {
-    end += 1;
-  }
-
-  // Keep a superscript / subscript with its base.
-  var first = start + 1;
-  while (first <= end && depth(first) > target) {
-    first += 1;
-  }
-  if (start > 0 && first <= end && /^[\^_]/.test(at(first).latex || '') && depth(start) === target) {
-    start -= 1;
-  }
-  return [start, end];
-};
-
-/**
- * Keep a mathfield's selection snapped to whole atoms (see {@link expandRange}).
- *
- * This fixes both what the user sees highlighted and what copy/cut put on the
- * clipboard, since both come from the selection. The selection direction is
- * preserved, so further Shift+Arrow presses keep extending the same end.
- *
- * @param {HTMLElement} mathField a MathLive `<math-field>`
- * @returns {function|undefined} teardown, to call on unmount
- */
-var trackWholeAtomSelection = exports.trackWholeAtomSelection = function trackWholeAtomSelection(mathField) {
-  if (!mathField || typeof mathField.addEventListener !== 'function') {
-    return undefined;
-  }
-  var applying = false;
-  var update = function update() {
-    if (applying) {
-      return;
-    }
-    try {
-      if (mathField.selectionIsCollapsed || typeof mathField.getElementInfo !== 'function') {
-        return;
-      }
-      var selection = mathField.selection;
-      var range = selection && selection.ranges && selection.ranges[0];
-      if (!range) {
-        return;
-      }
-      var _range = (0, _slicedToArray2["default"])(range, 2),
-        start = _range[0],
-        end = _range[1];
-      var lo = Math.min(start, end);
-      var hi = Math.max(start, end);
-      var _expandRange = expandRange(lo, hi, function (i) {
-          return mathField.getElementInfo(i);
-        }, mathField.lastOffset),
-        _expandRange2 = (0, _slicedToArray2["default"])(_expandRange, 2),
-        nextStart = _expandRange2[0],
-        nextEnd = _expandRange2[1];
-      if (nextStart === lo && nextEnd === hi) {
-        return;
-      }
-      applying = true;
-      mathField.selection = {
-        ranges: [[nextStart, nextEnd]],
-        direction: selection.direction
-      };
-    } catch (e) {
-      log('could not normalise the selection: %s', e && e.message);
-    } finally {
-      applying = false;
-    }
-  };
-  mathField.addEventListener('selection-change', update);
-  return function () {
-    return mathField.removeEventListener('selection-change', update);
-  };
-};
-//# sourceMappingURL=selection.js.map

package/lib/selection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection.js","names":["_debug","_interopRequireDefault","require","log","debug","expandRange","exports","start","end","info","lastOffset","at","i","depth","isBranchStart","latex","_ref","target","Infinity","Math","min","max","first","test","trackWholeAtomSelection","mathField","addEventListener","undefined","applying","update","selectionIsCollapsed","getElementInfo","selection","range","ranges","_range","_slicedToArray2","lo","hi","_expandRange","_expandRange2","nextStart","nextEnd","direction","e","message","removeEventListener"],"sources":["../src/selection.js"],"sourcesContent":["import debug from 'debug';\n\nconst log = debug('pie-lib:math-input-mathlive:selection');\n\n/**\n * Widen a selection so it covers whole atoms of a single parent.\n *\n * MathLive extends a selection over *flat offsets*, so Shift+Arrow walks into\n * a fraction instead of over it: from before `2x` in `5x^2+2x+\\frac{\\pi}{2}-4`,\n * five presses select `2x+` plus the `\\pi` of the numerator, and copying gives\n * `2x+\\pi`. MathQuill treated a fraction (root, superscript...) as one unit,\n * which is what authors expect.\n *\n * The tree is recovered from MathLive's public `getElementInfo(offset)`, where\n * offset `i` describes the atom ending at caret position `i`:\n *\n *  - a composite atom (fraction, root, script) owns the offset right *after*\n *    its children; the children are one level deeper;\n *  - each branch (numerator, denominator, radicand) opens with an empty-latex\n *    \"start\" atom.\n *\n * The rule: find the shallowest depth the selection touches, counting the caret\n * it starts from. If the range crosses into a sibling branch at that depth, the\n * real common parent is one level up. Then push both ends out of anything\n * deeper. A script atom (`^2`) is kept with its base, since MathLive stores\n * `x^2` as `x` followed by a separate `^2` atom.\n *\n * Pure, so it can be tested without a browser.\n *\n * @param {number} start\n * @param {number} end\n * @param {function(number): {depth?: number, latex?: string}} info\n * @param {number} lastOffset\n * @returns {[number, number]} the widened range, start <= end\n */\nexport const expandRange = (start, end, info, lastOffset) => {\n  const at = (i) => info(i) || {};\n  const depth = (i) => at(i).depth || 0;\n  const isBranchStart = (i) => depth(i) > 0 && at(i).latex === '';\n\n  if (end < start) {\n    [start, end] = [end, start];\n  }\n\n  if (end - start < 1) {\n    return [start, end];\n  }\n\n  let target = Infinity;\n\n  for (let i = start; i <= end; i++) {\n    target = Math.min(target, depth(i));\n  }\n\n  for (let i = start + 1; i <= end; i++) {\n    if (depth(i) === target && isBranchStart(i)) {\n      target -= 1;\n      break;\n    }\n  }\n\n  target = Math.max(target, 0);\n\n  while (start > 0 && depth(start) > target) {\n    start -= 1;\n  }\n\n  while (end < lastOffset && depth(end) > target) {\n    end += 1;\n  }\n\n  // Keep a superscript / subscript with its base.\n  let first = start + 1;\n\n  while (first <= end && depth(first) > target) {\n    first += 1;\n  }\n\n  if (start > 0 && first <= end && /^[\\^_]/.test(at(first).latex || '') && depth(start) === target) {\n    start -= 1;\n  }\n\n  return [start, end];\n};\n\n/**\n * Keep a mathfield's selection snapped to whole atoms (see {@link expandRange}).\n *\n * This fixes both what the user sees highlighted and what copy/cut put on the\n * clipboard, since both come from the selection. The selection direction is\n * preserved, so further Shift+Arrow presses keep extending the same end.\n *\n * @param {HTMLElement} mathField a MathLive `<math-field>`\n * @returns {function|undefined} teardown, to call on unmount\n */\nexport const trackWholeAtomSelection = (mathField) => {\n  if (!mathField || typeof mathField.addEventListener !== 'function') {\n    return undefined;\n  }\n\n  let applying = false;\n\n  const update = () => {\n    if (applying) {\n      return;\n    }\n\n    try {\n      if (mathField.selectionIsCollapsed || typeof mathField.getElementInfo !== 'function') {\n        return;\n      }\n\n      const selection = mathField.selection;\n      const range = selection && selection.ranges && selection.ranges[0];\n\n      if (!range) {\n        return;\n      }\n\n      const [start, end] = range;\n      const lo = Math.min(start, end);\n      const hi = Math.max(start, end);\n      const [nextStart, nextEnd] = expandRange(\n        lo,\n        hi,\n        (i) => mathField.getElementInfo(i),\n        mathField.lastOffset,\n      );\n\n      if (nextStart === lo && nextEnd === hi) {\n        return;\n      }\n\n      applying = true;\n      mathField.selection = { ranges: [[nextStart, nextEnd]], direction: selection.direction };\n    } catch (e) {\n      log('could not normalise the selection: %s', e && e.message);\n    } finally {\n      applying = false;\n    }\n  };\n\n  mathField.addEventListener('selection-change', update);\n\n  return () => mathField.removeEventListener('selection-change', update);\n};\n"],"mappings":"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","ignoreList":[]}

package/src/__tests__/composites.test.jsx

@@ -1,220 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import MathInput from '../math-input';
-import HorizontalKeypad from '../horizontal-keypad';
-import Input from '../mf/input';
-
-/**
- * The pieces that sit between the keypad and the field: how a pressed key is
- * routed into the field, and the legacy `{value,type}` shape math-toolbar
- * consumes.
- */
-describe('MathInput.keypadPress routing', () => {
-  const withInput = () => {
-    const mi = new MathInput({});
-    const calls = { write: [], keystroke: [] };
-
-    mi.input = {
-      write: (v) => calls.write.push(v),
-      keystroke: (v) => calls.keystroke.push(v),
-    };
-
-    return { mi, calls };
-  };
-
-  it('routes an insert action to write()', () => {
-    const { mi, calls } = withInput();
-
-    mi.keypadPress({ latex: '\\pi' });
-
-    expect(calls.write).toEqual(['\\pi']);
-    expect(calls.keystroke).toEqual([]);
-  });
-
-  it('expands an argument-taking command before writing', () => {
-    const { mi, calls } = withInput();
-
-    mi.keypadPress({ command: '\\frac' });
-
-    expect(calls.write).toEqual(['\\frac{#?}{#?}']);
-  });
-
-  it('routes a cursor keystroke to keystroke()', () => {
-    const { mi, calls } = withInput();
-
-    mi.keypadPress({ keystroke: 'Left' });
-
-    expect(calls.keystroke).toEqual(['moveToPreviousChar']);
-    expect(calls.write).toEqual([]);
-  });
-
-  it('ignores keys with no action', () => {
-    const { mi, calls } = withInput();
-
-    mi.keypadPress({});
-    mi.keypadPress({ keystroke: 'Nonsense' });
-
-    expect(calls.write).toEqual([]);
-    expect(calls.keystroke).toEqual([]);
-  });
-
-  it('is a no-op before the field ref exists', () => {
-    const mi = new MathInput({});
-
-    expect(() => mi.keypadPress({ latex: '\\pi' })).not.toThrow();
-  });
-
-  it('changeLatex only fires onChange when the value differs', () => {
-    const onChange = jest.fn();
-    const mi = new MathInput({ latex: 'x', onChange });
-
-    mi.changeLatex('x');
-    expect(onChange).not.toHaveBeenCalled();
-
-    mi.changeLatex('y');
-    expect(onChange).toHaveBeenCalledWith('y');
-  });
-
-  it('tracks focus state', () => {
-    const mi = new MathInput({});
-
-    mi.setState = (s) => Object.assign(mi.state, s);
-    mi.inputFocus();
-    expect(mi.state.focused).toBe(true);
-
-    mi.inputBlur();
-    expect(mi.state.focused).toBe(false);
-  });
-});
-
-describe('HorizontalKeypad legacy {value,type} model', () => {
-  const pressed = (key) => {
-    const onClick = jest.fn();
-    const hk = new HorizontalKeypad({ onClick });
-
-    hk.keypadPress(key);
-
-    return onClick.mock.calls[0][0];
-  };
-
-  it('maps a command to {value, type: command}', () => {
-    expect(pressed({ command: '\\frac' })).toEqual({ value: '\\frac', type: 'command' });
-  });
-
-  it('maps a write to {value}', () => {
-    expect(pressed({ write: 'x' })).toEqual({ value: 'x' });
-  });
-
-  it('maps a keystroke to {type: cursor}', () => {
-    expect(pressed({ keystroke: 'Left' })).toEqual({ type: 'cursor', value: 'Left' });
-  });
-
-  it('renders without throwing', () => {
-    expect(() => render(<HorizontalKeypad onClick={() => {}} />)).not.toThrow();
-  });
-});
-
-describe('Input: controlled-value sync and events', () => {
-  const withField = () => {
-    const input = new Input({});
-
-    input.mathField = {
-      value: '',
-      getValue: () => input.mathField.value,
-      insert(v) {
-        input.mathField.value += v;
-      },
-      executeCommand() {},
-      focus() {},
-      blur() {},
-      addEventListener() {},
-      removeEventListener() {},
-      remove() {},
-    };
-
-    return input;
-  };
-
-  it('emits stored-form latex on edit', () => {
-    const onChange = jest.fn();
-    const input = withField();
-
-    input.props = { onChange };
-    input.mathField.value = '\\longdiv{\\placeholder{}}';
-    input.onInputEdit();
-
-    // \placeholder is MathLive-internal and must not reach the model
-    expect(onChange).toHaveBeenCalledWith('\\longdiv{}');
-    expect(input.lastEmitted).toEqual('\\longdiv{}');
-  });
-
-  it('does not push a prop echo back into the field', () => {
-    const input = withField();
-
-    input.mathField.value = 'x';
-    input.lastEmitted = 'x';
-    input.props = { latex: 'x' };
-
-    input.componentDidUpdate({ latex: '' });
-
-    expect(input.mathField.value).toEqual('x');
-  });
-
-  it('pushes a genuinely new latex prop into the field', () => {
-    const input = withField();
-
-    input.mathField.value = 'x';
-    input.lastEmitted = 'x';
-    input.props = { latex: 'y' };
-
-    input.componentDidUpdate({ latex: 'x' });
-
-    expect(input.mathField.value).toEqual('y');
-  });
-
-  it('bridges stored latex on the way in', () => {
-    const input = withField();
-
-    input.props = { latex: '\\longdiv{5}' };
-    input.componentDidUpdate({ latex: '' });
-
-    // must become native \enclose so the content stays editable
-    expect(input.mathField.value).toEqual('\\enclose{longdiv}{5}');
-  });
-
-  it('toggles readOnly', () => {
-    const input = withField();
-
-    input.props = { readOnly: true };
-    input.componentDidUpdate({ readOnly: false });
-
-    expect(input.mathField.readOnly).toBe(true);
-  });
-
-  it('clear() empties the field', () => {
-    const input = withField();
-
-    input.mathField.value = 'abc';
-    expect(input.clear()).toEqual('');
-    expect(input.mathField.value).toEqual('');
-  });
-
-  it('suppresses Enter so it cannot insert a line break', () => {
-    const input = withField();
-    const preventDefault = jest.fn();
-
-    input.onKeyDown({ key: 'Enter', preventDefault });
-    expect(preventDefault).toHaveBeenCalled();
-
-    preventDefault.mockClear();
-    input.onKeyDown({ key: 'a', preventDefault });
-    expect(preventDefault).not.toHaveBeenCalled();
-  });
-
-  it('componentDidUpdate is safe before the field exists', () => {
-    const input = new Input({ latex: 'x' });
-
-    expect(() => input.componentDidUpdate({ latex: '' })).not.toThrow();
-  });
-});

package/src/__tests__/drop-in-compat.test.jsx

@@ -1,112 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { styled } from '@mui/material/styles';
-
-import { mq } from '../index';
-
-/**
- * Exercises the exact call patterns real consumers use against
- * @pie-lib/math-input, to catch drop-in incompatibilities.
- *
- * Sources:
- *  - packages/math-toolbar/src/editor-and-pad.jsx:16,185
- *  - packages/math-toolbar/src/math-preview.jsx:8,156
- *  - packages/editable-html/src/plugins/respArea/math-templated/index.jsx:92
- *  - packages/editable-html-tip-tap/src/components/respArea/MathTemplated.jsx:111
- */
-describe('drop-in compatibility with @pie-lib/math-input consumers', () => {
-  describe('mq.CommonMqStyles destructuring', () => {
-    it('math-preview.jsx: { commonMqFontStyles, longdivStyles, supsubStyles }', () => {
-      const { commonMqFontStyles, longdivStyles, supsubStyles } = mq.CommonMqStyles;
-
-      expect(commonMqFontStyles).toBeDefined();
-      expect(longdivStyles).toBeDefined();
-      expect(supsubStyles).toBeDefined();
-    });
-
-    it('editor-and-pad.jsx: also { commonMqKeyboardStyles }', () => {
-      const { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles } = mq.CommonMqStyles;
-
-      expect(commonMqKeyboardStyles).toBeDefined();
-      // All four must be spreadable into an emotion style object.
-      expect(() => ({
-        ...commonMqFontStyles,
-        ...commonMqKeyboardStyles,
-        ...longdivStyles,
-        ...supsubStyles,
-      })).not.toThrow();
-    });
-
-    it('the destructured groups survive being spread into a styled component', () => {
-      const { commonMqFontStyles, longdivStyles, supsubStyles } = mq.CommonMqStyles;
-      const Styled = styled('div')({ ...commonMqFontStyles, ...longdivStyles, ...supsubStyles });
-
-      expect(() => render(<Styled />)).not.toThrow();
-    });
-  });
-
-  describe('mq.Input', () => {
-    it('editor-and-pad.jsx: styled(mq.Input) renders', () => {
-      const MathEditor = styled(mq.Input)(() => ({ width: '100%' }));
-
-      expect(() => render(<MathEditor latex="\\frac{1}{2}" onChange={() => {}} />)).not.toThrow();
-    });
-
-    it('accepts the className that styled() injects', () => {
-      const Styled = styled(mq.Input)({ padding: 4 });
-      const { container } = render(<Styled latex="x" onChange={() => {}} />);
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild.className).toBeTruthy();
-    });
-  });
-
-  describe('mq.Static', () => {
-    it('math-preview.jsx: <mq.Static latex onFocus onBlur />', () => {
-      expect(() => render(<mq.Static latex={'\\frac{1}{2}'} onFocus={() => {}} onBlur={() => {}} />)).not.toThrow();
-    });
-
-    it('math-templated respArea: <mq.Static latex={value} />', () => {
-      expect(() => render(<mq.Static latex={'x=1'} />)).not.toThrow();
-    });
-
-    it('renders answer-block latex (the templated-math case) without throwing', () => {
-      expect(() =>
-        render(<mq.Static latex={'x=\\MathQuillMathField[r1]{}'} onSubFieldChange={() => {}} />),
-      ).not.toThrow();
-    });
-
-    it('is styleable, as keypad labels were in math-input', () => {
-      const Styled = styled(mq.Static)({ pointerEvents: 'none' });
-
-      expect(() => render(<Styled latex={'\\pi'} />)).not.toThrow();
-    });
-  });
-
-  describe('surface parity', () => {
-    it('exposes exactly the names math-input exported', () => {
-      // eslint-disable-next-line global-require
-      const pkg = require('../index');
-
-      [
-        'keysForGrade',
-        'addBrackets',
-        'removeBrackets',
-        'keys',
-        'HorizontalKeypad',
-        'mq',
-        'updateSpans',
-        'registerEmbed',
-        'applyStaticMath',
-      ].forEach((name) => {
-        expect(pkg[name]).toBeDefined();
-      });
-    });
-
-    it('mq exposes Input, Static and CommonMqStyles', () => {
-      ['Input', 'Static', 'CommonMqStyles'].forEach((name) => {
-        expect(mq[name]).toBeDefined();
-      });
-    });
-  });
-});

package/src/__tests__/index.test.jsx

@@ -1,109 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import {
-  keys,
-  keysForGrade,
-  addBrackets,
-  removeBrackets,
-  registerEmbed,
-  applyStaticMath,
-  updateSpans,
-  mf,
-  mq,
-  MathInput,
-  HorizontalKeypad,
-  KeyPad,
-} from '../index';
-
-describe('math-input-mathlive public API', () => {
-  it('mirrors the @pie-lib/math-input export surface', () => {
-    expect(typeof keysForGrade).toBe('function');
-    expect(typeof addBrackets).toBe('function');
-    expect(typeof removeBrackets).toBe('function');
-    expect(typeof registerEmbed).toBe('function');
-    expect(typeof applyStaticMath).toBe('function');
-    expect(typeof updateSpans).toBe('function');
-    expect(keys).toBeDefined();
-    expect(keys.baseSet).toBeDefined();
-  });
-
-  it('exports the field wrappers under both mf and mq', () => {
-    expect(mf.Input).toBeDefined();
-    expect(mf.Static).toBeDefined();
-    // `mq` alias lets a consumer swap packages by changing only the import.
-    expect(mq).toBe(mf);
-  });
-
-  it('updateSpans is a safe no-op', () => {
-    expect(() => updateSpans()).not.toThrow();
-  });
-
-  it('CommonMqStyles keeps the shape consumers destructure', () => {
-    // math-toolbar does:
-    //   const { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles }
-    //     = mq.CommonMqStyles;
-    const { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles } = mf.CommonMqStyles;
-
-    [commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles].forEach((s) => {
-      expect(s).toBeDefined();
-      expect(typeof s).toBe('object');
-    });
-  });
-
-  it('bracket helpers round-trip', () => {
-    expect(addBrackets('x')).toEqual('\\(x\\)');
-    expect(removeBrackets('\\(x\\)')).toEqual('x');
-    expect(removeBrackets(addBrackets('\\frac{1}{2}'))).toEqual('\\frac{1}{2}');
-  });
-
-  it('keysForGrade returns a 5-row keyset', () => {
-    const set = keysForGrade('geometry');
-
-    expect(Array.isArray(set)).toBe(true);
-    expect(set.length).toBe(5);
-  });
-});
-
-describe('rendering', () => {
-  // MathLive is a browser-only custom element; loadMathLive() resolves async and
-  // is a no-op-ish under jsdom. These assert the components mount without
-  // throwing, which is what regressed most often in the MathQuill version.
-  it('KeyPad renders without a live MathLive instance', () => {
-    const { container } = render(<KeyPad onPress={() => {}} />);
-
-    expect(container.querySelectorAll('button').length).toBeGreaterThan(0);
-  });
-
-  it('KeyPad falls back to raw latex for labels before MathLive loads', () => {
-    const { container } = render(
-      <KeyPad onPress={() => {}} baseSet={[[{ name: 'pi', latex: '\\pi', category: 'constants' }]]} />,
-    );
-
-    expect(container.textContent).toContain('\\pi');
-  });
-
-  it('KeyPad fires onPress with the key definition', () => {
-    const onPress = jest.fn();
-    const key = { name: 'x', label: 'x', write: 'x', category: 'vars' };
-    const { container } = render(<KeyPad onPress={onPress} baseSet={[[key]]} />);
-
-    container.querySelector('button').click();
-
-    expect(onPress).toHaveBeenCalledWith(key);
-  });
-
-  it('MathInput mounts', () => {
-    expect(() => render(<MathInput latex="\\frac{1}{2}" onChange={() => {}} />)).not.toThrow();
-  });
-
-  it('HorizontalKeypad mounts and reports the legacy {value,type} model', () => {
-    const onClick = jest.fn();
-
-    expect(() => render(<HorizontalKeypad onClick={onClick} />)).not.toThrow();
-  });
-
-  it('Static renders display-mode latex without a mathfield', () => {
-    expect(() => render(<mf.Static latex="\\frac{1}{2}" />)).not.toThrow();
-  });
-});