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>
102 lines
3.8 KiB
JavaScript
102 lines
3.8 KiB
JavaScript
'use strict';
|
|
|
|
var GetIntrinsic = require('get-intrinsic');
|
|
|
|
var min = require('math-intrinsics/min');
|
|
var $TypeError = require('es-errors/type');
|
|
var $ArrayBuffer = GetIntrinsic('%ArrayBuffer%', true);
|
|
var $Uint8Array = GetIntrinsic('%Uint8Array%', true);
|
|
|
|
var callBound = require('call-bound');
|
|
|
|
var byteLength = require('array-buffer-byte-length');
|
|
var $maxByteLength = callBound('%ArrayBuffer.prototype.maxByteLength%', true);
|
|
var copy = function copyAB(src, start, end) {
|
|
var that = new $Uint8Array(src);
|
|
if (typeof end === 'undefined') {
|
|
end = that.length; // eslint-disable-line no-param-reassign
|
|
}
|
|
var result = new $ArrayBuffer(end - start);
|
|
var resultArray = new $Uint8Array(result);
|
|
for (var i = 0; i < resultArray.length; i++) {
|
|
resultArray[i] = that[i + start];
|
|
}
|
|
return result;
|
|
};
|
|
var $abSlice = callBound('%ArrayBuffer.prototype.slice%', true)
|
|
|| function slice(ab, a, b) { // in node < 0.11, slice is an own nonconfigurable property
|
|
return ab.slice ? ab.slice(a, b) : copy(ab, a, b); // node 0.8 lacks `slice`
|
|
};
|
|
|
|
var DetachArrayBuffer = require('./DetachArrayBuffer');
|
|
var IsDetachedBuffer = require('./IsDetachedBuffer');
|
|
var IsFixedLengthArrayBuffer = require('./IsFixedLengthArrayBuffer');
|
|
var ToIndex = require('./ToIndex');
|
|
|
|
var isArrayBuffer = require('is-array-buffer');
|
|
var isSharedArrayBuffer = require('is-shared-array-buffer');
|
|
|
|
// https://262.ecma-international.org/15.0/#sec-arraybuffercopyanddetach
|
|
|
|
module.exports = function ArrayBufferCopyAndDetach(arrayBuffer, newLength, preserveResizability) {
|
|
if (preserveResizability !== 'PRESERVE-RESIZABILITY' && preserveResizability !== 'FIXED-LENGTH') {
|
|
throw new $TypeError('`preserveResizability` must be ~PRESERVE-RESIZABILITY~ or ~FIXED-LENGTH~');
|
|
}
|
|
|
|
if (!isArrayBuffer(arrayBuffer) || isSharedArrayBuffer(arrayBuffer)) {
|
|
throw new $TypeError('`arrayBuffer` must be a non-shared ArrayBuffer'); // steps 1 - 2
|
|
}
|
|
|
|
var abByteLength;
|
|
|
|
var newByteLength;
|
|
if (typeof newLength === 'undefined') { // step 3
|
|
newByteLength = byteLength(arrayBuffer); // step 3.a
|
|
abByteLength = newByteLength;
|
|
} else { // step 4
|
|
newByteLength = ToIndex(newLength); // step 4.a
|
|
}
|
|
|
|
if (IsDetachedBuffer(arrayBuffer)) {
|
|
throw new $TypeError('`arrayBuffer` must not be detached'); // step 5
|
|
}
|
|
|
|
var newMaxByteLength;
|
|
if (preserveResizability === 'PRESERVE-RESIZABILITY' && !IsFixedLengthArrayBuffer(arrayBuffer)) { // step 6
|
|
newMaxByteLength = $maxByteLength(arrayBuffer); // step 6.a
|
|
} else { // step 7
|
|
newMaxByteLength = 'EMPTY'; // step 7.a
|
|
}
|
|
|
|
// commented out since there's no way to set or access this key
|
|
|
|
// 8. If arrayBuffer.[[ArrayBufferDetachKey]] is not undefined, throw a TypeError exception.
|
|
|
|
// 9. Let newBuffer be ? AllocateArrayBuffer(%ArrayBuffer%, newByteLength, newMaxByteLength).
|
|
var newBuffer = newMaxByteLength === 'EMPTY' ? new $ArrayBuffer(newByteLength) : new $ArrayBuffer(newByteLength, { maxByteLength: newMaxByteLength });
|
|
|
|
if (typeof abByteLength !== 'number') {
|
|
abByteLength = byteLength(arrayBuffer);
|
|
}
|
|
var copyLength = min(newByteLength, abByteLength); // step 10
|
|
if (newByteLength > copyLength || newMaxByteLength !== 'EMPTY') {
|
|
var taNew = new $Uint8Array(newBuffer);
|
|
var taOld = new $Uint8Array(arrayBuffer);
|
|
for (var i = 0; i < copyLength; i++) {
|
|
taNew[i] = taOld[i];
|
|
}
|
|
} else {
|
|
newBuffer = $abSlice(arrayBuffer, 0, copyLength); // ? optimization for when the new buffer will not be larger than the old one
|
|
}
|
|
/*
|
|
11. Let fromBlock be arrayBuffer.[[ArrayBufferData]].
|
|
12. Let toBlock be newBuffer.[[ArrayBufferData]].
|
|
13. Perform CopyDataBlockBytes(toBlock, 0, fromBlock, 0, copyLength).
|
|
14. NOTE: Neither creation of the new Data Block nor copying from the old Data Block are observable. Implementations may implement this method as a zero-copy move or a realloc.
|
|
*/
|
|
|
|
DetachArrayBuffer(arrayBuffer); // step 15
|
|
|
|
return newBuffer; // step 16
|
|
};
|