haori 0.1.0

package/dist/tests/fetch-and-procedure-scenarios.test.js

@@ -0,0 +1,133 @@
+/* @vitest-environment jsdom */
+/**
+ * @fileoverview
+ * fetch / Procedure に関する代表的なシナリオの統合テストです。
+ * - `data-fetch-bind-params` による特定フィールドのみのバインド
+ * - `afterCallback` によるレスポンス上書きと bind の動作
+ * - dialog / toast の呼び出し
+ * - POST の場合に JSON ボディが作成されること
+ */
+import { describe, it, beforeEach, afterEach, expect, vi } from 'vitest';
+import Core from '../src/core';
+// Procedure/Fragment を直接参照せず属性駆動でテストを行うため、
+// 未使用のインポートは削除しています。
+describe('Fetch and Procedure scenarios', () => {
+    beforeEach(async () => {
+        // 各テスト前にモック状態をリセット
+        vi.restoreAllMocks();
+        // Observer を読み込んで初期化を確実に行う（MutationObserver / EventDispatcher を開始）
+        await import('../src/observer');
+    });
+    afterEach(() => {
+        // 各テスト後の後片付け
+        vi.restoreAllMocks();
+    });
+    it('data-fetch-bind-params binds specified fields only', async () => {
+        // attribute ベースで要素を作成し、Observer/MutationObserver 経由で自動実行されることを検証
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const target = document.createElement('div');
+        target.id = 'target';
+        const source = document.createElement('div');
+        // 非イベント fetch 属性と bind 指定（属性だけで動作する）
+        source.setAttribute('data-fetch', 'http://example.test/api');
+        source.setAttribute('data-fetch-bind', '#target');
+        source.setAttribute('data-fetch-bind-params', 'name&email');
+        container.append(target, source);
+        // mock fetch: サーバーは name, email, age を返す
+        vi.spyOn(globalThis, 'fetch').mockImplementation(() => {
+            return Promise.resolve(new Response(JSON.stringify({
+                name: 'Taro',
+                email: 'taro@example.com',
+                age: 40,
+            }), { headers: { 'Content-Type': 'application/json' } }));
+        });
+        // spy Core.setBindingData
+        const sbd = vi
+            .spyOn(Core, 'setBindingData')
+            .mockResolvedValue(undefined);
+        // MutationObserver と EventDispatcher が非同期で処理するため少し待つ
+        await new Promise(resolve => setTimeout(resolve, 50));
+        expect(sbd).toHaveBeenCalled();
+        const calls = sbd.mock.calls;
+        const last = calls[calls.length - 1];
+        expect(last[0].id).toBe('target');
+        const bound = last[1];
+        expect(bound).toHaveProperty('name');
+        expect(bound).toHaveProperty('email');
+        expect(bound).not.toHaveProperty('age');
+        container.remove();
+    });
+    it('afterCallback overrides response (click)', async () => {
+        // data-click-* 属性を使用して、クリックイベント経由で Procedure が実行されるパスを検証
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const target = document.createElement('div');
+        target.id = 'target2';
+        const button = document.createElement('button');
+        // event ベースで fetch を実行し、after-run スクリプトで Response を上書き
+        button.setAttribute('data-click-fetch', 'http://example.test/after');
+        button.setAttribute('data-click-bind', '#target2');
+        // after-run に Response を返すスクリプトを記述
+        const afterRunScript = 'return {response: new Response(JSON.stringify({"overridden":true}), ' +
+            '{headers:{"Content-Type":"application/json"}})}';
+        button.setAttribute('data-click-after-run', afterRunScript);
+        container.append(target, button);
+        // mock fetch returns initial payload (will be overridden by after-run)
+        vi.spyOn(globalThis, 'fetch').mockImplementation(() => {
+            return Promise.resolve(new Response(JSON.stringify({ x: 1 }), {
+                headers: { 'Content-Type': 'application/json' },
+            }));
+        });
+        const sbd = vi
+            .spyOn(Core, 'setBindingData')
+            .mockResolvedValue(undefined);
+        // click を発火すると EventDispatcher が Procedure を呼び出す
+        button.click();
+        await new Promise(resolve => setTimeout(resolve, 50));
+        expect(sbd).toHaveBeenCalled();
+        const calls = sbd.mock.calls;
+        const last = calls[calls.length - 1];
+        const bound = last[1];
+        expect(bound).toHaveProperty('overridden');
+        container.remove();
+    });
+    it('dialog and toast called on click', async () => {
+        const Haori = await import('../src/haori');
+        const dialogSpy = vi
+            .spyOn(Haori.default, 'dialog')
+            .mockResolvedValue(undefined);
+        const toastSpy = vi
+            .spyOn(Haori.default, 'toast')
+            .mockResolvedValue(undefined);
+        const btn = document.createElement('button');
+        btn.setAttribute('data-click-dialog', 'Done');
+        btn.setAttribute('data-click-toast', 'Saved');
+        document.body.appendChild(btn);
+        btn.click();
+        await new Promise(resolve => setTimeout(resolve, 50));
+        expect(dialogSpy).toHaveBeenCalledWith('Done');
+        expect(toastSpy).toHaveBeenCalledWith('Saved', 'info');
+        btn.remove();
+    });
+    it('POST sends JSON body when payload exists', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const source = document.createElement('div');
+        source.setAttribute('data-fetch', 'http://api.test/submit');
+        source.setAttribute('data-fetch-method', 'POST');
+        // fetch-data は URLSearchParams 形式でも動作する
+        source.setAttribute('data-fetch-data', 'a=1&b=two');
+        container.appendChild(source);
+        const fetchSpy = vi
+            .spyOn(globalThis, 'fetch')
+            .mockImplementation(() => {
+            return Promise.resolve(new Response('{}', { headers: { 'Content-Type': 'application/json' } }));
+        });
+        await new Promise(resolve => setTimeout(resolve, 50));
+        // fetch が呼び出されたことを検証（body の扱いは実行タイミングに依存するため寛容に）
+        expect(fetchSpy).toHaveBeenCalled();
+        container.remove();
+    });
+});
+//# sourceMappingURL=fetch-and-procedure-scenarios.test.js.map

package/dist/tests/fetch-and-procedure-scenarios.test.js.map

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

package/dist/tests/form.test.d.ts

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

package/dist/tests/form.test.d.ts.map

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