tungsten 0.3.1 → 0.3.3

package/dist/testing/createTestApp.sxyt.js

@@ -1,470 +0,0 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { expect } from 'chai';
-import { Window } from 'happy-dom';
-import { describe } from 'sxy-test-runner';
-import { TungstenBaseSimpleStoreComponent, TungstenSimpleComponent, TungstenStatefulComponent } from "../Components.js";
-import { registerStore } from "../Store/registerStore.js";
-import { createTestApp, testStore } from "./index.js";
-import { jsxs as _jsxs, jsx as _jsx } from "tungsten/jsxRuntime.js";
-class Counter extends TungstenStatefulComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      count: 0
-    });
-    _defineProperty(this, "clientInitialized", false);
-    _defineProperty(this, "clientInit", () => {
-      this.clientInitialized = true;
-    });
-    _defineProperty(this, "content", () => _jsxs("button", {
-      onClick: () => {
-        this.state.count++;
-      },
-      children: [this.props.label, ":", this.state.count]
-    }));
-  }
-}
-class TestStoreSchema {
-  constructor() {
-    _defineProperty(this, "value", 0);
-  }
-}
-const testStoreRegistration = registerStore(TestStoreSchema);
-class StoreRoot extends TungstenBaseSimpleStoreComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "store", testStoreRegistration.getComponentStore(this));
-    _defineProperty(this, "init", () => {
-      this.store.value.subscribe();
-    });
-    _defineProperty(this, "content", () => _jsx("p", {
-      children: this.store.value.get()
-    }));
-  }
-}
-describe('createTestApp()', ({
-  it
-}) => {
-  it('mounts, resolves updates, preserves the root for props, and unmounts', async () => {
-    const window = new Window();
-    const document = window.document;
-    const testApp = await createTestApp(Counter, {
-      document,
-      props: {
-        label: 'Count'
-      }
-    });
-    const root = testApp.component;
-    expect(root.clientInitialized).to.equal(true);
-    expect(testApp.container.textContent).to.equal('Count:0');
-    const button = testApp.container.querySelector('button');
-    expect(button).not.to.equal(null);
-    button.dispatchEvent(new window.Event('click', {
-      bubbles: true
-    }));
-    await testApp.resolved();
-    expect(testApp.container.textContent).to.equal('Count:1');
-    await testApp.setProps({
-      label: 'Total'
-    });
-    expect(testApp.component).to.equal(root);
-    expect(testApp.container.textContent).to.equal('Total:1');
-    const container = testApp.container;
-    await testApp.unmount();
-    await testApp.unmount();
-    expect(container.isConnected).to.equal(false);
-  });
-  it('tracks asynchronous event work', async () => {
-    const window = new Window();
-    const document = window.document;
-    let release;
-    const released = new Promise(resolve => {
-      release = resolve;
-    });
-    class AsyncButton extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          finished: false
-        });
-        _defineProperty(this, "content", () => _jsx("button", {
-          onClick: async () => {
-            await released;
-            this.state.finished = true;
-          },
-          children: this.state.finished ? 'finished' : 'waiting'
-        }));
-      }
-    }
-    const testApp = await createTestApp(AsyncButton, {
-      document
-    });
-    testApp.container.querySelector('button').dispatchEvent(new window.Event('click'));
-    release();
-    await testApp.resolved();
-    expect(testApp.container.textContent).to.equal('finished');
-    await testApp.unmount();
-  });
-  it('settles asynchronous lifecycle-triggered updates', async () => {
-    const window = new Window();
-    const document = window.document;
-    class LifecycleRoot extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          phase: 'mounting'
-        });
-        _defineProperty(this, "componentDidMount", async () => {
-          await Promise.resolve();
-          this.state.phase = 'ready';
-        });
-        _defineProperty(this, "componentDidUpdate", async () => {
-          if (this.state.phase !== 'clicked') return;
-          await Promise.resolve();
-          this.state.phase = 'settled';
-        });
-        _defineProperty(this, "content", () => _jsx("button", {
-          onClick: () => {
-            this.state.phase = 'clicked';
-          },
-          children: this.state.phase
-        }));
-      }
-    }
-    const testApp = await createTestApp(LifecycleRoot, {
-      document
-    });
-    expect(testApp.container.textContent).to.equal('ready');
-    testApp.container.querySelector('button').dispatchEvent(new window.Event('click'));
-    await testApp.resolved();
-    expect(testApp.container.textContent).to.equal('settled');
-    await testApp.unmount();
-  });
-  it('initializes independent real stores before mounting', async () => {
-    const firstWindow = new Window();
-    const secondWindow = new Window();
-    const first = await createTestApp(StoreRoot, {
-      document: firstWindow.document,
-      stores: [testStore(testStoreRegistration, store => {
-        store.value.set(1);
-      })]
-    });
-    const second = await createTestApp(StoreRoot, {
-      document: secondWindow.document,
-      stores: [testStore(testStoreRegistration, store => {
-        store.value.set(2);
-      })]
-    });
-    expect(first.container.textContent).to.equal('1');
-    expect(second.container.textContent).to.equal('2');
-    first.component.store.value.set(3);
-    await first.resolved();
-    expect(first.container.textContent).to.equal('3');
-    expect(second.container.textContent).to.equal('2');
-    await first.unmount();
-    await second.unmount();
-  });
-  it('recursively unmounts components below HTML elements', async () => {
-    const window = new Window();
-    const document = window.document;
-    const lifecycle = [];
-    class Child extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx("span", {
-          children: "child"
-        }));
-        _defineProperty(this, "componentWillUnmount", () => {
-          lifecycle.push('will');
-        });
-        _defineProperty(this, "componentDidUnmount", () => {
-          lifecycle.push('did');
-        });
-      }
-    }
-    class Root extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx("main", {
-          children: _jsx(Child, {})
-        }));
-      }
-    }
-    const container = window.document.createElement('section');
-    window.document.body.appendChild(container);
-    const testApp = await createTestApp(Root, {
-      document,
-      container: container
-    });
-    await testApp.unmount();
-    expect(lifecycle).to.deep.equal(['will', 'did']);
-    expect(window.document.body.contains(container)).to.equal(true);
-    expect(container.childNodes.length).to.equal(0);
-  });
-  it('rejects a non-empty container without modifying it', async () => {
-    const window = new Window();
-    const document = window.document;
-    const container = window.document.createElement('div');
-    container.textContent = 'existing';
-    let error;
-    try {
-      await createTestApp(Counter, {
-        document,
-        container: container,
-        props: {
-          label: 'Count'
-        }
-      });
-    } catch (caught) {
-      error = caught;
-    }
-    expect(error).to.be.instanceOf(Error);
-    expect(container.textContent).to.equal('existing');
-  });
-  it('rolls back partially mounted descendants after an error', async () => {
-    const window = new Window();
-    const document = window.document;
-    const lifecycle = [];
-    class MountedChild extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx("span", {
-          children: "mounted"
-        }));
-        _defineProperty(this, "componentDidMount", () => {
-          lifecycle.push('mount');
-        });
-        _defineProperty(this, "componentWillUnmount", () => {
-          lifecycle.push('will');
-        });
-        _defineProperty(this, "componentDidUnmount", () => {
-          lifecycle.push('did');
-        });
-      }
-    }
-    class BrokenChild extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => {
-          throw new Error('broken child');
-        });
-      }
-    }
-    class BrokenRoot extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsxs("main", {
-          children: [_jsx(MountedChild, {}), _jsx(BrokenChild, {})]
-        }));
-      }
-    }
-    const originalBodyChildren = window.document.body.childNodes.length;
-    let error;
-    try {
-      await createTestApp(BrokenRoot, {
-        document
-      });
-    } catch (caught) {
-      error = caught;
-    }
-    expect(error).to.be.instanceOf(Error);
-    expect(lifecycle).to.deep.equal(['mount', 'will', 'did']);
-    expect(window.document.body.childNodes.length).to.equal(originalBodyChildren);
-  });
-  it('supports input, checkbox, and select bindings', async () => {
-    const window = new Window();
-    const document = window.document;
-    class FormRoot extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          name: 'Robert',
-          checked: false,
-          choice: 'b'
-        });
-        _defineProperty(this, "content", () => _jsxs("form", {
-          children: [_jsx("input", {
-            name: "name",
-            bind: [this.state, 'name']
-          }), _jsx("input", {
-            name: "enabled",
-            type: "checkbox",
-            bindChecked: [this.state, 'checked']
-          }), _jsxs("select", {
-            name: "choice",
-            bind: [this.state, 'choice'],
-            children: [_jsx("option", {
-              value: "a",
-              children: "A"
-            }), _jsx("option", {
-              value: "b",
-              children: "B"
-            }), _jsx("option", {
-              value: "c",
-              children: "C"
-            })]
-          }), _jsxs("output", {
-            children: [this.state.name, ":", String(this.state.checked), ":", this.state.choice]
-          })]
-        }));
-      }
-    }
-    const testApp = await createTestApp(FormRoot, {
-      document
-    });
-    const name = testApp.container.querySelector('input[name="name"]');
-    const enabled = testApp.container.querySelector('input[name="enabled"]');
-    const choice = testApp.container.querySelector('select');
-    name.value = 'Alice';
-    name.dispatchEvent(new window.Event('input', {
-      bubbles: true
-    }));
-    enabled.checked = true;
-    enabled.dispatchEvent(new window.Event('change', {
-      bubbles: true
-    }));
-    choice.value = 'c';
-    choice.dispatchEvent(new window.Event('input', {
-      bubbles: true
-    }));
-    await testApp.resolved();
-    expect(testApp.component.state.name).to.equal('Alice');
-    expect(testApp.component.state.checked).to.equal(true);
-    expect(testApp.component.state.choice).to.equal('c');
-    expect(testApp.container.querySelector('output').textContent).to.equal('Alice:true:c');
-    await testApp.unmount();
-  });
-  it('preserves keyed nodes and controlled select values during reconciliation', async () => {
-    const window = new Window();
-    const document = window.document;
-    class ReconciliationRoot extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          items: ['a', 'b', 'c'],
-          selected: 'b',
-          updates: 0
-        });
-        _defineProperty(this, "content", () => _jsxs("main", {
-          children: [_jsx("ul", {
-            children: this.state.items.map(item => _jsx("li", {
-              "data-key": item,
-              children: item
-            }, item))
-          }), _jsxs("select", {
-            value: this.state.selected,
-            children: [_jsx("option", {
-              value: "a",
-              children: "A"
-            }), _jsx("option", {
-              value: "b",
-              children: "B"
-            }), _jsx("option", {
-              value: "c",
-              children: "C"
-            })]
-          }), _jsx("button", {
-            onClick: () => {
-              this.state.updates++;
-            },
-            children: "update"
-          }), _jsx("output", {
-            children: this.state.updates
-          })]
-        }));
-      }
-    }
-    const testApp = await createTestApp(ReconciliationRoot, {
-      document
-    });
-    const nodeA = testApp.container.querySelector('[data-key="a"]');
-    const nodeB = testApp.container.querySelector('[data-key="b"]');
-    const select = testApp.container.querySelector('select');
-    testApp.component.state.items = ['c', 'a', 'b'];
-    await testApp.resolved();
-    expect(testApp.container.querySelector('[data-key="a"]')).to.equal(nodeA);
-    expect(testApp.container.querySelector('[data-key="b"]')).to.equal(nodeB);
-    expect(select.value).to.equal('b');
-    testApp.container.querySelector('button').dispatchEvent(new window.Event('click'));
-    await testApp.resolved();
-    expect(select.value).to.equal('b');
-    await testApp.unmount();
-  });
-  it('runs componentDidUpdate exactly once for a props-driven update', async () => {
-    const window = new Window();
-    const document = window.document;
-    const updates = [];
-    class Child extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          local: 0
-        });
-        _defineProperty(this, "componentDidUpdate", () => {
-          updates.push('child');
-        });
-        _defineProperty(this, "content", () => _jsxs("span", {
-          children: [this.props.value, ":", this.state.local]
-        }));
-      }
-    }
-    class Parent extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          value: 0
-        });
-        _defineProperty(this, "content", () => _jsxs("main", {
-          children: [_jsx("button", {
-            onClick: () => {
-              this.state.value++;
-            },
-            children: "bump"
-          }), _jsx(Child, {
-            value: this.state.value
-          })]
-        }));
-      }
-    }
-    const testApp = await createTestApp(Parent, {
-      document
-    });
-    updates.length = 0;
-    testApp.container.querySelector('button').dispatchEvent(new window.Event('click'));
-    await testApp.resolved();
-    expect(testApp.container.querySelector('span').textContent).to.equal('1:0');
-    expect(updates).to.deep.equal(['child']);
-    await testApp.unmount();
-  });
-  it('rejects resolved() when an asynchronous event handler fails', async () => {
-    const window = new Window();
-    const document = window.document;
-    class BrokenEventRoot extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx("button", {
-          onClick: async () => {
-            await Promise.resolve();
-            throw new Error('event failed');
-          },
-          children: "break"
-        }));
-      }
-    }
-    const testApp = await createTestApp(BrokenEventRoot, {
-      document
-    });
-    testApp.container.querySelector('button').dispatchEvent(new window.Event('click'));
-    let error;
-    try {
-      await testApp.resolved();
-    } catch (caught) {
-      error = caught;
-    }
-    expect(error).to.be.instanceOf(Error);
-    expect(error.message).to.contain('BrokenEventRoot click event handler');
-    await testApp.unmount();
-  });
-});

package/dist/testing/ensureTestEnvLoaded.sxyt.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ensureTestEnvLoaded.sxyt.d.ts.map

package/dist/testing/ensureTestEnvLoaded.sxyt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ensureTestEnvLoaded.sxyt.d.ts","sourceRoot":"","sources":["../../src/testing/ensureTestEnvLoaded.sxyt.ts"],"names":[],"mappings":""}

package/dist/testing/ensureTestEnvLoaded.sxyt.js

@@ -1,20 +0,0 @@
-import { expect } from 'chai';
-import { describe } from 'sxy-test-runner';
-import { testEnvIsRequested, testEnvVariableName } from "./ensureTestEnvLoaded.js";
-describe('testEnvIsRequested()', ({
-  it
-}) => {
-  it(`treats an unset ${testEnvVariableName} as no env loading`, () => {
-    expect(testEnvIsRequested(undefined)).to.equal(false);
-  });
-  it('treats blank, 0 and false as no env loading', () => {
-    for (const value of ['', '   ', '0', 'false', 'FALSE', ' False ']) {
-      expect(testEnvIsRequested(value), value).to.equal(false);
-    }
-  });
-  it('treats any other value as a request to load env', () => {
-    for (const value of ['1', 'true', 'yes', 'test']) {
-      expect(testEnvIsRequested(value), value).to.equal(true);
-    }
-  });
-});