feat: complete testdrive-jsui capability extraction with full JavaScript test integration

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>

capabilities/testdrive-jsui/node_modules/es-shim-unscopables/test/index.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var test = require('tape');
+var inspect = require('object-inspect');
+var v = require('es-value-fixtures');
+var forEach = require('for-each');
+var hasOwn = require('hasown');
+
+var shimUnscopables = require('../');
+
+/** @type {(a: symbol, b: symbol) => number} */
+var sortSymbols = function (a, b) {
+	return inspect(a).localeCompare(inspect(b));
+};
+
+test('shimUnscopables', function (t) {
+	t.equal(typeof shimUnscopables, 'function', 'is a function');
+
+	forEach(v.nonStrings, function (notNonEmptyString) {
+		t['throws'](
+			// @ts-expect-error
+			function () { shimUnscopables(notNonEmptyString); },
+			TypeError,
+			inspect(notNonEmptyString) + ' is not a non-empty String'
+		);
+	});
+
+	t['throws'](
+		// @ts-expect-error
+		function () { shimUnscopables('x'); },
+		TypeError,
+		inspect('x') + ' is not on Array.prototype'
+	);
+
+	t.test('no symbols', { skip: typeof Symbol === 'function' }, function (st) {
+		st.doesNotThrow(function () { shimUnscopables('forEach'); });
+
+		st.end();
+	});
+
+	t.test('symbols, no unscopables', { skip: typeof Symbol !== 'function' || !!Symbol.unscopables }, function (st) {
+		st.deepEqual(Object.getOwnPropertySymbols(Array.prototype), [Symbol.iterator]);
+
+		shimUnscopables('forEach');
+
+		st.deepEqual(Object.getOwnPropertySymbols(Array.prototype), [Symbol.iterator]);
+
+		st.end();
+	});
+
+	t.test('Symbol.unscopables', { skip: typeof Symbol !== 'function' || !Symbol.unscopables }, function (st) {
+		st.deepEqual(
+			Object.getOwnPropertySymbols(Array.prototype).sort(sortSymbols),
+			[Symbol.iterator, Symbol.unscopables]
+		);
+		st.notOk(hasOwn(Array.prototype[Symbol.unscopables], 'forEach'), 'unscopables map lacks forEach');
+
+		shimUnscopables('forEach');
+
+		st.deepEqual(
+			Object.getOwnPropertySymbols(Array.prototype).sort(sortSymbols),
+			[Symbol.iterator, Symbol.unscopables]
+		);
+		st.equal(Array.prototype[Symbol.unscopables].forEach, true, 'unscopables map has forEach');
+
+		st.end();
+	});
+
+	t.end();
+});

capabilities/testdrive-jsui/node_modules/es-shim-unscopables/test/with.js

@@ -0,0 +1,43 @@
+/* eslint no-restricted-syntax: 0, no-with: 0, strict: 0 */
+
+var test = require('tape');
+
+var shimUnscopables = require('../');
+
+test('`with` statement', { skip: typeof Symbol !== 'function' || !Symbol.unscopables }, function (t) {
+	// @ts-expect-error this variable is declared in case unscopables doesn't work
+	var entries;
+	// @ts-expect-error this variable is declared in case unscopables doesn't work
+	var concat;
+	// @ts-expect-error `with` unsupported
+	with ([]) {
+		t.equal(concat, Array.prototype.concat, 'concat is dynamically bound');
+		t.notEqual(entries, Array.prototype.entries, 'entries is not dynamically bound');
+	}
+
+	/** @type {Record<PropertyKey, unknown>} */
+	var obj = {
+		foo: 1,
+		bar: 2
+	};
+	// @ts-expect-error this variable is declared in case unscopables doesn't work
+	var foo;
+	// @ts-expect-error this variable is declared in case unscopables doesn't work
+	var bar;
+	obj[Symbol.unscopables] = { foo: true };
+	// @ts-expect-error `with` unsupported
+	with (obj) {
+		t.equal(foo, undefined);
+		t.equal(bar, obj.bar);
+	}
+
+	shimUnscopables('concat');
+
+	// @ts-expect-error `with` unsupported
+	with ([]) {
+		t.notEqual(concat, Array.prototype.concat, 'concat is no longer dynamically bound');
+		t.notEqual(entries, Array.prototype.entries, 'entries is still not dynamically bound');
+	}
+
+	t.end();
+});