haori 0.6.2 → 0.8.0

package/dist/tests/data-bind-merge.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-bind-merge.test.d.ts","sourceRoot":"","sources":["../../tests/data-bind-merge.test.ts"],"names":[],"mappings":""}

package/dist/tests/data-bind-merge.test.js

@@ -0,0 +1,86 @@
+/* @vitest-environment jsdom */
+/**
+ * @fileoverview
+ * data-{event}-bind-merge による浅いマージバインドの統合テストです。
+ * bind-merge 指定時はバインド先の既存 binding data を保持したまま、
+ * 解決済みデータで上書きすることを確認します。
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import Core from '../src/core';
+import EventDispatcher from '../src/event_dispatcher';
+import { waitForCondition, waitForDomSettled } from './helpers/async';
+describe('data-bind-merge（浅いマージバインド）', () => {
+    let container;
+    let dispatcher;
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        container = document.createElement('div');
+        document.body.appendChild(container);
+        dispatcher = new EventDispatcher(document);
+        dispatcher.start();
+    });
+    afterEach(() => {
+        dispatcher.stop();
+        vi.restoreAllMocks();
+        document.body.removeChild(container);
+    });
+    it('bind-merge 指定時は既存キー（items）を保持しつつ selectedId を上書きする', async () => {
+        // items 読み込み後にボタンが表示され、data-load-* で selectedId を #state へ
+        // マージする。bind-merge により items は消えない。
+        container.innerHTML = `
+      <div id="state" data-bind='{"items":[],"selectedId":null}'>
+        <button
+          id="auto"
+          type="button"
+          data-if="items.length > 0 && !selectedId"
+          data-load-data="selectedId={{items[0]?.id}}"
+          data-load-bind="#state"
+          data-load-bind-merge
+        >自動選択</button>
+      </div>
+    `;
+        const state = container.querySelector('#state');
+        await Core.scan(container);
+        await waitForDomSettled();
+        await Core.setBindingData(state, {
+            items: [{ id: 1, name: 'A' }, { id: 2, name: 'B' }],
+            selectedId: null,
+        });
+        await waitForCondition(() => {
+            const bind = state.getAttribute('data-bind');
+            return bind !== null && JSON.parse(bind).selectedId != null;
+        }, { description: 'data-load-bind-merge で selectedId が反映される' });
+        const bind = JSON.parse(state.getAttribute('data-bind'));
+        // selectedId は反映され、items は保持される。
+        expect(String(bind.selectedId)).toBe('1');
+        expect(Array.isArray(bind.items)).toBe(true);
+        expect(bind.items).toHaveLength(2);
+    });
+    it('bind-merge を指定しない場合は従来どおり全置換でキーが消える', async () => {
+        container.innerHTML = `
+      <div id="src" data-bind='{"value":"x"}'>
+        <button
+          id="btn"
+          type="button"
+          data-click-data="picked=1"
+          data-click-bind="#dest"
+        >set</button>
+      </div>
+      <div id="dest" data-bind='{"keep":"yes","picked":null}'></div>
+    `;
+        const dest = container.querySelector('#dest');
+        const button = container.querySelector('#btn');
+        await Core.scan(container);
+        await waitForDomSettled();
+        button.click();
+        await waitForCondition(() => {
+            const bind = dest.getAttribute('data-bind');
+            return bind !== null && JSON.parse(bind).picked != null;
+        }, { description: 'bind で picked が反映される' });
+        const bind = JSON.parse(dest.getAttribute('data-bind'));
+        // 全置換のため keep は消える（従来挙動）。
+        expect(String(bind.picked)).toBe('1');
+        expect('keep' in bind).toBe(false);
+    });
+});
+//# sourceMappingURL=data-bind-merge.test.js.map

package/dist/tests/data-bind-merge.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-bind-merge.test.js","sourceRoot":"","sources":["../../tests/data-bind-merge.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/data-if-falsy.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data-if-falsy.test.d.ts.map

package/dist/tests/data-if-falsy.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-if-falsy.test.d.ts","sourceRoot":"","sources":["../../tests/data-if-falsy.test.ts"],"names":[],"mappings":""}

package/dist/tests/data-if-falsy.test.js

@@ -0,0 +1,73 @@
+/* @vitest-environment jsdom */
+/**
+ * @fileoverview
+ * data-if の非表示判定が JavaScript の falsy 準拠であることを検証するテストです。
+ * `0` や空文字列 `''` は非表示、空配列 `[]` などのオブジェクトは表示されることを確認します。
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import Core from '../src/core';
+import { waitForDomSettled } from './helpers/async';
+describe('data-if の falsy 判定', () => {
+    let container;
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+        document.body.removeChild(container);
+    });
+    /**
+     * 指定 id の要素が非表示（data-if-false 付き）かどうかを返します。
+     *
+     * @param id 要素 id
+     * @return 非表示なら true
+     */
+    const isHidden = (id) => container.querySelector(`#${id}`).hasAttribute('data-if-false');
+    it('数値 0（items.length）は非表示、要素があれば表示になる', async () => {
+        container.innerHTML = `
+      <div id="root" data-bind='{"items":[]}'>
+        <p id="len" data-if="items.length">件あり</p>
+      </div>
+    `;
+        const root = container.querySelector('#root');
+        await Core.scan(root);
+        await waitForDomSettled();
+        // items.length === 0 → falsy → 非表示
+        expect(isHidden('len')).toBe(true);
+        await Core.setBindingData(root, { items: [{ id: 1 }] });
+        await waitForDomSettled();
+        // items.length === 1 → truthy → 表示
+        expect(isHidden('len')).toBe(false);
+    });
+    it('空文字列は非表示、非空文字列は表示になる（存在チェック）', async () => {
+        container.innerHTML = `
+      <div id="root2" data-bind='{"message":""}'>
+        <p id="msg" data-if="message">{{message}}</p>
+      </div>
+    `;
+        const root = container.querySelector('#root2');
+        await Core.scan(root);
+        await waitForDomSettled();
+        expect(isHidden('msg')).toBe(true);
+        await Core.setBindingData(root, { message: 'こんにちは' });
+        await waitForDomSettled();
+        expect(isHidden('msg')).toBe(false);
+    });
+    it('空配列・空オブジェクトは truthy として表示される', async () => {
+        container.innerHTML = `
+      <div id="root3" data-bind='{"list":[],"obj":{}}'>
+        <p id="arr" data-if="list">配列あり</p>
+        <p id="o" data-if="obj">オブジェクトあり</p>
+      </div>
+    `;
+        const root = container.querySelector('#root3');
+        await Core.scan(root);
+        await waitForDomSettled();
+        // [] も {} も JavaScript では truthy なので表示
+        expect(isHidden('arr')).toBe(false);
+        expect(isHidden('o')).toBe(false);
+    });
+});
+//# sourceMappingURL=data-if-falsy.test.js.map

package/dist/tests/data-if-falsy.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-if-falsy.test.js","sourceRoot":"","sources":["../../tests/data-if-falsy.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/data-load-on-show.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data-load-on-show.test.d.ts.map

package/dist/tests/data-load-on-show.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-load-on-show.test.d.ts","sourceRoot":"","sources":["../../tests/data-load-on-show.test.ts"],"names":[],"mappings":""}

package/dist/tests/data-load-on-show.test.js

@@ -0,0 +1,98 @@
+/* @vitest-environment jsdom */
+/**
+ * @fileoverview
+ * data-if による表示（haori:show）を契機に data-load-* が発火することを検証する
+ * 統合テストです。ボタンなどネイティブの load イベントが発生しない要素でも、
+ * 非表示→表示への遷移時に data-load-* 手続きが1回だけ実行されることを確認します。
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import Core from '../src/core';
+import Procedure from '../src/procedure';
+import { waitForCondition, waitForDomSettled } from './helpers/async';
+describe('data-load-* の data-if 表示連動発火', () => {
+    let container;
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+        document.body.removeChild(container);
+    });
+    it('非表示の data-if 要素が表示に遷移したとき data-load-* が発火する', async () => {
+        // #result は data-load-* の出力先。#state の items が読み込まれて
+        // ボタンが表示されたタイミングで data-load-* が発火し、#result へ反映される。
+        container.innerHTML = `
+      <div id="result" data-bind='{"picked":null}'></div>
+      <div id="state" data-bind='{"items":[]}'>
+        <button
+          id="auto"
+          type="button"
+          data-if="items.length > 0"
+          data-load-data="picked={{items[0]?.id}}"
+          data-load-bind="#result"
+        >自動選択</button>
+      </div>
+    `;
+        const state = container.querySelector('#state');
+        const result = container.querySelector('#result');
+        const button = container.querySelector('#auto');
+        await Core.scan(container);
+        await waitForDomSettled();
+        // items が空なので data-if は false。要素は非表示で data-load-* は未発火。
+        expect(button.hasAttribute('data-if-false')).toBe(true);
+        expect(JSON.parse(result.getAttribute('data-bind')).picked).toBe(null);
+        // 後から items を投入する（reactive な data-bind 更新）。
+        await Core.setBindingData(state, { items: [{ id: 1 }, { id: 2 }] });
+        // 非表示→表示への遷移で data-load-* が発火し、#result へ picked が反映される。
+        await waitForCondition(() => {
+            const bind = result.getAttribute('data-bind');
+            return bind !== null && JSON.parse(bind).picked != null;
+        }, { description: 'data-load-* が #result へ picked を反映する' });
+        expect(button.hasAttribute('data-if-false')).toBe(false);
+        const bind = JSON.parse(result.getAttribute('data-bind'));
+        expect(String(bind.picked)).toBe('1');
+    });
+    it('表示状態のまま再評価しても data-load-* を再発火しない', async () => {
+        container.innerHTML = `
+      <div id="result2" data-bind='{"count":0}'></div>
+      <div id="state2" data-bind='{"items":[{"id":1}],"tick":0}'>
+        <button
+          id="auto2"
+          type="button"
+          data-if="items.length > 0"
+          data-load-data="hit=1"
+          data-load-bind="#result2"
+        >x</button>
+      </div>
+    `;
+        const state = container.querySelector('#state2');
+        await Core.scan(container);
+        await waitForDomSettled();
+        const runSpy = vi.spyOn(Procedure.prototype, 'run');
+        // 表示状態を保ったまま無関係な値だけを更新して再評価を促す。
+        await Core.setBindingData(state, { items: [{ id: 1 }], tick: 1 });
+        await waitForDomSettled();
+        await Core.setBindingData(state, { items: [{ id: 1 }], tick: 2 });
+        await waitForDomSettled();
+        // すでに表示済み（遷移なし）のため load Procedure は再発火しない。
+        expect(runSpy).not.toHaveBeenCalled();
+    });
+    it('data-load-* を持たない data-if 要素では load Procedure を起動しない', async () => {
+        container.innerHTML = `
+      <div id="state3" data-bind='{"flag":false}'>
+        <span id="plain" data-if="flag">表示</span>
+      </div>
+    `;
+        const state = container.querySelector('#state3');
+        await Core.scan(container);
+        await waitForDomSettled();
+        const runSpy = vi.spyOn(Procedure.prototype, 'run');
+        await Core.setBindingData(state, { flag: true });
+        await waitForDomSettled();
+        // data-load-* を持たないため load 種別の Procedure は1件も起動されない。
+        expect(runSpy).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=data-load-on-show.test.js.map

package/dist/tests/data-load-on-show.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-load-on-show.test.js","sourceRoot":"","sources":["../../tests/data-load-on-show.test.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B;;;;;GAKG;AACH,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAC;AACvE,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEpE,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,IAAI,SAAsB,CAAC;IAE3B,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,oDAAoD;QACpD,mDAAmD;QACnD,SAAS,CAAC,SAAS,GAAG;;;;;;;;;;;KAWrB,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;QAC/D,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QACjE,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAgB,CAAC;QAE/D,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,iBAAiB,EAAE,CAAC;QAE1B,wDAAwD;QACxD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CACxE,IAAI,CACL,CAAC;QAEF,4CAA4C;QAC5C,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;QAE9D,wDAAwD;QACxD,MAAM,gBAAgB,CACpB,GAAG,EAAE;YACH,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YAC9C,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;QAC1D,CAAC,EACD,EAAC,WAAW,EAAE,sCAAsC,EAAC,CACtD,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,SAAS,CAAC,SAAS,GAAG;;;;;;;;;;;KAWrB,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAEhE,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,iBAAiB,EAAE,CAAC;QAE1B,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEpD,gCAAgC;QAChC,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC;QAC9D,MAAM,iBAAiB,EAAE,CAAC;QAC1B,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC;QAC9D,MAAM,iBAAiB,EAAE,CAAC;QAE1B,2CAA2C;QAC3C,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,SAAS,CAAC,SAAS,GAAG;;;;KAIrB,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAEhE,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,iBAAiB,EAAE,CAAC;QAE1B,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;QAC/C,MAAM,iBAAiB,EAAE,CAAC;QAE1B,qDAAqD;QACrD,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/tests/each-update-event.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=each-update-event.test.d.ts.map

package/dist/tests/each-update-event.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"each-update-event.test.d.ts","sourceRoot":"","sources":["../../tests/each-update-event.test.ts"],"names":[],"mappings":""}

package/dist/tests/each-update-event.test.js

@@ -0,0 +1,83 @@
+/* @vitest-environment jsdom */
+/**
+ * @fileoverview
+ * haori:eachupdate イベントが「data-each の全行の描画完了後」に発火することを保証する
+ * 回帰テストです。イベント発火時点で全行が DOM に存在し、{{...}} が補間済みであることを
+ * 確認します。外部からの描画完了検知の契約として固定します。
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import Core from '../src/core';
+import { waitForCondition, waitForDomSettled } from './helpers/async';
+describe('haori:eachupdate 発火タイミングの保証', () => {
+    let container;
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+        document.body.removeChild(container);
+    });
+    it('eachupdate 発火時点で全行が DOM に存在し補間済みである（25行）', async () => {
+        const rows = Array.from({ length: 25 }, (_, i) => ({ id: i, label: `M${i}` }));
+        container.innerHTML = `
+      <div id="state" data-bind='{"rows":[]}'>
+        <table><tbody>
+          <tr data-each="rows" data-each-key="id" data-each-arg="row">
+            <td class="lbl">{{row.label}}</td>
+            <td><input name="value" type="number"></td>
+          </tr>
+        </tbody></table>
+      </div>`;
+        const state = container.querySelector('#state');
+        const tbody = container.querySelector('tbody');
+        // eachupdate 発火時点の DOM スナップショットを記録する。
+        const snapshots = [];
+        tbody.addEventListener('haori:eachupdate', (e) => {
+            const detail = e.detail;
+            const labels = Array.from(container.querySelectorAll('.lbl'));
+            snapshots.push({
+                total: detail.total,
+                rendered: labels.length,
+                allFilled: labels.every(el => el.textContent !== '' && !el.textContent.includes('{{')),
+            });
+        });
+        await Core.scan(container);
+        await waitForDomSettled();
+        await Core.setBindingData(state, { rows });
+        await waitForCondition(() => container.querySelectorAll('.lbl').length === 25, { description: '25 行描画', maxAttempts: 40, delayMs: 50 });
+        // total=25 の eachupdate が発火し、その時点で 25 行すべてが補間済みであること。
+        const completed = snapshots.find(s => s.total === 25);
+        expect(completed, 'total=25 の eachupdate が発火していない').toBeTruthy();
+        expect(completed.rendered).toBe(25);
+        expect(completed.allFilled).toBe(true);
+    });
+    it('eachupdate の detail は added / removed / order / total を提供する', async () => {
+        container.innerHTML = `
+      <div id="state2" data-bind='{"rows":[{"id":1},{"id":2}]}'>
+        <table><tbody>
+          <tr data-each="rows" data-each-key="id" data-each-arg="r" class="row"><td>{{r.id}}</td></tr>
+        </tbody></table>
+      </div>`;
+        const state = container.querySelector('#state2');
+        const tbody = container.querySelector('tbody');
+        await Core.scan(container);
+        await waitForDomSettled();
+        const events = [];
+        tbody.addEventListener('haori:eachupdate', (e) => {
+            events.push(e.detail);
+        });
+        // 1 を削除し 3, 4 を追加する。
+        await Core.setBindingData(state, { rows: [{ id: 2 }, { id: 3 }, { id: 4 }] });
+        await waitForCondition(() => events.length > 0, {
+            description: 'eachupdate 発火',
+        });
+        const detail = events[events.length - 1];
+        expect(detail.total).toBe(3);
+        expect(detail.order).toEqual(['2', '3', '4']);
+        expect(detail.added).toEqual(['3', '4']);
+        expect(detail.removed).toEqual(['1']);
+    });
+});
+//# sourceMappingURL=each-update-event.test.js.map

package/dist/tests/each-update-event.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"each-update-event.test.js","sourceRoot":"","sources":["../../tests/each-update-event.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/procedure-action-operations.test.js

@@ -189,6 +189,134 @@ describe('Procedure action operations', () => {
         errorSpy.mockRestore();
         container.remove();
     });
+    it('data-click-copy-source copies from specified form to destination', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const sourceForm = document.createElement('form');
+        sourceForm.id = 'copy-source-specified-form';
+        const keywordInput = document.createElement('input');
+        keywordInput.name = 'keyword';
+        keywordInput.value = 'from-source';
+        const pageInput = document.createElement('input');
+        pageInput.name = 'page';
+        pageInput.value = '5';
+        sourceForm.append(keywordInput, pageInput);
+        const destForm = document.createElement('form');
+        destForm.id = 'copy-dest-specified-form';
+        const destKeyword = document.createElement('input');
+        destKeyword.name = 'keyword';
+        const destPage = document.createElement('input');
+        destPage.name = 'page';
+        destForm.append(destKeyword, destPage);
+        const btn = document.createElement('button');
+        btn.setAttribute('data-click-copy-source', '#copy-source-specified-form');
+        btn.setAttribute('data-click-copy', '#copy-dest-specified-form');
+        container.append(sourceForm, destForm, btn);
+        await waitForDomSettled();
+        btn.click();
+        await waitForCondition(() => destKeyword.value === 'from-source' && destPage.value === '5', { description: 'copy from specified source form' });
+        expect(destKeyword.value).toBe('from-source');
+        expect(destPage.value).toBe('5');
+        container.remove();
+    });
+    it('data-click-copy-source copies binding data from specified non-form element', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const source = document.createElement('div');
+        source.id = 'copy-source-binding-div';
+        source.setAttribute('data-bind', '{"keyword":"from-binding","page":"9"}');
+        const dest = document.createElement('div');
+        dest.id = 'copy-dest-binding-div';
+        dest.setAttribute('data-bind', '{"keyword":"old","keep":"yes"}');
+        const btn = document.createElement('button');
+        btn.setAttribute('data-click-copy-source', '#copy-source-binding-div');
+        btn.setAttribute('data-click-copy', '#copy-dest-binding-div');
+        container.append(source, dest, btn);
+        await waitForDomSettled();
+        btn.click();
+        await waitForCondition(() => {
+            const bind = dest.getAttribute('data-bind');
+            return bind !== null && bind.includes('"keyword":"from-binding"');
+        }, { description: 'copy from specified source binding data' });
+        const copied = JSON.parse(dest.getAttribute('data-bind') || '{}');
+        expect(copied).toMatchObject({ keyword: 'from-binding', page: '9', keep: 'yes' });
+        container.remove();
+    });
+    it('data-click-copy-source takes precedence over data-click-form', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const triggerForm = document.createElement('form');
+        triggerForm.id = 'copy-trigger-form';
+        const triggerInput = document.createElement('input');
+        triggerInput.name = 'keyword';
+        triggerInput.value = 'trigger-value';
+        triggerForm.appendChild(triggerInput);
+        const sourceForm = document.createElement('form');
+        sourceForm.id = 'copy-source-priority-form';
+        const sourceInput = document.createElement('input');
+        sourceInput.name = 'keyword';
+        sourceInput.value = 'source-value';
+        sourceForm.appendChild(sourceInput);
+        const dest = document.createElement('div');
+        dest.id = 'copy-dest-priority-div';
+        dest.setAttribute('data-bind', '{}');
+        const btn = document.createElement('button');
+        btn.setAttribute('data-click-form', '#copy-trigger-form');
+        btn.setAttribute('data-click-copy-source', '#copy-source-priority-form');
+        btn.setAttribute('data-click-copy', '#copy-dest-priority-div');
+        container.append(triggerForm, sourceForm, dest, btn);
+        await waitForDomSettled();
+        btn.click();
+        await waitForCondition(() => {
+            const bind = dest.getAttribute('data-bind');
+            return bind !== null && bind.includes('"keyword":"source-value"');
+        }, { description: 'copy-source takes precedence over form' });
+        const copied = JSON.parse(dest.getAttribute('data-bind') || '{}');
+        expect(copied).toMatchObject({ keyword: 'source-value' });
+        container.remove();
+    });
+    it('data-click-copy-source logs error when selector does not match', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => { });
+        const dest = document.createElement('div');
+        dest.id = 'copy-dest-missing-source';
+        dest.setAttribute('data-bind', '{"keep":"yes"}');
+        const btn = document.createElement('button');
+        btn.setAttribute('data-bind', '{"keyword":"trigger"}');
+        btn.setAttribute('data-click-copy-source', '#no-such-source');
+        btn.setAttribute('data-click-copy', '#copy-dest-missing-source');
+        container.append(dest, btn);
+        await waitForDomSettled();
+        btn.click();
+        await waitForCondition(() => errorSpy.mock.calls.some(call => call.some(arg => typeof arg === 'string' &&
+            arg.includes('Element not found: #no-such-source'))), { description: 'missing copy-source error' });
+        const copied = JSON.parse(dest.getAttribute('data-bind') || '{}');
+        expect(copied).toMatchObject({ keep: 'yes' });
+        errorSpy.mockRestore();
+        container.remove();
+    });
+    it('data-click-copy-source="" (empty) uses the trigger element itself as source', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const btn = document.createElement('button');
+        btn.setAttribute('data-bind', '{"keyword":"self-source","page":"1"}');
+        btn.setAttribute('data-click-copy-source', '');
+        btn.setAttribute('data-click-copy', '#copy-dest-self-source');
+        const dest = document.createElement('div');
+        dest.id = 'copy-dest-self-source';
+        dest.setAttribute('data-bind', '{"keep":"yes"}');
+        container.append(btn, dest);
+        await waitForDomSettled();
+        btn.click();
+        await waitForCondition(() => {
+            const bind = dest.getAttribute('data-bind');
+            return bind !== null && bind.includes('"keyword":"self-source"');
+        }, { description: 'copy from self (empty selector)' });
+        const copied = JSON.parse(dest.getAttribute('data-bind') || '{}');
+        expect(copied).toMatchObject({ keyword: 'self-source', page: '1', keep: 'yes' });
+        container.remove();
+    });
     it('data-click-copy-params copies only selected keys and preserves target data', async () => {
         const container = document.createElement('div');
         document.body.appendChild(container);