Fix CI: prettier, eslint, karma frameworks, tsconfig types

- Add types: ["mocha", "jquery"] to tsconfig (TS 6 needs explicit)
- Remove chai/sinon from karma frameworks (incompatible with chai v6)
- Convert builds/knockout helper to ESM imports with esbuild bundling
- Restore setTimeout fallback in tasks.ts
- Fix .to.be.undefined ESLint errors
- Run prettier on 12 unformatted spec files
- Remove unused Assertion import and redundant null guard

Verified in clean worktree: format, eslint, tsc, and all 27
packages pass (955 SUCCESS for builds/knockout).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: 2 people

builds/knockout/helpers/mocha-test-helpers.js

@@ -1,4 +1,12 @@
+import * as chai from 'chai'
+import sinon from 'sinon'
+
 ;(function (global) {
+  const { expect } = chai
+  global.chai = chai
+  global.sinon = sinon
+  global.expect = expect
+
   function restoreAfter(cleanups, object, propertyName) {
     const originalValue = object[propertyName]
     cleanups.push(function () {

builds/knockout/package.json

@@ -31,9 +31,7 @@
   ],
   "karma": {
     "frameworks": [
-      "mocha",
-      "chai",
-      "sinon"
+      "mocha"
     ],
     "files": [
       "dist/browser.min.js",

packages/bind/package.json

@@ -30,9 +30,7 @@
   "homepage": "https://tko.io",
   "karma": {
     "frameworks": [
-      "mocha",
-      "chai",
-      "sinon"
+      "mocha"
     ]
   },
   "__about__": "These are copied into all packages/*/package.json",

packages/binding.component/package.json

@@ -20,9 +20,7 @@
   ],
   "karma": {
     "frameworks": [
-      "mocha",
-      "chai",
-      "sinon"
+      "mocha"
     ]
   },
   "homepage": "https://tko.io",

packages/binding.component/spec/componentBindingBehaviors.ts

@@ -26,7 +26,13 @@ import components from '@tko/utils.component'
 
 import { expect } from 'chai'
 import sinon from 'sinon'
-import { expectContainHtml, expectContainText, prepareTestNode, restoreAfter, useMockForTasks } from '../../utils/helpers/mocha-test-helpers'
+import {
+  expectContainHtml,
+  expectContainText,
+  prepareTestNode,
+  restoreAfter,
+  useMockForTasks
+} from '../../utils/helpers/mocha-test-helpers'
 
 describe('Components: Component binding', function () {
   let testComponentName = 'test-component',
@@ -100,9 +106,7 @@ describe('Components: Component binding', function () {
     testNode.innerHTML = '<div data-bind="if: true, component: $data"></div>'
     expect(function () {
       applyBindings(testComponentName, testNode)
-    }).to.throw(
-      'Multiple bindings (if and component) are trying to control descendant bindings of the same element.'
-    )
+    }).to.throw('Multiple bindings (if and component) are trying to control descendant bindings of the same element.')
 
     // Even though applyBindings threw an exception, the component still gets bound (asynchronously)
     clock.tick(1)
@@ -241,7 +245,8 @@ describe('Components: Component binding', function () {
     applyBindings(outerViewModel, testNode)
     clock.tick(1)
 
-    expectContainHtml(testNode.children[0], 
+    expectContainHtml(
+      testNode.children[0],
       'start<span data-bind="template: { nodes: $componenttemplatenodes }"><em>original</em> child nodes</span>end'
     )
   })
@@ -274,7 +279,8 @@ describe('Components: Component binding', function () {
     applyBindings(outerViewModel, testNode)
     clock.tick(1)
 
-    expectContainText(testNode.children[0], 
+    expectContainText(
+      testNode.children[0],
       'In child context 123, inside component with property 456. Now in sub-component with property 789.',
       /* ignoreSpaces */ true
     ) // Ignore spaces because old-IE is inconsistent
@@ -1383,7 +1389,9 @@ describe('Components: Component binding', function () {
       )
 
       arr([])
-      expect(testNode.innerHTML).to.deep.equal(`<test-component><div><!--ko slot: "X"--><!--/ko--></div></test-component>`)
+      expect(testNode.innerHTML).to.deep.equal(
+        `<test-component><div><!--ko slot: "X"--><!--/ko--></div></test-component>`
+      )
     })
 
     it('respects observable array changes with JSX', function () {

packages/binding.core/package.json

@@ -31,9 +31,7 @@
   },
   "karma": {
     "frameworks": [
-      "mocha",
-      "chai",
-      "sinon"
+      "mocha"
     ]
   },
   "licenses": [

packages/binding.core/spec/optionsBehaviors.ts

@@ -234,13 +234,11 @@ describe('Binding: Options', function () {
     })
     applyBindings({ myValues: myObservable }, testNode)
     expect(changeHandlerFireCount).to.equal(0)
-
     ;(testNode.childNodes[0] as HTMLSelectElement).options[0].selected = true
     expectHaveSelectedValues(testNode.childNodes[0], ['A'])
     myObservable(['B', 'C', 'A'])
     expectHaveSelectedValues(testNode.childNodes[0], ['A'])
     expect(changeHandlerFireCount).to.equal(0)
-
     ;(testNode.childNodes[0] as HTMLSelectElement).options[0].selected = true
     expectHaveSelectedValues(testNode.childNodes[0], ['B', 'A'])
     myObservable(['C', 'A'])
@@ -319,7 +317,7 @@ describe('Binding: Options', function () {
       { name: observable('Bert'), id: 'B' }
     ]
     testNode.innerHTML =
-      '<select data-bind="options: people, optionsText: \'name\', optionsValue: \'id\', optionsCaption: \'-\'"></select>'
+      "<select data-bind=\"options: people, optionsText: 'name', optionsValue: 'id', optionsCaption: '-'\"></select>"
     applyBindings({ people: people }, testNode)
     ;(testNode.childNodes[0] as HTMLSelectElement).options[2].selected = true
 

packages/binding.core/spec/textBehaviors.ts

@@ -12,7 +12,12 @@ import { options } from '@tko/utils'
 import * as coreBindings from '../dist'
 
 import { Provider } from '@tko/provider'
-import { expectContainHtml, expectContainText, prepareTestNode, restoreAfter } from '../../utils/helpers/mocha-test-helpers'
+import {
+  expectContainHtml,
+  expectContainText,
+  prepareTestNode,
+  restoreAfter
+} from '../../utils/helpers/mocha-test-helpers'
 
 describe('Binding: Text', function () {
   let bindingHandlers

packages/binding.core/spec/usingBehaviors.ts

@@ -169,10 +169,7 @@ describe('Binding: Using', function () {
     expectContainHtml(container, '<div data-bind="foreach: childprop"></div>')
 
     childprop.push('me')
-    expectContainHtml(
-      container,
-      '<div data-bind="foreach: childprop"><span data-bind=\"text: $data\">me</span></div>'
-    )
+    expectContainHtml(container, '<div data-bind="foreach: childprop"><span data-bind=\"text: $data\">me</span></div>')
 
     childprop.push('me2')
     expectContainHtml(
@@ -201,7 +198,10 @@ describe('Binding: Using', function () {
     expectContainHtml(container, 'text<!-- ko foreach: childprop --><!-- /ko -->')
 
     childprop.push('me')
-    expectContainHtml(container, 'text<!-- ko foreach: childprop --><span data-bind="text: $data">me</span><!-- /ko -->')
+    expectContainHtml(
+      container,
+      'text<!-- ko foreach: childprop --><span data-bind="text: $data">me</span><!-- /ko -->'
+    )
 
     childprop.push('me2')
     expectContainHtml(

packages/binding.if/package.json

@@ -31,9 +31,7 @@
   },
   "karma": {
     "frameworks": [
-      "mocha",
-      "chai",
-      "sinon"
+      "mocha"
     ]
   },
   "licenses": [