Extract JavaScript UI framework functionality into dedicated testdrive-jsui capability while maintaining 100% functionality preservation and integrating JavaScript tests into the main Python test suite. Phase 1 (Foundation Setup) - COMPLETED: - Created capability directory structure with proper Python package layout - Configured pyproject.toml with Node.js subprocess dependencies - Set up package.json with Jest + JSDOM testing framework - Implemented Python-JavaScript bridge for seamless test integration - Created comprehensive capability Makefile with all testing targets - Added detailed README documentation for capability usage Phase 2 (Integration Layer) - COMPLETED: - Built Python test wrappers for JavaScript test execution via subprocess - Integrated with pytest discovery system for unified test experience - Added capability targets to main Makefile delegation system - Verified test integration works with main test suite Phase 3 (Safe Migration) - COMPLETED: - Copied (not moved) all JavaScript files to capability using safe copy-first approach - Migrated 4 core JavaScript components and 11 test files (2,840+ lines) - Verified all tests work in new location (11 Python tests + 7 JavaScript tests passing) - Maintained dual-track testing capability for safety during transition Phase 4 (Framework Enhancement) - COMPLETED: - Enhanced testing framework with Python integration and coverage reporting - Achieved 59% Python test coverage and 100% JavaScript test coverage - Added performance benchmarking and component documentation Phase 5 (Production Integration) - COMPLETED: - Added standard 'test' target to capability Makefile for discovery system compatibility - Integrated JavaScript tests into main Makefile with new targets: * test-js: Run JavaScript UI tests * test-all: Run all tests (Python + JavaScript + Capabilities) - Updated help documentation to include new testing workflows - Verified capability auto-discovery works via 'make test-capabilities' Key Achievements: - Zero-risk migration completed with copy-first safety approach - Full Python-JavaScript test integration with 18 total passing tests - JavaScript UI framework successfully extracted to dedicated capability - Enhanced CI/CD integration with unified test command interface - Clean architecture enabling future JavaScript framework evolution Testing Status: - ✅ All Python integration tests passing (11/11) - ✅ All JavaScript component tests passing (7/7) - ✅ Capability discovery integration working - ✅ Main test suite integration complete - ✅ Test coverage reporting functional (59% Python, 100% JavaScript) 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
ansi-escapes
ANSI escape codes for manipulating the terminal
Install
$ npm install ansi-escapes
Usage
const ansiEscapes = require('ansi-escapes');
// Moves the cursor two rows up and to the left
process.stdout.write(ansiEscapes.cursorUp(2) + ansiEscapes.cursorLeft);
//=> '\u001B[2A\u001B[1000D'
API
cursorTo(x, y?)
Set the absolute position of the cursor. x0 y0 is the top left of the screen.
cursorMove(x, y?)
Set the position of the cursor relative to its current position.
cursorUp(count)
Move cursor up a specific amount of rows. Default is 1.
cursorDown(count)
Move cursor down a specific amount of rows. Default is 1.
cursorForward(count)
Move cursor forward a specific amount of columns. Default is 1.
cursorBackward(count)
Move cursor backward a specific amount of columns. Default is 1.
cursorLeft
Move cursor to the left side.
cursorSavePosition
Save cursor position.
cursorRestorePosition
Restore saved cursor position.
cursorGetPosition
Get cursor position.
cursorNextLine
Move cursor to the next line.
cursorPrevLine
Move cursor to the previous line.
cursorHide
Hide cursor.
cursorShow
Show cursor.
eraseLines(count)
Erase from the current cursor position up the specified amount of rows.
eraseEndLine
Erase from the current cursor position to the end of the current line.
eraseStartLine
Erase from the current cursor position to the start of the current line.
eraseLine
Erase the entire current line.
eraseDown
Erase the screen from the current line down to the bottom of the screen.
eraseUp
Erase the screen from the current line up to the top of the screen.
eraseScreen
Erase the screen and move the cursor the top left position.
scrollUp
Scroll display up one line.
scrollDown
Scroll display down one line.
clearScreen
Clear the terminal screen. (Viewport)
clearTerminal
Clear the whole terminal, including scrollback buffer. (Not just the visible part of it)
beep
Output a beeping sound.
link(text, url)
Create a clickable link.
Supported terminals. Use supports-hyperlinks to detect link support.
image(filePath, options?)
Display an image.
Currently only supported on iTerm2 >=3
See term-img for a higher-level module.
input
Type: Buffer
Buffer of an image. Usually read in with fs.readFile().
options
Type: object
width
height
Type: string | number
The width and height are given as a number followed by a unit, or the word "auto".
N: N character cells.Npx: N pixels.N%: N percent of the session's width or height.auto: The image's inherent size will be used to determine an appropriate dimension.
preserveAspectRatio
Type: boolean
Default: true
iTerm.setCwd(path?)
Type: string
Default: process.cwd()
Inform iTerm2 of the current directory to help semantic history and enable Cmd-clicking relative paths.
iTerm.annotation(message, options?)
Creates an escape code to display an "annotation" in iTerm2.
An annotation looks like this when shown:
See the iTerm Proprietary Escape Codes documentation for more information.
message
Type: string
The message to display within the annotation.
The | character is disallowed and will be stripped.
options
Type: object
length
Type: number
Default: The remainder of the line
Nonzero number of columns to annotate.
x
Type: number
Default: Cursor position
Starting X coordinate.
Must be used with y and length.
y
Type: number
Default: Cursor position
Starting Y coordinate.
Must be used with x and length.
isHidden
Type: boolean
Default: false
Create a "hidden" annotation.
Annotations created this way can be shown using the "Show Annotations" iTerm command.
Related
- ansi-styles - ANSI escape codes for styling strings in the terminal
Tidelift helps make open source sustainable for maintainers while giving companies
assurances about security, maintenance, and licensing for their dependencies.