@cmodjs/core 0.1.10 → 0.1.11

package/docs/testing.md

@@ -145,6 +145,7 @@ Waits until the work a hook started without awaiting it has run, such as a `void
 ### lines
 
 - `lines(paneId)` draws an open pane and returns its rows of text. It rejects a pane that is not open: open it first with `tested.type('/<command>')` or `pane.open()` in the mod. The render gets the props `title`, `isFocused`, true once an `open` or `toggle` with `{ focus: true }` opened it, `bodyColumns`, `placement: 'dock'`, `scroll: { offset: 0, bodyRows: 24 }`, and `view: {}`, the main conversation's view.
+- A `Button` draws as Claude Code draws it: `[ Save ]`, or `1: Save` when it is `plain` with a `hotkey`, or `Save` when it is `plain` alone. Borders and colors are not drawn.
 - `lines(slot, props, requestId?)` draws a slot render with `props` and returns its rows. `Default` draws a plain listing of the props it gets, so a test sees what the render changed. Draw `slots.AssistantMessage` with a reply's `text` to test a markdown slot render. Draws that pass one `requestId` grow one streamed reply.
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmodjs/core",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Build Claude Code mods: hooks, panes, permissions, checks, and an install that just works.",
   "license": "MIT",
   "type": "module",

package/src/testing/fake-elements.ts

@@ -53,7 +53,7 @@ export function textOf(node: RenderNode): string {
   const { type, props, children = [] } = insideOf(node)
   const inner = children.map(textOf).join('')
   if (type === 'Box') return rowsOf(node, Number.POSITIVE_INFINITY).join('\n')
-  if (type === 'Button') return String(props['label'] ?? inner)
+  if (type === 'Button') return buttonText(String(props['label'] ?? inner), props)
   if (type === 'Link') return inner === '' ? String(props['label'] ?? props['href']) : inner
   if (type === 'Code') return String(props['source'])
   if (type === 'Markdown') return String(props['text'])
@@ -67,6 +67,11 @@ export function textOf(node: RenderNode): string {
   return inner
 }
 
+function buttonText(label: string, props: Drawn['props']): string {
+  if (props['plain'] !== true) return `[ ${label} ]`
+  return props['hotkey'] === undefined ? label : `${String(props['hotkey'])}: ${label}`
+}
+
 function insideOf(node: RenderElement): Drawn {
   const drawn = boxInsides.get(node) ?? (node as unknown as Partial<Drawn>)
   return { type: String(drawn.type), props: drawn.props ?? {}, ...(drawn.children === undefined ? {} : { children: drawn.children }) }

package/testing/fake-elements.js

@@ -52,7 +52,7 @@ export function textOf(node) {
     if (type === 'Box')
         return rowsOf(node, Number.POSITIVE_INFINITY).join('\n');
     if (type === 'Button')
-        return String(props['label'] ?? inner);
+        return buttonText(String(props['label'] ?? inner), props);
     if (type === 'Link')
         return inner === '' ? String(props['label'] ?? props['href']) : inner;
     if (type === 'Code')
@@ -70,6 +70,11 @@ export function textOf(node) {
     }
     return inner;
 }
+function buttonText(label, props) {
+    if (props['plain'] !== true)
+        return `[ ${label} ]`;
+    return props['hotkey'] === undefined ? label : `${String(props['hotkey'])}: ${label}`;
+}
 function insideOf(node) {
     const drawn = boxInsides.get(node) ?? node;
     return { type: String(drawn.type), props: drawn.props ?? {}, ...(drawn.children === undefined ? {} : { children: drawn.children }) };