// node ui/js/views/views.test.mjs (docker run --rm -v $PWD:/w -w /w node:22-alpine node ui/js/views/views.test.mjs)import { readFileSync } from 'node:fs';import assert from 'node:assert/strict';import { fileURLToPath } from 'node:url';import { dirname, join } from 'node:path';const dir = dirname(fileURLToPath(import.meta.url));function load(name) { const m = { exports: {} }; new Function('module', 'window', readFileSync(join(dir, name), 'utf8'))(m, undefined); return m.exports;}const claude = load('claude.js'), terminal = load('terminal.js'), files = load('files.js');let n = 0;const test = (name, fn) => { fn(); n++; console.log('ok', name); };const ev = (event, id = 7) => ({ id, event });test('a streamed answer grows live, then the assistant message replaces it', () => { const st = claude.newState(); claude.applyEvent(st, ev({ type: 'stream_event', event: { type: 'content_block_start', content_block: { type: 'text' } } })); claude.applyEvent(st, ev({ type: 'stream_event', event: { type: 'content_block_delta', delta: { text: 'Hel' } } })); claude.applyEvent(st, ev({ type: 'stream_event', event: { type: 'content_block_delta', delta: { text: 'lo' } } })); assert.equal(st.live.buf, 'Hello'); assert.equal(st.working, true); assert.equal(st.items.length, 0); assert.equal(claude.applyEvent(st, ev({ type: 'assistant', message: { content: [{ type: 'text', text: 'Hello' }] } })), 'items'); assert.equal(st.live, null); assert.deepEqual(st.items, [{ role: 'assistant', text: 'Hello' }]);});test('thinking, tool use, tool errors', () => { const st = claude.newState(); claude.applyEvent(st, ev({ type: 'assistant', session_id: 'S1', message: { content: [{ type: 'thinking', thinking: 'hm' }, { type: 'tool_use', name: 'Bash', input: { command: 'ls' } }] } })); claude.applyEvent(st, ev({ type: 'user', message: { content: [{ type: 'tool_result', is_error: true, content: [{ text: 'boom' }] }] } })); assert.deepEqual(st.items.map((i) => i.role), ['thinking', 'tool', 'tool-error']); assert.equal(st.items[2].text, 'boom'); assert.equal(st.session, 'S1'); assert.equal(st.tools, 1);});test('result adds done, stops working; errors and denials', () => { const st = claude.newState(); claude.applyEvent(st, ev({ type: 'assistant', message: { content: [{ type: 'tool_use', name: 'Read', input: { file_path: 'a' } }] } })); claude.applyEvent(st, ev({ type: 'result', is_error: true, result: 'oops', duration_ms: 3400, permission_denials: [{ tool_name: 'Bash' }] })); assert.deepEqual(st.items.map((i) => i.role), ['tool', 'error', 'note', 'done']); assert.match(st.items[3].text, /Stopped · 3 s · 1 action/); assert.equal(st.working, false);});test('exit with an error shows it', () => { const st = claude.newState(); st.working = true; claude.applyExit(st, { id: 1, code: 1, error: 'no claude' }); assert.equal(st.working, false); assert.equal(st.items[0].text, 'no claude');});test('snap replaces the conversation and keeps conv', () => { const st = claude.newState(); st.items.push({ role: 'user', text: 'x' }); assert.equal(claude.applySnap(st, { panel: 'claude', conv: 'c1', items: [{ role: 'user', text: 'a' }, { role: 'assistant', text: 'b' }] }), 'reset'); assert.equal(st.conv, 'c1'); assert.equal(st.items.length, 2);});test('toolLabel like the IDE panel', () => { assert.deepEqual(claude.toolLabel('Bash', { command: 'ls -la' }), { label: '$', what: 'ls -la' }); assert.equal(claude.toolLabel('Edit', { file_path: 'src/A.php' }).what, 'src/A.php'); assert.equal(claude.toolLabel('mcp__jumphp-ide__read_file', { path: 'x' }).label, 'read file'); assert.equal(claude.toolLabel('Mystery', { description: 'd' }).label, 'Mystery');});test('terminal base64 decoding (raw bytes, url-safe, no padding)', () => { assert.deepEqual([...terminal.decode('aGk=')], [104, 105]); assert.deepEqual([...terminal.decode('aGk')], [104, 105]); assert.deepEqual([...terminal.decode(Buffer.from([0xff, 0xfe, 0x1b, 0x5b]).toString('base64url'))], [0xff, 0xfe, 0x1b, 0x5b]); assert.equal(terminal.decode('').length, 0);});test('terminal messages are interpreted', () => { const b = Buffer.from('\x1b[1mhi').toString('base64'); assert.deepEqual(terminal.interpret('snap', { panel: 'terminal', id: 3, data: b, cols: 80, rows: 24 }).cols, 80); assert.equal(terminal.interpret('snap', { panel: 'claude', id: 3 }), null); assert.equal(terminal.interpret('terminal.output', { id: 'a', data: b }).kind, 'output'); assert.equal(terminal.interpret('terminal.exit', { id: 1 }).kind, 'exit'); assert.equal(terminal.interpret('terminal.output', null), null);});test('ctrl turns letters into control codes', () => { assert.equal(terminal.applyCtrl('c'), '\x03'); assert.equal(terminal.applyCtrl('D'), '\x04'); assert.equal(terminal.applyCtrl('|'), '|');});test('file tree: folders first, nested', () => { const t = files.buildTree([{ path: 'b.php', size: 1 }, { path: 'src/Z.php', size: 2 }, { path: 'src/a/x.php', size: 3 }, { path: 'README.md', size: 4 }]); assert.deepEqual(t.children.map((c) => c.name), ['src', 'b.php', 'README.md'].sort((a, b) => 0) && ['src', 'b.php', 'README.md']); assert.deepEqual(t.children[0].children.map((c) => c.name), ['a', 'Z.php']); assert.equal(t.children[0].children[0].children[0].path, 'src/a/x.php');});test('lines are cut at the maximum', () => { const r = files.toLines('a\nb\nc\n', 2); assert.deepEqual(r, { lines: ['a', 'b'], cut: 1 }); assert.deepEqual(files.toLines('x\r\ny', 10).lines, ['x', 'y']);});console.log(n + ' passed');