💬 Commit message: Update 2026-02-06 21:43:28, 20 files, 5493 lines

📁 Files changed: 20
📝 Lines changed: 5493

  • base.css
  • block-navigation.js
  • browser.ts.html
  • clover.xml
  • coverage-final.json
  • favicon.png
  • index.html
  • logger.ts.html
  • prettify.css
  • prettify.js
  • server.ts.html
  • sort-arrow-sprite.png
  • sorter.js
  • types.ts.html
  • package-lock.json
  • package.json
  • browser.test.ts
  • logger.test.ts
  • server.test.ts
  • vitest.config.ts

src/logger.test.ts

@@ -0,0 +1,125 @@
+import { describe, expect, it, vi } from 'vitest';
+import {
+  createLogger,
+  formatCommand,
+  formatResult,
+  getCommandDetail,
+  icons,
+  truncate,
+} from './logger.js';
+
+describe('truncate', () => {
+  it('returns string unchanged if shorter than max', () => {
+    expect(truncate('hello', 10)).toBe('hello');
+  });
+
+  it('truncates and adds ellipsis if longer than max', () => {
+    expect(truncate('hello world', 5)).toBe('hello...');
+  });
+
+  it('handles exact length', () => {
+    expect(truncate('hello', 5)).toBe('hello');
+  });
+});
+
+describe('icons', () => {
+  it('has icon for each command type', () => {
+    expect(icons.goto).toBe('→');
+    expect(icons.click).toBe('◉');
+    expect(icons.type).toBe('⌨');
+    expect(icons.screenshot).toBe('📷');
+  });
+});
+
+describe('getCommandDetail', () => {
+  it('returns url for goto command', () => {
+    const result = getCommandDetail({ cmd: 'goto', url: 'https://example.com' });
+    expect(result).toContain('https://example.com');
+  });
+
+  it('returns selector for click command', () => {
+    const result = getCommandDetail({ cmd: 'click', selector: '#btn' });
+    expect(result).toContain('#btn');
+  });
+
+  it('returns selector and text for type command', () => {
+    const result = getCommandDetail({ cmd: 'type', selector: '#input', text: 'hello' });
+    expect(result).toContain('#input');
+    expect(result).toContain('hello');
+  });
+
+  it('returns path for screenshot command', () => {
+    const result = getCommandDetail({ cmd: 'screenshot', path: 'test.png' });
+    expect(result).toContain('test.png');
+  });
+
+  it('returns default path when none provided for screenshot', () => {
+    const result = getCommandDetail({ cmd: 'screenshot' });
+    expect(result).toContain('screenshot.png');
+  });
+
+  it('returns undefined for url command', () => {
+    expect(getCommandDetail({ cmd: 'url' })).toBeUndefined();
+  });
+
+  it('returns ms for wait command', () => {
+    const result = getCommandDetail({ cmd: 'wait', ms: 500 });
+    expect(result).toContain('500');
+  });
+});
+
+describe('formatCommand', () => {
+  it('formats goto command', () => {
+    const result = formatCommand({ cmd: 'goto', url: 'https://example.com' });
+    expect(result).toContain('GOTO');
+    expect(result).toContain('https://example.com');
+  });
+
+  it('formats click command', () => {
+    const result = formatCommand({ cmd: 'click', selector: '#btn' });
+    expect(result).toContain('CLICK');
+    expect(result).toContain('#btn');
+  });
+});
+
+describe('formatResult', () => {
+  it('formats error result', () => {
+    const result = formatResult({ cmd: 'goto' }, { ok: false, error: 'Failed' });
+    expect(result).toContain('Failed');
+  });
+
+  it('formats successful goto result with title', () => {
+    const result = formatResult({ cmd: 'goto' }, { ok: true, title: 'Example' });
+    expect(result).toContain('Example');
+  });
+
+  it('formats query result with count', () => {
+    const result = formatResult({ cmd: 'query' }, { ok: true, count: 5 });
+    expect(result).toContain('5');
+  });
+});
+
+describe('createLogger', () => {
+  it('creates logger with custom log function', () => {
+    const logs: string[] = [];
+    const logFn = (msg: string) => logs.push(msg);
+    const logger = createLogger(logFn);
+
+    logger.command({ cmd: 'goto', url: 'https://example.com' });
+    expect(logs).toHaveLength(1);
+    expect(logs[0]).toContain('GOTO');
+
+    logger.result({ cmd: 'goto' }, { ok: true, title: 'Example' });
+    expect(logs).toHaveLength(2);
+  });
+
+  it('logs command and result', () => {
+    const spy = vi.fn();
+    const logger = createLogger(spy);
+
+    logger.command({ cmd: 'click', selector: '#btn' });
+    logger.result({ cmd: 'click' }, { ok: true, url: '/page' });
+
+    expect(spy).toHaveBeenCalledTimes(2);
+  });
+});