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/object.groupby/.eslintrc

@@ -0,0 +1,33 @@
+{
+	"root": true,
+
+	"extends": "@ljharb",
+
+	"rules": {
+		"array-bracket-newline": "off",
+		"id-length": "off",
+		"max-lines-per-function": "off",
+		"new-cap": ["error", {
+			"capIsNewExceptions": [
+				"CreateDataPropertyOrThrow",
+				"GroupBy",
+				"OrdinaryObjectCreate",
+			],
+		}],
+	},
+
+	"overrides": [
+		{
+			"files": "aos/*.js",
+			"rules": {
+				"max-statements": "off",
+			},
+		},
+		{
+			"files": "test/tests.js",
+			"rules": {
+				"max-lines-per-function": "off",
+			},
+		},
+	],
+}

capabilities/testdrive-jsui/node_modules/object.groupby/.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: [ljharb]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: npm/object.groupby
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

capabilities/testdrive-jsui/node_modules/object.groupby/.nycrc

@@ -0,0 +1,9 @@
+{
+	"all": true,
+	"check-coverage": false,
+	"reporter": ["text-summary", "text", "html", "json"],
+	"exclude": [
+		"coverage",
+		"test"
+	]
+}

capabilities/testdrive-jsui/node_modules/object.groupby/CHANGELOG.md

@@ -0,0 +1,41 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [v1.0.3](https://github.com/es-shims/Object.groupBy/compare/v1.0.2...v1.0.3) - 2024-03-18
+
+### Commits
+
+- [Deps] update `call-bind`, `es-abstract` [`f1d3e70`](https://github.com/es-shims/Object.groupBy/commit/f1d3e701aff0a36e4d7373059812a9b978c7ad7f)
+- [Dev Deps] update `tape` [`272a736`](https://github.com/es-shims/Object.groupBy/commit/272a73672f27f90fd6d5054ca13e039c45815a8a)
+- [meta] add missing `engines.node` [`7a9c8b0`](https://github.com/es-shims/Object.groupBy/commit/7a9c8b0f636a5703ea923c9d0721fbf5861c6949)
+
+## [v1.0.2](https://github.com/es-shims/Object.groupBy/compare/v1.0.1...v1.0.2) - 2024-02-04
+
+### Commits
+
+- [Refactor] use `es-errors` where possible, so things that only need those do not need `get-intrinsic` [`a6c01d0`](https://github.com/es-shims/Object.groupBy/commit/a6c01d0ec46e7bb5ac68e8bfdce3a64fddc6b0a1)
+- [Deps] update `call-bind`, `define-properties`, `es-abstract`, `get-intrinsic` [`65383da`](https://github.com/es-shims/Object.groupBy/commit/65383dad0b036ad3459def995c223a4afb1f6a50)
+- [Dev Deps] update `aud`, `npmignore`, `tape` [`e8aeb5b`](https://github.com/es-shims/Object.groupBy/commit/e8aeb5b7b1d88bfbe8be1da369a374ec36cb459f)
+- [Robustness] `filter` is not available pre-ES5 [`8f185b8`](https://github.com/es-shims/Object.groupBy/commit/8f185b851f155e41442714bea792b07df778f986)
+
+## [v1.0.1](https://github.com/es-shims/Object.groupBy/compare/v1.0.0...v1.0.1) - 2023-08-28
+
+### Commits
+
+- [Deps] update `es-abstract` [`3ecdf79`](https://github.com/es-shims/Object.groupBy/commit/3ecdf797231a5a8fc4cf1a772ad0892257c11edc)
+- [Dev Deps] update `tape` [`793301b`](https://github.com/es-shims/Object.groupBy/commit/793301b6b41750c6682df2c7bff46a4e52ce7a7c)
+
+## v1.0.0 - 2023-07-11
+
+### Commits
+
+- Initial implementation, tests, readme [`77809f3`](https://github.com/es-shims/Object.groupBy/commit/77809f3024955519d71a2ab6ed9883e4d496a953)
+- Initial commit [`24ea8cd`](https://github.com/es-shims/Object.groupBy/commit/24ea8cdc625987930d5cf9df0dbff01e5693a544)
+- npm init [`36a7d4d`](https://github.com/es-shims/Object.groupBy/commit/36a7d4d9d2fc9ff8503985f2fcf76a2ff4097140)
+- [Dev Deps] update `@es-shims/api`, `@ljharb/eslint-config`, `aud`, `tape` [`bd7b39f`](https://github.com/es-shims/Object.groupBy/commit/bd7b39fca3d5fbff1e7140ae69893ec4694e4201)
+- [Deps] update `define-properties`, `es-abstract`, `get-intrinsic` [`9615141`](https://github.com/es-shims/Object.groupBy/commit/9615141fab908eec83e310d8fdf6847a808baf36)
+- Only apps should have lockfiles [`63b79a9`](https://github.com/es-shims/Object.groupBy/commit/63b79a97732802eb25da26928646e6ef103762cd)

capabilities/testdrive-jsui/node_modules/object.groupby/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ECMAScript Shims
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

capabilities/testdrive-jsui/node_modules/object.groupby/README.md

@@ -0,0 +1,79 @@
+# object.groupby <sup>[![Version Badge][npm-version-svg]][package-url]</sup>
+
+[![github actions][actions-image]][actions-url]
+[![coverage][codecov-image]][codecov-url]
+[![License][license-image]][license-url]
+[![Downloads][downloads-image]][downloads-url]
+
+[![npm badge][npm-badge-png]][package-url]
+
+An ESnext spec-compliant `Object.groupBy` shim/polyfill/replacement that works as far down as ES3.
+
+This package implements the [es-shim API](https://github.com/es-shims/api) interface. It works in an ES3-supported environment and complies with the proposed [spec](https://tc39.github.io/proposal-array-grouping/).
+
+## Getting started
+
+```sh
+npm install --save object.groupby
+```
+
+## Usage/Examples
+
+```js
+var groupBy = require('object.groupby');
+var assert = require('assert');
+
+var arr = [0, 1, 2, 3, 4, 5];
+var parity = function (x) { return x % 2 === 0 ? 'even' : 'odd'; };
+
+var results = groupBy(arr, function (x, i) {
+    assert.equal(x, arr[i]);
+    return parity(x);
+});
+
+assert.deepEqual(results, {
+    __proto__: null,
+    even: [0, 2, 4],
+    odd: [1, 3, 5],
+});
+```
+
+```js
+var groupBy = require('object.groupby');
+var assert = require('assert');
+/* when Object.groupBy is not present */
+delete Object.groupBy;
+var shimmed = groupBy.shim();
+
+assert.equal(shimmed, groupBy.getPolyfill());
+assert.deepEqual(Object.groupBy(arr, parity), groupBy(arr, parity));
+```
+
+```js
+var groupBy = require('object.groupby');
+var assert = require('assert');
+/* when Array#group is present */
+var shimmed = groupBy.shim();
+
+assert.equal(shimmed, Object.groupBy);
+assert.deepEqual(Object.groupBy(arr, parity), groupBy(arr, parity));
+```
+
+## Tests
+Simply clone the repo, `npm install`, and run `npm test`
+
+[package-url]: https://npmjs.org/package/object.groupby
+[npm-version-svg]: https://versionbadg.es/es-shims/Object.groupBy.svg
+[deps-svg]: https://david-dm.org/es-shims/Object.groupBy.svg
+[deps-url]: https://david-dm.org/es-shims/Object.groupBy
+[dev-deps-svg]: https://david-dm.org/es-shims/Object.groupBy/dev-status.svg
+[dev-deps-url]: https://david-dm.org/es-shims/Object.groupBy#info=devDependencies
+[npm-badge-png]: https://nodei.co/npm/object.groupby.png?downloads=true&stars=true
+[license-image]: https://img.shields.io/npm/l/object.groupby.svg
+[license-url]: LICENSE
+[downloads-image]: https://img.shields.io/npm/dm/object.groupby.svg
+[downloads-url]: https://npm-stat.com/charts.html?package=object.groupby
+[codecov-image]: https://codecov.io/gh/es-shims/Object.groupBy/branch/main/graphs/badge.svg
+[codecov-url]: https://app.codecov.io/gh/es-shims/Object.groupBy/
+[actions-image]: https://img.shields.io/endpoint?url=https://github-actions-badge-u3jn4tfpocch.runkit.sh/es-shims/Object.groupBy
+[actions-url]: https://github.com/es-shims/Object.groupBy/actions

capabilities/testdrive-jsui/node_modules/object.groupby/auto.js

@@ -0,0 +1,3 @@
+'use strict';
+
+require('./shim')();

capabilities/testdrive-jsui/node_modules/object.groupby/implementation.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var CreateDataPropertyOrThrow = require('es-abstract/2024/CreateDataPropertyOrThrow');
+var OrdinaryObjectCreate = require('es-abstract/2024/OrdinaryObjectCreate');
+
+var forEach = require('es-abstract/helpers/forEach');
+
+var GroupBy = require('es-abstract/2024/GroupBy'); // TODO: replace with es-abstract 2024 implementation
+
+module.exports = function groupBy(items, callbackfn) {
+	var groups = GroupBy(items, callbackfn, 'PROPERTY'); // step 1
+
+	var obj = OrdinaryObjectCreate(null); // step 2
+
+	forEach(groups, function (g) { // step 3
+		CreateDataPropertyOrThrow(obj, g['[[Key]]'], g['[[Elements]]']); // steps 3.a - 3.b
+	});
+
+	return obj; // step 4
+};

capabilities/testdrive-jsui/node_modules/object.groupby/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var define = require('define-properties');
+var callBind = require('call-bind');
+
+var implementation = require('./implementation');
+var getPolyfill = require('./polyfill');
+var polyfill = getPolyfill();
+var shim = require('./shim');
+
+var bound = callBind(polyfill, Object);
+
+define(bound, {
+	getPolyfill: getPolyfill,
+	implementation: implementation,
+	shim: shim
+});
+
+module.exports = bound;

capabilities/testdrive-jsui/node_modules/object.groupby/package.json

@@ -0,0 +1,86 @@
+{
+	"name": "object.groupby",
+	"version": "1.0.3",
+	"description": "An ESnext spec-compliant `Object.groupBy` shim/polyfill/replacement that works as far down as ES3.",
+	"main": "index.js",
+	"exports": {
+		".": "./index.js",
+		"./auto": "./auto.js",
+		"./polyfill": "./polyfill.js",
+		"./implementation": "./implementation.js",
+		"./shim": "./shim.js",
+		"./package.json": "./package.json"
+	},
+	"scripts": {
+		"prepack": "npmignore --auto --commentLines=autogenerated",
+		"prepublish": "not-in-publish || npm run prepublishOnly",
+		"prepublishOnly": "safe-publish-latest",
+		"pretest": "npm run --silent lint",
+		"test": "npm run tests-only",
+		"posttest": "aud --production",
+		"tests-only": "nyc tape 'test/**/*.js'",
+		"lint": "eslint --ext=js,mjs .",
+		"postlint": "es-shim-api --bound && evalmd README.md",
+		"version": "auto-changelog && git add CHANGELOG.md",
+		"postversion": "auto-changelog && git add CHANGELOG.md && git commit --no-edit --amend && git tag -f \"v$(node -e \"console.log(require('./package.json').version)\")\""
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/es-shims/Object.groupBy.git"
+	},
+	"keywords": [
+		"ecmascript",
+		"javascript",
+		"polyfill",
+		"shim",
+		"es-shim API",
+		"array",
+		"object",
+		"group",
+		"groupBy"
+	],
+	"author": "Jordan Harband <ljharb@gmail.com>",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/es-shims/Object.groupBy/issues"
+	},
+	"homepage": "https://github.com/es-shims/Object.groupBy#readme",
+	"devDependencies": {
+		"@es-shims/api": "^2.4.2",
+		"@ljharb/eslint-config": "^21.1.0",
+		"aud": "^2.0.4",
+		"auto-changelog": "^2.4.0",
+		"es-value-fixtures": "^1.4.2",
+		"eslint": "=8.8.0",
+		"evalmd": "^0.0.19",
+		"for-each": "^0.3.3",
+		"functions-have-names": "^1.2.3",
+		"in-publish": "^2.0.1",
+		"npmignore": "^0.3.1",
+		"nyc": "^10.3.2",
+		"object-inspect": "^1.13.1",
+		"safe-publish-latest": "^2.0.0",
+		"tape": "^5.7.5"
+	},
+	"dependencies": {
+		"call-bind": "^1.0.7",
+		"define-properties": "^1.2.1",
+		"es-abstract": "^1.23.2"
+	},
+	"auto-changelog": {
+		"output": "CHANGELOG.md",
+		"template": "keepachangelog",
+		"unreleased": false,
+		"commitLimit": false,
+		"backfillLimit": false,
+		"hideCredit": true
+	},
+	"publishConfig": {
+		"ignore": [
+			".github/workflows"
+		]
+	},
+	"engines": {
+		"node": ">= 0.4"
+	}
+}

capabilities/testdrive-jsui/node_modules/object.groupby/polyfill.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var implementation = require('./implementation');
+
+module.exports = function getPolyfill() {
+	return Object.groupBy || implementation;
+};

capabilities/testdrive-jsui/node_modules/object.groupby/shim.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var define = require('define-properties');
+
+var getPolyfill = require('./polyfill');
+
+module.exports = function shim() {
+	var polyfill = getPolyfill();
+
+	define(
+		Object,
+		{ groupBy: polyfill },
+		{ groupBy: function () { return Object.groupBy !== polyfill; } }
+	);
+
+	return polyfill;
+};

capabilities/testdrive-jsui/node_modules/object.groupby/test/implementation.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var callBind = require('call-bind');
+var test = require('tape');
+
+var implementation = require('../implementation');
+var runTests = require('./tests');
+
+test('as a function', function (t) {
+	runTests(callBind(implementation, Object), t);
+
+	t.end();
+});

capabilities/testdrive-jsui/node_modules/object.groupby/test/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var test = require('tape');
+
+var index = require('../');
+var runTests = require('./tests');
+
+test('as a function', function (t) {
+	runTests(index, t);
+
+	t.end();
+});

capabilities/testdrive-jsui/node_modules/object.groupby/test/shimmed.js

@@ -0,0 +1,35 @@
+'use strict';
+
+require('../auto');
+
+var test = require('tape');
+var defineProperties = require('define-properties');
+var callBind = require('call-bind');
+var functionsHaveNames = require('functions-have-names')();
+
+var isEnumerable = Object.prototype.propertyIsEnumerable;
+
+var runTests = require('./tests');
+
+var name = 'groupBy';
+var fullName = 'Object.' + name;
+
+test('shimmed', function (t) {
+	var fn = Object[name];
+
+	t.equal(fn.length, 2, fullName + ' has a length of 2');
+
+	t.test('Function name', { skip: !functionsHaveNames }, function (st) {
+		st.equal(fn.name, name, fullName + ' has name "' + name + '"');
+		st.end();
+	});
+
+	t.test('enumerability', { skip: !defineProperties.supportsDescriptors }, function (et) {
+		et.equal(false, isEnumerable.call(Object, name), fullName + ' is not enumerable');
+		et.end();
+	});
+
+	runTests(callBind(fn, Object), t);
+
+	t.end();
+});

capabilities/testdrive-jsui/node_modules/object.groupby/test/tests.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var inspect = require('object-inspect');
+var forEach = require('for-each');
+var v = require('es-value-fixtures');
+
+module.exports = function (groupBy, t) {
+	t.test('callback function', function (st) {
+		forEach(v.nonFunctions, function (nonFunction) {
+			st['throws'](
+				function () { groupBy([], nonFunction); },
+				TypeError,
+				inspect(nonFunction) + ' is not a function'
+			);
+		});
+
+		st.end();
+	});
+
+	t.test('grouping', function (st) {
+		st.deepEqual(
+			groupBy([], function () { return 'a'; }),
+			{ __proto__: null },
+			'an empty array produces an empty object'
+		);
+
+		var arr = [0, -0, 1, 2, 3, 4, 5, NaN, Infinity, -Infinity];
+		var parity = function (x) {
+			if (x !== x) {
+				return void undefined;
+			}
+			if (!isFinite(x)) {
+				return '∞';
+			}
+			return x % 2 === 0 ? 'even' : 'odd';
+		};
+		var grouped = {
+			__proto__: null,
+			even: [0, -0, 2, 4],
+			odd: [1, 3, 5],
+			undefined: [NaN],
+			'∞': [Infinity, -Infinity]
+		};
+		st.deepEqual(
+			groupBy(arr, parity),
+			grouped,
+			inspect(arr) + ' group by parity groups to ' + inspect(grouped)
+		);
+
+		st.deepEqual(
+			groupBy(arr, function (x, i) {
+				st.equal(this, undefined, 'receiver is as expected'); // eslint-disable-line no-invalid-this
+				st.equal(x, arr[i], 'second argument ' + i + ' is ' + inspect(arr[i]));
+				return 42;
+			}),
+			{ __proto__: null, 42: arr },
+			'thisArg and callback arguments are as expected'
+		);
+
+		st.end();
+	});
+};