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>
109 lines
3.3 KiB
JavaScript
109 lines
3.3 KiB
JavaScript
'use strict';
|
|
|
|
const charCodeDefinitions = require('../tokenizer/char-code-definitions.cjs');
|
|
const utils = require('../tokenizer/utils.cjs');
|
|
|
|
const SPACE = 0x0020; // U+0020 SPACE
|
|
const REVERSE_SOLIDUS = 0x005c; // U+005C REVERSE SOLIDUS (\)
|
|
const QUOTATION_MARK = 0x0022; // "
|
|
const APOSTROPHE = 0x0027; // '
|
|
const LEFTPARENTHESIS = 0x0028; // U+0028 LEFT PARENTHESIS (()
|
|
const RIGHTPARENTHESIS = 0x0029; // U+0029 RIGHT PARENTHESIS ())
|
|
|
|
function decode(str) {
|
|
const len = str.length;
|
|
let start = 4; // length of "url("
|
|
let end = str.charCodeAt(len - 1) === RIGHTPARENTHESIS ? len - 2 : len - 1;
|
|
let decoded = '';
|
|
|
|
while (start < end && charCodeDefinitions.isWhiteSpace(str.charCodeAt(start))) {
|
|
start++;
|
|
}
|
|
|
|
while (start < end && charCodeDefinitions.isWhiteSpace(str.charCodeAt(end))) {
|
|
end--;
|
|
}
|
|
|
|
for (let i = start; i <= end; i++) {
|
|
let code = str.charCodeAt(i);
|
|
|
|
if (code === REVERSE_SOLIDUS) {
|
|
// special case at the ending
|
|
if (i === end) {
|
|
// if the next input code point is EOF, do nothing
|
|
// otherwise include last left parenthesis as escaped
|
|
if (i !== len - 1) {
|
|
decoded = str.substr(i + 1);
|
|
}
|
|
break;
|
|
}
|
|
|
|
code = str.charCodeAt(++i);
|
|
|
|
// consume escaped
|
|
if (charCodeDefinitions.isValidEscape(REVERSE_SOLIDUS, code)) {
|
|
const escapeStart = i - 1;
|
|
const escapeEnd = utils.consumeEscaped(str, escapeStart);
|
|
|
|
i = escapeEnd - 1;
|
|
decoded += utils.decodeEscaped(str.substring(escapeStart + 1, escapeEnd));
|
|
} else {
|
|
// \r\n
|
|
if (code === 0x000d && str.charCodeAt(i + 1) === 0x000a) {
|
|
i++;
|
|
}
|
|
}
|
|
} else {
|
|
decoded += str[i];
|
|
}
|
|
}
|
|
|
|
return decoded;
|
|
}
|
|
|
|
function encode(str) {
|
|
let encoded = '';
|
|
let wsBeforeHexIsNeeded = false;
|
|
|
|
for (let i = 0; i < str.length; i++) {
|
|
const code = str.charCodeAt(i);
|
|
|
|
// If the character is NULL (U+0000), then the REPLACEMENT CHARACTER (U+FFFD).
|
|
if (code === 0x0000) {
|
|
encoded += '\uFFFD';
|
|
continue;
|
|
}
|
|
|
|
// If the character is in the range [\1-\1f] (U+0001 to U+001F) or is U+007F,
|
|
// the character escaped as code point.
|
|
// Note: Do not compare with 0x0001 since 0x0000 is precessed before
|
|
if (code <= 0x001f || code === 0x007F) {
|
|
encoded += '\\' + code.toString(16);
|
|
wsBeforeHexIsNeeded = true;
|
|
continue;
|
|
}
|
|
|
|
if (code === SPACE ||
|
|
code === REVERSE_SOLIDUS ||
|
|
code === QUOTATION_MARK ||
|
|
code === APOSTROPHE ||
|
|
code === LEFTPARENTHESIS ||
|
|
code === RIGHTPARENTHESIS) {
|
|
encoded += '\\' + str.charAt(i);
|
|
wsBeforeHexIsNeeded = false;
|
|
} else {
|
|
if (wsBeforeHexIsNeeded && charCodeDefinitions.isHexDigit(code)) {
|
|
encoded += ' ';
|
|
}
|
|
|
|
encoded += str.charAt(i);
|
|
wsBeforeHexIsNeeded = false;
|
|
}
|
|
}
|
|
|
|
return 'url(' + encoded + ')';
|
|
}
|
|
|
|
exports.decode = decode;
|
|
exports.encode = encode;
|