@ng-native/testing 0.2.0 → 0.4.0

package/dist/queries.js.map

@@ -1 +1 @@
-{"version":3,"file":"queries.js","sourceRoot":"","sources":["../src/queries.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Testing Library's queries, over the tree the renderer committed to the fake Fabric.\n *\n * There is no DOM here, so `@testing-library/dom` has nothing to query: a query reads the props a\n * native view would actually receive. That makes the names mean what React Native Testing Library\n * means by them rather than what the web does - a role is `accessibilityRole`, a label is\n * `accessibilityLabel`, text is what a `Paragraph` holds.\n *\n * Every query re-reads the most recent commit. The fake builds a fresh node object per commit, so\n * a node held across an interaction is a snapshot of the frame it was found in; query again to see\n * what changed.\n */\nimport type { FakeFabricNode } from './test-utils.ts';\nimport { waitFor, type WaitForOptions } from './wait-for.ts';\n\n/** What a query matches against: a whole string (normalised), or a RegExp tested against it. */\nexport type Matcher = string | RegExp;\n\n/** How a string `Matcher` compares. */\nexport interface TextMatchOptions {\n  /** `false` matches a case-insensitive substring instead of the whole, trimmed string. */\n  exact?: boolean;\n  /**\n   * Also find what nobody could see or reach: views under `display: none`, and those hidden from\n   * accessibility. React Native Testing Library's option, and its default of `false`.\n   */\n  includeHiddenElements?: boolean;\n}\n\n/** `ByRole`'s options: a role alone matches every node with it, `name` narrows it to one. */\nexport interface ByRoleOptions extends TextMatchOptions {\n  /** The accessible name: `accessibilityLabel`, or failing that the text inside the node. */\n  name?: Matcher;\n}\n\ninterface QueryArgs {\n  Role: [role: Matcher, options?: ByRoleOptions];\n  Text: [text: Matcher, options?: TextMatchOptions];\n  TestId: [testId: Matcher, options?: TextMatchOptions];\n  LabelText: [label: Matcher, options?: TextMatchOptions];\n  PlaceholderText: [placeholder: Matcher, options?: TextMatchOptions];\n  DisplayValue: [value: Matcher, options?: TextMatchOptions];\n}\n\ntype Name = keyof QueryArgs;\ntype FindArgs<K extends Name> = [...QueryArgs[K], waitForOptions?: WaitForOptions];\n\n/**\n * The query matrix: `getBy`, `getAllBy`, `queryBy`, `queryAllBy`, `findBy` and `findAllBy`, for\n * each of `Role`, `Text`, `TestId`, `LabelText`, `PlaceholderText` and `DisplayValue`.\n */\nexport type BoundQueries = {\n  [K in Name as `getBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode;\n} & {\n  [K in Name as `getAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `queryBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode | null;\n} & {\n  [K in Name as `queryAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `findBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode>;\n} & {\n  [K in Name as `findAllBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode[]>;\n};\n\nconst normalize = (text: string): string => text.replace(/\\s+/g, ' ').trim();\n\nfunction matches(value: unknown, matcher: Matcher, exact = true): boolean {\n  if (typeof value !== 'string') return false;\n  const text = normalize(value);\n  if (matcher instanceof RegExp) return matcher.test(text);\n  const wanted = normalize(matcher);\n  return exact ? text === wanted : text.toLowerCase().includes(wanted.toLowerCase());\n}\n\nconst show = (matcher: Matcher): string =>\n  matcher instanceof RegExp ? String(matcher) : JSON.stringify(matcher);\n\nexport const flatten = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => [node, ...flatten(node.children)]);\n\n/**\n * A view that takes itself and everything under it out of sight or out of the accessibility tree,\n * as React Native Testing Library's `isHiddenFromAccessibility` decides it.\n */\nfunction hides(node: FakeFabricNode): boolean {\n  const props = node.props;\n  return (\n    props['display'] === 'none' ||\n    props['accessibilityElementsHidden'] === true ||\n    props['aria-hidden'] === true ||\n    props['importantForAccessibility'] === 'no-hide-descendants'\n  );\n}\n\n/** Every node someone using the app could see or reach. */\nconst reachable = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => (hides(node) ? [] : [node, ...reachable(node.children)]));\n\n/** What a screen reader would read out: every `RawText` under the node, in order. */\nexport function textContent(node: FakeFabricNode): string {\n  if (node.viewName === 'RawText') return String(node.props['text'] ?? '');\n  return node.children.map(textContent).join('');\n}\n\n/** A text field under any of the names the platforms register it by. */\nexport const isTextInput = (node: FakeFabricNode): boolean => /TextInput/.test(node.viewName);\n\ntype Query = { describe: string; select: (node: FakeFabricNode) => boolean };\n\n/** What a screen reader reads out: the label, or failing that the text inside. */\nconst nameOf = (node: FakeFabricNode): string =>\n  typeof node.props['accessibilityLabel'] === 'string'\n    ? node.props['accessibilityLabel']\n    : textContent(node);\n\nconst QUERIES: { [K in Name]: (...args: QueryArgs[K]) => Query } = {\n  Role: (role, options = {}) => ({\n    describe:\n      `role ${show(role)}` + (options.name === undefined ? '' : ` and name ${show(options.name)}`),\n    select: (node) =>\n      matches(node.props['accessibilityRole'], role) &&\n      (options.name === undefined || matches(nameOf(node), options.name, options.exact)),\n  }),\n  // `Paragraph` alone: a nested `<text>` commits as a `Text` span inside one, so the paragraph is\n  // the whole run of text and the span is only a part of it.\n  Text: (text, options = {}) => ({\n    describe: `text ${show(text)}`,\n    select: (node) =>\n      node.viewName === 'Paragraph' && matches(textContent(node), text, options.exact),\n  }),\n  // Both, because the components commit both: `testID` from `testID`, `nativeID` from `nativeID`\n  // or its web spelling `id`, which is what most templates in this project reach for.\n  TestId: (testId, options = {}) => ({\n    describe: `testID ${show(testId)}`,\n    select: (node) =>\n      matches(node.props['testID'], testId, options.exact) ||\n      matches(node.props['nativeID'], testId, options.exact),\n  }),\n  LabelText: (label, options = {}) => ({\n    describe: `accessibilityLabel ${show(label)}`,\n    select: (node) => matches(node.props['accessibilityLabel'], label, options.exact),\n  }),\n  PlaceholderText: (placeholder, options = {}) => ({\n    describe: `placeholder ${show(placeholder)}`,\n    select: (node) => matches(node.props['placeholder'], placeholder, options.exact),\n  }),\n  // A text field's value is its `text` prop, which is what `<text-input>` binds its model to.\n  DisplayValue: (value, options = {}) => ({\n    describe: `display value ${show(value)}`,\n    select: (node) => isTextInput(node) && matches(node.props['text'], value, options.exact),\n  }),\n};\n\n/**\n * Every query, bound to a root that is looked up again on each call.\n *\n * `found` sees every node a query hands back, so an event fired on one later knows which render\n * it came from.\n */\nexport function bindQueries(\n  roots: () => readonly FakeFabricNode[],\n  tree: () => string,\n  found: (node: FakeFabricNode) => void,\n): BoundQueries {\n  const bound: Record<string, unknown> = {};\n\n  for (const name of Object.keys(QUERIES) as Name[]) {\n    const all = (...args: unknown[]): FakeFabricNode[] => {\n      const query = (QUERIES[name] as (...a: unknown[]) => Query)(...args);\n      const options = args[1] as TextMatchOptions | undefined;\n      const walk = options?.includeHiddenElements ? flatten : reachable;\n      const hits = walk(roots()).filter(query.select);\n      hits.forEach(found);\n      return hits;\n    };\n    const describe = (args: unknown[]): string =>\n      (QUERIES[name] as (...a: unknown[]) => Query)(...args).describe;\n    const one = (...args: unknown[]): FakeFabricNode => {\n      const hits = all(...args);\n      if (hits.length === 1) return hits[0]!;\n      const problem = hits.length\n        ? `Found ${hits.length} nodes with ${describe(args)}, and expected one. Use getAllBy${name} if more than one is expected.`\n        : `Unable to find a node with ${describe(args)}.`;\n      throw new Error(`${problem}\\n\\n${tree()}`);\n    };\n    // The last argument of a `findBy` is the `waitFor` options, and it is only ever that when the\n    // query itself was given its options too.\n    const split = (args: unknown[]): [unknown[], WaitForOptions | undefined] =>\n      args.length > 2 ? [args.slice(0, 2), args[2] as WaitForOptions] : [args, undefined];\n\n    bound[`getAllBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (!hits.length)\n        throw new Error(`Unable to find a node with ${describe(args)}.\\n\\n${tree()}`);\n      return hits;\n    };\n    bound[`queryAllBy${name}`] = all;\n    bound[`getBy${name}`] = one;\n    bound[`queryBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (hits.length > 1) return one(...args);\n      return hits[0] ?? null;\n    };\n    bound[`findBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => one(...query), options);\n    };\n    bound[`findAllBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => (bound[`getAllBy${name}`] as typeof all)(...query), options);\n    };\n  }\n\n  return bound as BoundQueries;\n}\n\n/** The debug tree: view names, text, and the props a query can find a node by. */\nexport function describeTree(nodes: readonly FakeFabricNode[], depth = 0): string {\n  return nodes\n    .map((node) => {\n      const text = node.viewName === 'RawText' ? ` ${JSON.stringify(node.props['text'])}` : '';\n      const props = IDENTIFYING.filter((key) => node.props[key] != null && node.props[key] !== '')\n        .map((key) => ` ${key === 'text' ? 'value' : key}=${JSON.stringify(node.props[key])}`)\n        .join('');\n      const line = '  '.repeat(depth) + node.viewName + text + (text ? '' : props);\n      return node.children.length ? `${line}\\n${describeTree(node.children, depth + 1)}` : line;\n    })\n    .join('\\n');\n}\n\nconst IDENTIFYING = [\n  'testID',\n  'nativeID',\n  'accessibilityRole',\n  'accessibilityLabel',\n  'placeholder',\n  'text',\n];\n"]}
+{"version":3,"file":"queries.js","sourceRoot":"","sources":["../src/queries.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Testing Library's queries, over the tree the renderer committed to the fake Fabric.\n *\n * There is no DOM here, so `@testing-library/dom` has nothing to query: a query reads the props a\n * native view would actually receive. That makes the names mean what React Native Testing Library\n * means by them rather than what the web does - a role is `accessibilityRole`, a label is\n * `accessibilityLabel`, text is what a `Paragraph` holds.\n *\n * Every query re-reads the most recent commit. The fake builds a fresh node object per commit, so\n * a node held across an interaction is a snapshot of the frame it was found in; query again to see\n * what changed.\n */\nimport type { FakeFabricNode } from './test-utils.ts';\nimport { waitFor, type WaitForOptions } from './wait-for.ts';\n\n/** What a query matches against: a whole string (normalised), or a RegExp tested against it. */\nexport type Matcher = string | RegExp;\n\n/** How a string `Matcher` compares. */\nexport interface TextMatchOptions {\n  /** `false` matches a case-insensitive substring instead of the whole, trimmed string. */\n  exact?: boolean;\n  /**\n   * Also find what nobody could see or reach: views under `display: none`, and those hidden from\n   * accessibility. React Native Testing Library's option, and its default of `false`.\n   */\n  includeHiddenElements?: boolean;\n}\n\n/** `ByRole`'s options: a role alone matches every node with it, `name` narrows it to one. */\nexport interface ByRoleOptions extends TextMatchOptions {\n  /** The accessible name: `accessibilityLabel`, or failing that the text inside the node. */\n  name?: Matcher;\n}\n\ninterface QueryArgs {\n  Role: [role: Matcher, options?: ByRoleOptions];\n  Text: [text: Matcher, options?: TextMatchOptions];\n  TestId: [testId: Matcher, options?: TextMatchOptions];\n  LabelText: [label: Matcher, options?: TextMatchOptions];\n  PlaceholderText: [placeholder: Matcher, options?: TextMatchOptions];\n  DisplayValue: [value: Matcher, options?: TextMatchOptions];\n}\n\ntype Name = keyof QueryArgs;\ntype FindArgs<K extends Name> = [...QueryArgs[K], waitForOptions?: WaitForOptions];\n\n/**\n * The query matrix: `getBy`, `getAllBy`, `queryBy`, `queryAllBy`, `findBy` and `findAllBy`, for\n * each of `Role`, `Text`, `TestId`, `LabelText`, `PlaceholderText` and `DisplayValue`.\n */\nexport type BoundQueries = {\n  [K in Name as `getBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode;\n} & {\n  [K in Name as `getAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `queryBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode | null;\n} & {\n  [K in Name as `queryAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `findBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode>;\n} & {\n  [K in Name as `findAllBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode[]>;\n};\n\nconst normalize = (text: string): string => text.replace(/\\s+/g, ' ').trim();\n\nfunction matches(value: unknown, matcher: Matcher, exact = true): boolean {\n  if (typeof value !== 'string') return false;\n  const text = normalize(value);\n  if (matcher instanceof RegExp) return matcher.test(text);\n  const wanted = normalize(matcher);\n  return exact ? text === wanted : text.toLowerCase().includes(wanted.toLowerCase());\n}\n\nconst show = (matcher: Matcher): string =>\n  matcher instanceof RegExp ? String(matcher) : JSON.stringify(matcher);\n\nexport const flatten = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => [node, ...flatten(node.children)]);\n\n/**\n * `nodes` with each node's `parent` set through the tree beneath, so a test can go up from what a\n * query found: the row a text is in. Not enumerable, so a node compares and prints as it did.\n */\nexport function withParents(\n  nodes: readonly FakeFabricNode[],\n  parent?: FakeFabricNode,\n): readonly FakeFabricNode[] {\n  for (const node of nodes) {\n    // The nodes a walk starts from keep the parent they have: `within(row)` starts from the row.\n    if (parent || !('parent' in node)) {\n      const value = parent ?? null;\n      Object.defineProperty(node, 'parent', { value, configurable: true, writable: true });\n    }\n    withParents(node.children, node);\n  }\n  return nodes;\n}\n\n/**\n * A view that takes itself and everything under it out of sight or out of the accessibility tree,\n * as React Native Testing Library's `isHiddenFromAccessibility` decides it.\n */\nfunction hides(node: FakeFabricNode): boolean {\n  const props = node.props;\n  return (\n    props['display'] === 'none' ||\n    props['accessibilityElementsHidden'] === true ||\n    props['aria-hidden'] === true ||\n    props['importantForAccessibility'] === 'no-hide-descendants'\n  );\n}\n\n/** Every node someone using the app could see or reach. */\nconst reachable = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => (hides(node) ? [] : [node, ...reachable(node.children)]));\n\n/** What a screen reader would read out: every `RawText` under the node, in order. */\nexport function textContent(node: FakeFabricNode): string {\n  if (node.viewName === 'RawText') return String(node.props['text'] ?? '');\n  return node.children.map(textContent).join('');\n}\n\n/** A text field under any of the names the platforms register it by. */\nexport const isTextInput = (node: FakeFabricNode): boolean => /TextInput/.test(node.viewName);\n\ntype Query = { describe: string; select: (node: FakeFabricNode) => boolean };\n\n/** What a screen reader reads out: the label, or failing that the text inside. */\nconst nameOf = (node: FakeFabricNode): string =>\n  typeof node.props['accessibilityLabel'] === 'string'\n    ? node.props['accessibilityLabel']\n    : textContent(node);\n\nconst QUERIES: { [K in Name]: (...args: QueryArgs[K]) => Query } = {\n  Role: (role, options = {}) => ({\n    describe:\n      `role ${show(role)}` + (options.name === undefined ? '' : ` and name ${show(options.name)}`),\n    select: (node) =>\n      (matches(node.props['accessibilityRole'], role) || matches(node.props['role'], role)) &&\n      (options.name === undefined || matches(nameOf(node), options.name, options.exact)),\n  }),\n  // `Paragraph` alone: a nested `<text>` commits as a `Text` span inside one, so the paragraph is\n  // the whole run of text and the span is only a part of it.\n  Text: (text, options = {}) => ({\n    describe: `text ${show(text)}`,\n    select: (node) =>\n      node.viewName === 'Paragraph' && matches(textContent(node), text, options.exact),\n  }),\n  // Both, because the components commit both: `testID` from `testID`, `nativeID` from `nativeID`\n  // or its web spelling `id`, which is what most templates in this project reach for.\n  TestId: (testId, options = {}) => ({\n    describe: `testID ${show(testId)}`,\n    select: (node) =>\n      matches(node.props['testID'], testId, options.exact) ||\n      matches(node.props['nativeID'], testId, options.exact),\n  }),\n  LabelText: (label, options = {}) => ({\n    describe: `accessibilityLabel ${show(label)}`,\n    select: (node) => matches(node.props['accessibilityLabel'], label, options.exact),\n  }),\n  PlaceholderText: (placeholder, options = {}) => ({\n    describe: `placeholder ${show(placeholder)}`,\n    // A text field alone draws a placeholder. A wrapper with a `placeholder` input of its own has\n    // the attribute on its host view too, which nobody sees.\n    select: (node) =>\n      isTextInput(node) && matches(node.props['placeholder'], placeholder, options.exact),\n  }),\n  // A text field's value is its `text` prop, which is what `<text-input>` binds its model to.\n  DisplayValue: (value, options = {}) => ({\n    describe: `display value ${show(value)}`,\n    select: (node) => isTextInput(node) && matches(node.props['text'], value, options.exact),\n  }),\n};\n\n/**\n * Every query, bound to a root that is looked up again on each call.\n *\n * `found` sees every node a query hands back, so an event fired on one later knows which render\n * it came from.\n */\nexport function bindQueries(\n  roots: () => readonly FakeFabricNode[],\n  tree: () => string,\n  found: (node: FakeFabricNode) => void,\n): BoundQueries {\n  const bound: Record<string, unknown> = {};\n\n  for (const name of Object.keys(QUERIES) as Name[]) {\n    const all = (...args: unknown[]): FakeFabricNode[] => {\n      const query = (QUERIES[name] as (...a: unknown[]) => Query)(...args);\n      const options = args[1] as TextMatchOptions | undefined;\n      const walk = options?.includeHiddenElements ? flatten : reachable;\n      const hits = walk(withParents(roots())).filter(query.select);\n      hits.forEach(found);\n      return hits;\n    };\n    const describe = (args: unknown[]): string =>\n      (QUERIES[name] as (...a: unknown[]) => Query)(...args).describe;\n    const one = (...args: unknown[]): FakeFabricNode => {\n      const hits = all(...args);\n      if (hits.length === 1) return hits[0]!;\n      const problem = hits.length\n        ? `Found ${hits.length} nodes with ${describe(args)}, and expected one. Use getAllBy${name} if more than one is expected.`\n        : `Unable to find a node with ${describe(args)}.`;\n      throw new Error(`${problem}\\n\\n${tree()}`);\n    };\n    // The last argument of a `findBy` is the `waitFor` options, and it is only ever that when the\n    // query itself was given its options too.\n    const split = (args: unknown[]): [unknown[], WaitForOptions | undefined] =>\n      args.length > 2 ? [args.slice(0, 2), args[2] as WaitForOptions] : [args, undefined];\n\n    bound[`getAllBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (!hits.length)\n        throw new Error(`Unable to find a node with ${describe(args)}.\\n\\n${tree()}`);\n      return hits;\n    };\n    bound[`queryAllBy${name}`] = all;\n    bound[`getBy${name}`] = one;\n    bound[`queryBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (hits.length > 1) return one(...args);\n      return hits[0] ?? null;\n    };\n    bound[`findBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => one(...query), options);\n    };\n    bound[`findAllBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => (bound[`getAllBy${name}`] as typeof all)(...query), options);\n    };\n  }\n\n  return bound as BoundQueries;\n}\n\n/** The debug tree: view names, text, and the props a query can find a node by. */\nexport function describeTree(nodes: readonly FakeFabricNode[], depth = 0): string {\n  return nodes\n    .map((node) => {\n      const text = node.viewName === 'RawText' ? ` ${JSON.stringify(node.props['text'])}` : '';\n      const props = IDENTIFYING.filter((key) => node.props[key] != null && node.props[key] !== '')\n        .map((key) => ` ${key === 'text' ? 'value' : key}=${JSON.stringify(node.props[key])}`)\n        .join('');\n      const line = '  '.repeat(depth) + node.viewName + text + (text ? '' : props);\n      return node.children.length ? `${line}\\n${describeTree(node.children, depth + 1)}` : line;\n    })\n    .join('\\n');\n}\n\nconst IDENTIFYING = [\n  'testID',\n  'nativeID',\n  'accessibilityRole',\n  'role',\n  'accessibilityLabel',\n  'placeholder',\n  'text',\n];\n"]}

package/dist/reanimated-library.d.ts

@@ -1,62 +1,8 @@
 /**
- * What a test gets for `react-native-reanimated`, whose source Node cannot load.
- *
- * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
- * is called with `true` at once, so a test sees where an animation ends and what ends it does.
- * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
- * identity, since nothing in a test is between its ends.
- *
- * ponytail: the functions apps call from components, not the React hooks; add one when an app
- * under test imports it.
+ * What a test gets for `react-native-reanimated`, whose source Node cannot load: the stand-in a
+ * browser build gets too, with a shared value that is a signal, which a `[workletStyle]` in a test
+ * follows (see `reanimated.ts`).
  */
-import { sharedValue } from './reanimated.ts';
+export * from '@ng-native/components/stand-ins/reanimated';
+export { sharedValue as makeMutable } from './reanimated.ts';
 export type { SharedValue } from './reanimated.ts';
-type Done = ((finished?: boolean) => void) | undefined;
-export declare const makeMutable: typeof sharedValue;
-export declare function withTiming<T>(to: T, _config?: object, callback?: Done): T;
-export declare function withSpring<T>(to: T, _config?: object, callback?: Done): T;
-export declare function withDecay(_config: {
-    velocity?: number;
-}, callback?: Done): number;
-export declare function withDelay<T>(_delay: number, animation: T): T;
-export declare function withSequence<T>(...animations: T[]): T;
-export declare function withRepeat<T>(animation: T, _times?: number, _reverse?: boolean, callback?: Done): T;
-export declare function cancelAnimation(_value: unknown): void;
-/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
-export declare function startMapper(_worklet: () => void, _inputs?: unknown[]): number;
-export declare function stopMapper(_id: number): void;
-export declare const Extrapolation: {
-    readonly IDENTITY: "identity";
-    readonly CLAMP: "clamp";
-    readonly EXTEND: "extend";
-};
-type Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];
-export declare function interpolate(x: number, input: readonly number[], output: readonly number[], extrapolate?: Extrapolate | {
-    extrapolateLeft?: Extrapolate;
-    extrapolateRight?: Extrapolate;
-}): number;
-export declare const Easing: {
-    linear: (t: number) => number;
-    ease: (t: number) => number;
-    quad: (t: number) => number;
-    cubic: (t: number) => number;
-    sin: (t: number) => number;
-    circle: (t: number) => number;
-    exp: (t: number) => number;
-    bounce: (t: number) => number;
-    poly: () => (t: number) => number;
-    elastic: () => (t: number) => number;
-    back: () => (t: number) => number;
-    bezier: () => (t: number) => number;
-    bezierFn: () => (t: number) => number;
-    in: (easing: (t: number) => number) => (t: number) => number;
-    out: (easing: (t: number) => number) => (t: number) => number;
-    inOut: (easing: (t: number) => number) => (t: number) => number;
-};
-export declare const ReduceMotion: {
-    readonly System: "system";
-    readonly Always: "always";
-    readonly Never: "never";
-};
-export declare function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;
-export declare function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;

package/dist/reanimated-library.js

@@ -1,95 +1,8 @@
 /**
- * What a test gets for `react-native-reanimated`, whose source Node cannot load.
- *
- * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
- * is called with `true` at once, so a test sees where an animation ends and what ends it does.
- * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
- * identity, since nothing in a test is between its ends.
- *
- * ponytail: the functions apps call from components, not the React hooks; add one when an app
- * under test imports it.
+ * What a test gets for `react-native-reanimated`, whose source Node cannot load: the stand-in a
+ * browser build gets too, with a shared value that is a signal, which a `[workletStyle]` in a test
+ * follows (see `reanimated.ts`).
  */
-import { sharedValue } from "./reanimated.js";
-const settle = (to, callback) => {
-    callback?.(true);
-    return to;
-};
-export const makeMutable = sharedValue;
-export function withTiming(to, _config, callback) {
-    return settle(to, callback);
-}
-export function withSpring(to, _config, callback) {
-    return settle(to, callback);
-}
-export function withDecay(_config, callback) {
-    return settle(0, callback);
-}
-export function withDelay(_delay, animation) {
-    return animation;
-}
-export function withSequence(...animations) {
-    return animations[animations.length - 1];
-}
-export function withRepeat(animation, _times, _reverse, callback) {
-    return settle(animation, callback);
-}
-export function cancelAnimation(_value) { }
-/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
-export function startMapper(_worklet, _inputs) {
-    return 0;
-}
-export function stopMapper(_id) { }
-export const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' };
-/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */
-function beyond(x, output, how) {
-    if (how === 'clamp')
-        return output;
-    if (how === 'identity')
-        return x;
-    return undefined;
-}
-export function interpolate(x, input, output, extrapolate) {
-    const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;
-    const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;
-    const last = input.length - 1;
-    const outside = x < input[0]
-        ? beyond(x, output[0], left)
-        : x > input[last]
-            ? beyond(x, output[last], right)
-            : undefined;
-    if (outside !== undefined)
-        return outside;
-    let i = 0;
-    while (i < last - 1 && x > input[i + 1])
-        i++;
-    const [a, b, p, q] = [input[i], input[i + 1], output[i], output[i + 1]];
-    return b === a ? p : p + ((x - a) / (b - a)) * (q - p);
-}
-const identity = (t) => t;
-const curve = () => identity;
-export const Easing = {
-    linear: identity,
-    ease: identity,
-    quad: identity,
-    cubic: identity,
-    sin: identity,
-    circle: identity,
-    exp: identity,
-    bounce: identity,
-    poly: curve,
-    elastic: curve,
-    back: curve,
-    bezier: curve,
-    bezierFn: curve,
-    in: (easing) => easing,
-    out: (easing) => easing,
-    inOut: (easing) => easing,
-};
-export const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' };
-export function runOnJS(fn) {
-    return fn;
-}
-export function runOnUI(fn) {
-    return fn;
-}
+export * from '@ng-native/components/stand-ins/reanimated';
+export { sharedValue as makeMutable } from "./reanimated.js";
 //# sourceMappingURL=reanimated-library.js.map

package/dist/reanimated-library.js.map

@@ -1 +1 @@
-{"version":3,"file":"reanimated-library.js","sourceRoot":"","sources":["../src/reanimated-library.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a test gets for `react-native-reanimated`, whose source Node cannot load.\n *\n * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback\n * is called with `true` at once, so a test sees where an animation ends and what ends it does.\n * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the\n * identity, since nothing in a test is between its ends.\n *\n * ponytail: the functions apps call from components, not the React hooks; add one when an app\n * under test imports it.\n */\nimport { sharedValue } from './reanimated.ts';\n\nexport type { SharedValue } from './reanimated.ts';\n\ntype Done = ((finished?: boolean) => void) | undefined;\n\nconst settle = <T>(to: T, callback: Done): T => {\n  callback?.(true);\n  return to;\n};\n\nexport const makeMutable = sharedValue;\n\nexport function withTiming<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withSpring<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withDecay(_config: { velocity?: number }, callback?: Done): number {\n  return settle(0, callback);\n}\n\nexport function withDelay<T>(_delay: number, animation: T): T {\n  return animation;\n}\n\nexport function withSequence<T>(...animations: T[]): T {\n  return animations[animations.length - 1]!;\n}\n\nexport function withRepeat<T>(\n  animation: T,\n  _times?: number,\n  _reverse?: boolean,\n  callback?: Done,\n): T {\n  return settle(animation, callback);\n}\n\nexport function cancelAnimation(_value: unknown): void {}\n\n/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */\nexport function startMapper(_worklet: () => void, _inputs?: unknown[]): number {\n  return 0;\n}\n\nexport function stopMapper(_id: number): void {}\n\nexport const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' } as const;\ntype Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];\n\n/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */\nfunction beyond(x: number, output: number, how: Extrapolate | undefined): number | undefined {\n  if (how === 'clamp') return output;\n  if (how === 'identity') return x;\n  return undefined;\n}\n\nexport function interpolate(\n  x: number,\n  input: readonly number[],\n  output: readonly number[],\n  extrapolate?: Extrapolate | { extrapolateLeft?: Extrapolate; extrapolateRight?: Extrapolate },\n): number {\n  const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;\n  const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;\n  const last = input.length - 1;\n  const outside =\n    x < input[0]!\n      ? beyond(x, output[0]!, left)\n      : x > input[last]!\n        ? beyond(x, output[last]!, right)\n        : undefined;\n  if (outside !== undefined) return outside;\n  let i = 0;\n  while (i < last - 1 && x > input[i + 1]!) i++;\n  const [a, b, p, q] = [input[i]!, input[i + 1]!, output[i]!, output[i + 1]!];\n  return b === a ? p : p + ((x - a) / (b - a)) * (q - p);\n}\n\nconst identity = (t: number) => t;\nconst curve = () => identity;\nexport const Easing = {\n  linear: identity,\n  ease: identity,\n  quad: identity,\n  cubic: identity,\n  sin: identity,\n  circle: identity,\n  exp: identity,\n  bounce: identity,\n  poly: curve,\n  elastic: curve,\n  back: curve,\n  bezier: curve,\n  bezierFn: curve,\n  in: (easing: (t: number) => number) => easing,\n  out: (easing: (t: number) => number) => easing,\n  inOut: (easing: (t: number) => number) => easing,\n};\n\nexport const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' } as const;\n\nexport function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n\nexport function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n"]}
+{"version":3,"file":"reanimated-library.js","sourceRoot":"","sources":["../src/reanimated-library.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,WAAW,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["/**\n * What a test gets for `react-native-reanimated`, whose source Node cannot load: the stand-in a\n * browser build gets too, with a shared value that is a signal, which a `[workletStyle]` in a test\n * follows (see `reanimated.ts`).\n */\nexport * from '@ng-native/components/stand-ins/reanimated';\nexport { sharedValue as makeMutable } from './reanimated.ts';\nexport type { SharedValue } from './reanimated.ts';\n"]}

package/dist/reanimated.d.ts

@@ -4,6 +4,9 @@ export interface SharedValue<T = number> {
     value: T;
     get(): T;
     set(value: T | ((current: T) => T)): void;
+    modify(modifier?: (value: T) => T, forceUpdate?: boolean): void;
+    addListener(id: number, listener: (value: T) => void): void;
+    removeListener(id: number): void;
 }
 export interface WorkletStyleSpec {
     readonly values: readonly unknown[];

package/dist/reanimated.js

@@ -11,21 +11,36 @@
  * event the view emits. So a test sees the style an animation settles on, not the frames between:
  * `react-native-reanimated`'s stand-in finishes every animation at once.
  */
-import { Directive, ElementRef, Renderer2, effect, inject, input, signal } from '@angular/core';
+import { Directive, ElementRef, Renderer2, effect, inject, input, signal, untracked, } from '@angular/core';
 import { HostEngine } from '@ng-native/fabric';
 import * as i0 from "@angular/core";
 export function sharedValue(initial) {
-    const state = signal(initial, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    // A write of the same value is skipped, as Reanimated's is, unless it is forced. A forced one
+    // reaches every reader, which a signal's own equality check would stop.
+    let forced = false;
+    const state = signal(initial, { ...(ngDevMode ? { debugName: "state" } : /* istanbul ignore next */ {}), equal: (a, b) => !forced && Object.is(a, b) });
+    const listeners = new Map();
+    const write = (next, force = false) => {
+        if (!force && Object.is(next, untracked(state)))
+            return;
+        forced = force;
+        state.set(next);
+        forced = false;
+        for (const listener of listeners.values())
+            listener(next);
+    };
     return {
         get value() {
             return state();
         },
         set value(next) {
-            state.set(next);
+            write(next);
         },
         get: () => state(),
-        set: (next) => state.set(typeof next === 'function' ? next(state()) : next),
+        set: (next) => write(typeof next === 'function' ? next(state()) : next),
+        modify: (modifier, forceUpdate = true) => write(modifier ? modifier(untracked(state)) : untracked(state), forceUpdate),
+        addListener: (id, listener) => void listeners.set(id, listener),
+        removeListener: (id) => void listeners.delete(id),
     };
 }
 export function workletStyle(values, updater) {
@@ -44,11 +59,13 @@ export class WorkletStyle {
         effect(() => {
             const { values, updater } = this.workletStyle();
             const style = updater(...values);
+            // As styles, which is what they are: written as props, `opacity` and `height` are names
+            // no view declares, and the unknown-prop check says so.
             for (const key of written)
                 if (!(key in style))
-                    renderer.setProperty(node, key, undefined);
+                    renderer.removeStyle(node, key);
             for (const [key, value] of Object.entries(style))
-                renderer.setProperty(node, key, value);
+                renderer.setStyle(node, key, value);
             written = Object.keys(style);
         });
     }

package/dist/reanimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"reanimated.js","sourceRoot":"","sources":["../src/reanimated.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a test gets for `@ng-native/components/reanimated`.\n *\n * The real entry point reaches Reanimated's and react-native-worklets' source, which Node cannot\n * load, so a test of any component with a `[workletStyle]` or a `[workletScroll]` failed to import\n * before it ran. `ngNative()` resolves the entry point here instead, with the same selectors,\n * inputs and factories, and the one runtime a test has standing in for the UI thread's.\n *\n * A shared value is a signal. A `[workletStyle]` writes what its worklet returns onto its view,\n * again whenever a value it read changes; a `[workletScroll]` runs its worklet for every scroll\n * event the view emits. So a test sees the style an animation settles on, not the frames between:\n * `react-native-reanimated`'s stand-in finishes every animation at once.\n */\nimport { Directive, ElementRef, Renderer2, effect, inject, input, signal } from '@angular/core';\nimport { HostEngine, type HostNode } from '@ng-native/fabric';\n\n/** A value both runtimes can see; here there is one runtime, and it is a signal. */\nexport interface SharedValue<T = number> {\n  value: T;\n  get(): T;\n  set(value: T | ((current: T) => T)): void;\n}\n\nexport interface WorkletStyleSpec {\n  readonly values: readonly unknown[];\n  updater(...values: readonly unknown[]): Record<string, unknown>;\n}\n\nexport interface WorkletScrollSpec {\n  readonly values: readonly unknown[];\n  handler(event: never, ...values: readonly unknown[]): void;\n}\n\nexport function sharedValue<T>(initial: T): SharedValue<T> {\n  const state = signal(initial);\n  return {\n    get value() {\n      return state();\n    },\n    set value(next: T) {\n      state.set(next);\n    },\n    get: () => state(),\n    set: (next) =>\n      state.set(typeof next === 'function' ? (next as (current: T) => T)(state()) : next),\n  };\n}\n\nexport function workletStyle<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  updater: (...values: T) => Record<string, unknown>,\n): WorkletStyleSpec {\n  return { values, updater } as WorkletStyleSpec;\n}\n\nexport function workletScroll<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  handler: (event: never, ...values: T) => void,\n): WorkletScrollSpec {\n  return { values, handler } as WorkletScrollSpec;\n}\n\n@Directive({ selector: '[workletStyle]' })\nexport class WorkletStyle {\n  readonly workletStyle = input.required<WorkletStyleSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const renderer = inject(Renderer2);\n    let written: readonly string[] = [];\n    effect(() => {\n      const { values, updater } = this.workletStyle();\n      const style = updater(...values);\n      for (const key of written) if (!(key in style)) renderer.setProperty(node, key, undefined);\n      for (const [key, value] of Object.entries(style)) renderer.setProperty(node, key, value);\n      written = Object.keys(style);\n    });\n  }\n}\n\n@Directive({ selector: '[workletScroll]' })\nexport class WorkletScroll {\n  readonly workletScroll = input.required<WorkletScrollSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const engine = inject(HostEngine);\n    effect((onCleanup) => {\n      const { values, handler } = this.workletScroll();\n      onCleanup(\n        engine.setEventListener(node, 'topScroll', (event) =>\n          handler((event as { nativeEvent: never }).nativeEvent, ...values),\n        ),\n      );\n    });\n  }\n}\n"]}
+{"version":3,"file":"reanimated.js","sourceRoot":"","sources":["../src/reanimated.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a test gets for `@ng-native/components/reanimated`.\n *\n * The real entry point reaches Reanimated's and react-native-worklets' source, which Node cannot\n * load, so a test of any component with a `[workletStyle]` or a `[workletScroll]` failed to import\n * before it ran. `ngNative()` resolves the entry point here instead, with the same selectors,\n * inputs and factories, and the one runtime a test has standing in for the UI thread's.\n *\n * A shared value is a signal. A `[workletStyle]` writes what its worklet returns onto its view,\n * again whenever a value it read changes; a `[workletScroll]` runs its worklet for every scroll\n * event the view emits. So a test sees the style an animation settles on, not the frames between:\n * `react-native-reanimated`'s stand-in finishes every animation at once.\n */\nimport {\n  Directive,\n  ElementRef,\n  Renderer2,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { HostEngine, type HostNode } from '@ng-native/fabric';\n\n/** A value both runtimes can see; here there is one runtime, and it is a signal. */\nexport interface SharedValue<T = number> {\n  value: T;\n  get(): T;\n  set(value: T | ((current: T) => T)): void;\n  modify(modifier?: (value: T) => T, forceUpdate?: boolean): void;\n  addListener(id: number, listener: (value: T) => void): void;\n  removeListener(id: number): void;\n}\n\nexport interface WorkletStyleSpec {\n  readonly values: readonly unknown[];\n  updater(...values: readonly unknown[]): Record<string, unknown>;\n}\n\nexport interface WorkletScrollSpec {\n  readonly values: readonly unknown[];\n  handler(event: never, ...values: readonly unknown[]): void;\n}\n\nexport function sharedValue<T>(initial: T): SharedValue<T> {\n  // A write of the same value is skipped, as Reanimated's is, unless it is forced. A forced one\n  // reaches every reader, which a signal's own equality check would stop.\n  let forced = false;\n  const state = signal(initial, { equal: (a, b) => !forced && Object.is(a, b) });\n  const listeners = new Map<number, (value: T) => void>();\n  const write = (next: T, force = false) => {\n    if (!force && Object.is(next, untracked(state))) return;\n    forced = force;\n    state.set(next);\n    forced = false;\n    for (const listener of listeners.values()) listener(next);\n  };\n  return {\n    get value() {\n      return state();\n    },\n    set value(next: T) {\n      write(next);\n    },\n    get: () => state(),\n    set: (next) => write(typeof next === 'function' ? (next as (current: T) => T)(state()) : next),\n    modify: (modifier, forceUpdate = true) =>\n      write(modifier ? modifier(untracked(state)) : untracked(state), forceUpdate),\n    addListener: (id, listener) => void listeners.set(id, listener),\n    removeListener: (id) => void listeners.delete(id),\n  };\n}\n\nexport function workletStyle<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  updater: (...values: T) => Record<string, unknown>,\n): WorkletStyleSpec {\n  return { values, updater } as WorkletStyleSpec;\n}\n\nexport function workletScroll<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  handler: (event: never, ...values: T) => void,\n): WorkletScrollSpec {\n  return { values, handler } as WorkletScrollSpec;\n}\n\n@Directive({ selector: '[workletStyle]' })\nexport class WorkletStyle {\n  readonly workletStyle = input.required<WorkletStyleSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const renderer = inject(Renderer2);\n    let written: readonly string[] = [];\n    effect(() => {\n      const { values, updater } = this.workletStyle();\n      const style = updater(...values);\n      // As styles, which is what they are: written as props, `opacity` and `height` are names\n      // no view declares, and the unknown-prop check says so.\n      for (const key of written) if (!(key in style)) renderer.removeStyle(node, key);\n      for (const [key, value] of Object.entries(style)) renderer.setStyle(node, key, value);\n      written = Object.keys(style);\n    });\n  }\n}\n\n@Directive({ selector: '[workletScroll]' })\nexport class WorkletScroll {\n  readonly workletScroll = input.required<WorkletScrollSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const engine = inject(HostEngine);\n    effect((onCleanup) => {\n      const { values, handler } = this.workletScroll();\n      onCleanup(\n        engine.setEventListener(node, 'topScroll', (event) =>\n          handler((event as { nativeEvent: never }).nativeEvent, ...values),\n        ),\n      );\n    });\n  }\n}\n"]}

package/dist/render.d.ts

@@ -6,7 +6,7 @@
  * - onto a `createFakeFabric()`, so what a query reads is what native would have been handed.
  */
 import { type ApplicationRef, type ComponentRef, type EnvironmentProviders, type Provider, type Type } from '@angular/core';
-import type { EngineOptions } from '@ng-native/fabric';
+import type { Engine, EngineOptions } from '@ng-native/fabric';
 import { type BoundQueries } from './queries.ts';
 import { type FakeFabric, type FakeFabricNode } from './test-utils.ts';
 import { type WaitForOptions } from './wait-for.ts';
@@ -56,16 +56,20 @@ export interface RenderResult<T> extends BoundQueries {
 }
 interface Mounted {
     fabric: FakeFabric;
+    engine: Engine;
     applicationRef: ApplicationRef;
     componentRef: ComponentRef<unknown>;
 }
 /**
  * Let zoneless change detection run and commit.
  *
- * One macrotask is enough: Angular schedules its pass on `setTimeout(0)` (racing an animation
- * frame) when something changes, so a timeout queued after the change runs after the pass.
+ * One macrotask is enough for a change Angular sees: it schedules its pass on `setTimeout(0)`
+ * (racing an animation frame), so a timeout queued after the change runs after the pass. A change
+ * the engine sees outside change detection, such as a modal's reported dismissal with no
+ * `(dismiss)` listener, commits on the platform's next frame instead, 16ms away in Node, so this
+ * waits for that frame while a commit is owed.
  */
-export declare const settle: () => Promise<void>;
+export declare function settle(): Promise<void>;
 export declare function ownerOf(node: FakeFabricNode): Mounted;
 /** The node as it is in the most recent commit, found by its tag, or null once it is gone. */
 export declare function currentOf(node: FakeFabricNode): FakeFabricNode | null;
@@ -78,7 +82,10 @@ export declare function currentOf(node: FakeFabricNode): FakeFabricNode | null;
  * first change detection so `input.required()` works.
  */
 export declare function render<T>(component: Type<T> | string, options?: RenderOptions<T>): Promise<RenderResult<T>>;
-/** Unmount everything rendered so far. Registered as an `afterEach` where one is global. */
+/**
+ * Unmount everything rendered so far, and destroy every app `injectService` created. Registered
+ * as an `afterEach` where one is global.
+ */
 export declare function cleanup(): void;
 /** Queries over whatever was rendered most recently, as Testing Library's `screen` is. */
 export declare const screen: BoundQueries & {

package/dist/render.js

@@ -13,21 +13,35 @@ var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExte
  * A render is a real `mount()` - the same bootstrap an app runs, with the same renderer and engine
  * - onto a `createFakeFabric()`, so what a query reads is what native would have been handed.
  */
-import { ChangeDetectorRef, Component, } from '@angular/core';
+import { ChangeDetectorRef, Component, 
+// The rule is for templates an app ships, which are checked when they are compiled. The one use
+// here is the host a test's template string is compiled into: see `hostFor`.
+// eslint-disable-next-line no-restricted-syntax
+NO_ERRORS_SCHEMA, outputBinding, } from '@angular/core';
 import { mount } from '@ng-native/platform';
+import { destroyServiceApps } from "./inject-service.js";
 import { bindQueries, describeTree, flatten } from "./queries.js";
 import { createFakeFabric } from "./test-utils.js";
 import { waitFor } from "./wait-for.js";
 const mounted = [];
 /** Which render a node a query returned belongs to, so an event on it reaches the right fake. */
 const owners = new WeakMap();
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 /**
  * Let zoneless change detection run and commit.
  *
- * One macrotask is enough: Angular schedules its pass on `setTimeout(0)` (racing an animation
- * frame) when something changes, so a timeout queued after the change runs after the pass.
+ * One macrotask is enough for a change Angular sees: it schedules its pass on `setTimeout(0)`
+ * (racing an animation frame), so a timeout queued after the change runs after the pass. A change
+ * the engine sees outside change detection, such as a modal's reported dismissal with no
+ * `(dismiss)` listener, commits on the platform's next frame instead, 16ms away in Node, so this
+ * waits for that frame while a commit is owed.
  */
-export const settle = () => new Promise((resolve) => setTimeout(resolve, 0));
+export async function settle() {
+    await sleep(0);
+    for (let frames = 0; frames < 3 && mounted.some((m) => m.engine.pending); frames++) {
+        await sleep(16);
+    }
+}
 function latest() {
     const current = mounted.at(-1);
     if (!current)
@@ -48,6 +62,34 @@ const tree = (nodes) => describeTree(nodes) || '(nothing)';
 function queriesFor(roots, owner) {
     return bindQueries(roots, () => tree(roots()), (node) => owners.set(node, owner()));
 }
+/**
+ * The names a template can bind as inputs on `type`: its own, by alias where one has one, and
+ * those its host directives forward, by the name each is forwarded under. Null where the
+ * definition cannot be read, and nothing is checked.
+ */
+function inputNames(type) {
+    const def = type.ɵcmp;
+    if (!def?.inputs)
+        return null;
+    const forwarded = (def.hostDirectives ?? []).flatMap((entry) => Object.values((typeof entry === 'function' ? entry() : entry).inputs ?? {}));
+    return [...Object.keys(def.inputs), ...forwarded];
+}
+/**
+ * Throws for a name in `inputs` that is no input of `type`. Angular only logs one, and renders the
+ * component with its defaults. Checked before any input is set, so a refused batch changes nothing
+ * and a required input left unset by a misspelling is named for what it is.
+ */
+function refuseUnknownInputs(type, inputs = {}) {
+    const known = inputNames(type);
+    if (!known)
+        return;
+    const unknown = Object.keys(inputs).filter((name) => !known.includes(name));
+    if (!unknown.length)
+        return;
+    throw new Error(`[angular-native] ${type.name} has no input named ` +
+        `${unknown.map((name) => `'${name}'`).join(', ')}. ` +
+        (known.length ? `Its inputs are ${known.join(', ')}.` : 'It has no inputs.'));
+}
 /**
  * The template form, compiled just in time.
  *
@@ -55,6 +97,8 @@ function queriesFor(roots, owner) {
  * class form is AOT like the app. An AOT compile of the string would mean evaluating generated
  * code that imports the caller's own classes by name; do that if JIT ever disagrees with AOT.
  */
+/** Wrappers built so far: each takes the next as a host attribute, so no two share an ID. */
+let wrappers = 0;
 async function hostFor(template, options) {
     await import(__rewriteRelativeImportExtension('@angular/compiler'));
     const properties = options.componentProperties ?? {};
@@ -65,8 +109,16 @@ async function hostFor(template, options) {
     }
     return Component({
         selector: 'ng-native-wrapper',
+        // Angular derives a component's ID from its metadata, not its template's text, so wrappers
+        // alike in shape collided (NG0912) without it.
+        host: { 'data-wrapper': String(++wrappers) },
         template,
         imports: (options.imports ?? []),
+        // A component's own host bindings are checked against the schemas of the template it is used
+        // in, and only where that template was compiled just in time: the app's, compiled ahead, has
+        // no such check. Without this every native prop a component binds on its host logs NG0303.
+        // eslint-disable-next-line no-restricted-syntax -- as above
+        schemas: [NO_ERRORS_SCHEMA],
     })(WrapperComponent);
 }
 /**
@@ -82,22 +134,25 @@ export async function render(component, options = {}) {
     const isTemplate = typeof component === 'string';
     const type = isTemplate ? await hostFor(component, options) : component;
     const fabric = createFakeFabric();
+    if (!isTemplate)
+        refuseUnknownInputs(type, inputs);
     const app = mount(1, type, fabric, {
         ...engine,
         providers,
         inputs: isTemplate ? {} : inputs,
+        // As a template would bind them, so an output a host directive forwards is heard, by the name
+        // it is forwarded under, and a name that is no output is refused by Angular, by name.
+        bindings: Object.entries(on ?? {}).map(([name, handler]) => outputBinding(name, handler)),
     });
     const self = {
         fabric,
+        engine: app.engine,
         applicationRef: app.applicationRef,
         componentRef: app.componentRef,
     };
     mounted.push(self);
     const componentRef = app.componentRef;
     const instance = componentRef.instance;
-    for (const [name, handler] of Object.entries(on ?? {})) {
-        instance[name].subscribe(handler);
-    }
     const detectChanges = async () => {
         // The component's own view, not the host's: `componentRef.changeDetectorRef` marks the host
         // and upwards, which leaves an OnPush component with a changed field exactly as it was.
@@ -106,6 +161,7 @@ export async function render(component, options = {}) {
         await settle();
     };
     const rerender = async (changes = {}) => {
+        refuseUnknownInputs(type, changes.inputs);
         for (const [name, value] of Object.entries(changes.inputs ?? {})) {
             componentRef.setInput(name, value);
         }
@@ -135,10 +191,14 @@ function unmount(target) {
     mounted.splice(at, 1);
     target.applicationRef.destroy();
 }
-/** Unmount everything rendered so far. Registered as an `afterEach` where one is global. */
+/**
+ * Unmount everything rendered so far, and destroy every app `injectService` created. Registered
+ * as an `afterEach` where one is global.
+ */
 export function cleanup() {
     for (const target of [...mounted])
         unmount(target);
+    destroyServiceApps();
 }
 /** Queries over whatever was rendered most recently, as Testing Library's `screen` is. */
 export const screen = {