haori 0.4.3 → 0.4.5

package/dist/tests/haori.test.js

@@ -0,0 +1,149 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import Haori from '../src/haori';
+describe('Haori.dialog', () => {
+    beforeEach(() => {
+        vi.spyOn(window, 'alert').mockImplementation(() => { });
+    });
+    it('メッセージをそのまま alert に渡す', async () => {
+        await Haori.dialog('こんにちは');
+        expect(window.alert).toHaveBeenCalledWith('こんにちは');
+    });
+    it('実改行を含む文字列をそのまま渡す（変質させない）', async () => {
+        await Haori.dialog('Hello\nWorld');
+        expect(window.alert).toHaveBeenCalledWith('Hello\nWorld');
+    });
+    it('リテラル \\n を正規化しない（Procedure 経路でのみ正規化）', async () => {
+        await Haori.dialog('Hello\\nWorld');
+        expect(window.alert).toHaveBeenCalledWith('Hello\\nWorld');
+    });
+});
+describe('Haori.confirm', () => {
+    beforeEach(() => {
+        vi.spyOn(window, 'confirm').mockReturnValue(true);
+    });
+    it('メッセージをそのまま confirm に渡す', async () => {
+        await Haori.confirm('続けますか？');
+        expect(window.confirm).toHaveBeenCalledWith('続けますか？');
+    });
+    it('実改行を含む文字列をそのまま渡す（変質させない）', async () => {
+        await Haori.confirm('続けますか？\nこの操作は取り消せません。');
+        expect(window.confirm).toHaveBeenCalledWith('続けますか？\nこの操作は取り消せません。');
+    });
+    it('リテラル \\n を正規化しない（Procedure 経路でのみ正規化）', async () => {
+        await Haori.confirm('続けますか？\\nこの操作は取り消せません。');
+        expect(window.confirm).toHaveBeenCalledWith('続けますか？\\nこの操作は取り消せません。');
+    });
+});
+describe('Haori.toast', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+        vi.useFakeTimers();
+        HTMLElement.prototype.showPopover = vi.fn();
+        HTMLElement.prototype.hidePopover = vi.fn();
+    });
+    afterEach(() => {
+        vi.useRealTimers();
+    });
+    it('level を省略すると info として扱う', async () => {
+        Haori.toast('msg');
+        const toast = document.querySelector('.haori-toast-info');
+        expect(toast).not.toBeNull();
+        expect(toast?.getAttribute('aria-live')).toBe('polite');
+    });
+    it.each(['info', 'warning', 'success'])('level "%s" は aria-live="polite" を設定する', (level) => {
+        Haori.toast('msg', level);
+        const toast = document.querySelector(`.haori-toast-${level}`);
+        expect(toast?.getAttribute('aria-live')).toBe('polite');
+    });
+    it('level "error" は aria-live="assertive" を設定する', () => {
+        Haori.toast('msg', 'error');
+        const toast = document.querySelector('.haori-toast-error');
+        expect(toast?.getAttribute('aria-live')).toBe('assertive');
+    });
+    it('3秒後にトーストを非表示にして DOM から削除する', () => {
+        const hidePopoverSpy = HTMLElement.prototype.hidePopover;
+        Haori.toast('hello', 'info');
+        expect(document.querySelector('.haori-toast')).not.toBeNull();
+        vi.advanceTimersByTime(3000);
+        expect(hidePopoverSpy).toHaveBeenCalledTimes(1);
+        expect(document.querySelector('.haori-toast')).toBeNull();
+    });
+});
+describe('Haori.addMessage', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('入力要素の場合は親要素に data-message を付与する', async () => {
+        const parent = document.createElement('div');
+        const input = document.createElement('input');
+        parent.appendChild(input);
+        document.body.appendChild(parent);
+        await Haori.addMessage(input, 'エラー');
+        expect(parent.getAttribute('data-message')).toBe('エラー');
+        expect(parent.hasAttribute('data-message-level')).toBe(false);
+    });
+    it('level を指定すると data-message-level が付与される', async () => {
+        const parent = document.createElement('div');
+        const input = document.createElement('input');
+        parent.appendChild(input);
+        document.body.appendChild(parent);
+        await Haori.addMessage(input, '確認', 'info');
+        expect(parent.getAttribute('data-message')).toBe('確認');
+        expect(parent.getAttribute('data-message-level')).toBe('info');
+    });
+    it.each(['info', 'warning', 'error', 'success'])('level "%s" を data-message-level に設定できる', async (level) => {
+        const parent = document.createElement('div');
+        const input = document.createElement('input');
+        parent.appendChild(input);
+        document.body.appendChild(parent);
+        await Haori.addMessage(input, 'msg', level);
+        expect(parent.getAttribute('data-message-level')).toBe(level);
+    });
+    it('フォーム要素の場合はフォーム自身に付与する', async () => {
+        const form = document.createElement('form');
+        document.body.appendChild(form);
+        await Haori.addMessage(form, 'フォームエラー', 'error');
+        expect(form.getAttribute('data-message')).toBe('フォームエラー');
+        expect(form.getAttribute('data-message-level')).toBe('error');
+    });
+});
+describe('Haori.clearMessages', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('data-message と data-message-level を両方除去する', async () => {
+        const parent = document.createElement('div');
+        const input = document.createElement('input');
+        parent.appendChild(input);
+        document.body.appendChild(parent);
+        await Haori.addMessage(input, 'エラー', 'error');
+        expect(parent.hasAttribute('data-message-level')).toBe(true);
+        await Haori.clearMessages(parent);
+        expect(parent.hasAttribute('data-message')).toBe(false);
+        expect(parent.hasAttribute('data-message-level')).toBe(false);
+    });
+    it('子要素の data-message-level も除去する', async () => {
+        const form = document.createElement('form');
+        document.body.appendChild(form);
+        await Haori.addMessage(form, 'エラー', 'warning');
+        expect(form.getAttribute('data-message-level')).toBe('warning');
+        await Haori.clearMessages(form);
+        expect(form.hasAttribute('data-message')).toBe(false);
+        expect(form.hasAttribute('data-message-level')).toBe(false);
+    });
+});
+describe('Haori.addErrorMessage', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('addMessage("error") に委譲する', async () => {
+        const parent = document.createElement('div');
+        const input = document.createElement('input');
+        parent.appendChild(input);
+        document.body.appendChild(parent);
+        await Haori.addErrorMessage(input, 'エラー');
+        expect(parent.getAttribute('data-message')).toBe('エラー');
+        expect(parent.getAttribute('data-message-level')).toBe('error');
+    });
+});
+//# sourceMappingURL=haori.test.js.map

package/dist/tests/haori.test.js.map

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

package/dist/tests/helpers/async.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../tests/helpers/async.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAsB,iBAAiB,CAAC,MAAM,SAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAKjE;AAED;;;;;;GAMG;AACH,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,MAAM,OAAO,EACxB,OAAO,GAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAM,GACzD,OAAO,CAAC,IAAI,CAAC,CASf"}
+{"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../tests/helpers/async.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAsB,iBAAiB,CAAC,MAAM,SAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAMjE;AAED;;;;;;GAMG;AACH,wBAAsB,gBAAgB,CACpC,SAAS,EAAE,MAAM,OAAO,EACxB,OAAO,GAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAM,GACzD,OAAO,CAAC,IAAI,CAAC,CASf"}

package/dist/tests/helpers/async.js

@@ -8,6 +8,7 @@ import Queue from '../../src/queue';
 export async function waitForDomSettled(cycles = 3) {
     for (let index = 0; index < cycles; index += 1) {
         await Promise.resolve();
+        await new Promise(resolve => setTimeout(resolve, 0));
         await Queue.wait();
     }
 }

package/dist/tests/helpers/async.js.map

@@ -1 +1 @@
-{"version":3,"file":"async.js","sourceRoot":"","sources":["../../../tests/helpers/async.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,MAAM,GAAG,CAAC;IAChD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,SAAwB,EACxB,UAAwD,EAAE;IAE1D,MAAM,EAAC,WAAW,GAAG,WAAW,EAAE,WAAW,GAAG,EAAE,EAAC,GAAG,OAAO,CAAC;IAC9D,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,OAAO,IAAI,CAAC,EAAE,CAAC;QAC1D,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,MAAM,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,yBAAyB,WAAW,GAAG,CAAC,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"async.js","sourceRoot":"","sources":["../../../tests/helpers/async.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,MAAM,GAAG,CAAC;IAChD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;QACxB,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACrD,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,SAAwB,EACxB,UAAwD,EAAE;IAE1D,MAAM,EAAC,WAAW,GAAG,WAAW,EAAE,WAAW,GAAG,EAAE,EAAC,GAAG,OAAO,CAAC;IAC9D,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,OAAO,IAAI,CAAC,EAAE,CAAC;QAC1D,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,MAAM,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,yBAAyB,WAAW,GAAG,CAAC,CAAC;AAC3D,CAAC"}

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

@@ -359,6 +359,7 @@ describe('Procedure action operations', () => {
         emailInput.name = 'email';
         form.appendChild(emailInput);
         const btn = document.createElement('button');
+        btn.type = 'button';
         btn.setAttribute('data-click-form', '');
         btn.setAttribute('data-click-fetch', 'http://api.test/json-error');
         form.appendChild(btn);
@@ -378,6 +379,261 @@ describe('Procedure action operations', () => {
         form.remove();
     });
     // -----------------------------------------------------------------------
+    // data-click-scroll-error
+    // -----------------------------------------------------------------------
+    describe('data-click-scroll-error', () => {
+        let scrollIntoViewSpy;
+        beforeEach(() => {
+            // jsdom は scrollIntoView を実装していないため先に定義してからスパイする
+            Element.prototype.scrollIntoView = () => { };
+            scrollIntoViewSpy = vi
+                .spyOn(Element.prototype, 'scrollIntoView')
+                .mockImplementation(() => { });
+        });
+        afterEach(() => {
+            // vi.restoreAllMocks() は直接代入した () => {} へ戻すだけなので、
+            // afterEach でプロパティ自体を削除して jsdom の元の状態（未定義）に戻す
+            delete Element.prototype
+                .scrollIntoView;
+        });
+        it('JSON フィールドエラー: エラー要素の scrollIntoView が呼ばれる', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response(JSON.stringify({ errors: { email: 'メールアドレスが不正です' } }), { status: 422, headers: { 'Content-Type': 'application/json' } })));
+            const form = document.createElement('form');
+            const emailWrapper = document.createElement('div');
+            const emailInput = document.createElement('input');
+            emailInput.name = 'email';
+            emailWrapper.appendChild(emailInput);
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/json-field-error');
+            btn.setAttribute('data-click-scroll-error', '');
+            form.append(emailWrapper, btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => emailWrapper.getAttribute('data-message-level') === 'error', { description: 'field error message set' });
+            expect(scrollIntoViewSpy).toHaveBeenCalledWith({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+            form.remove();
+        });
+        it('JSON entries が空（汎用メッセージ）: scrollIntoView が呼ばれる', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('{}', {
+                status: 500,
+                headers: { 'Content-Type': 'application/json' },
+            })));
+            const form = document.createElement('form');
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/json-empty-error');
+            btn.setAttribute('data-click-scroll-error', '');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => form.getAttribute('data-message-level') === 'error', { description: 'general error message set (json empty)' });
+            expect(scrollIntoViewSpy).toHaveBeenCalledWith({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+            form.remove();
+        });
+        it('text/plain フォールバック: scrollIntoView が呼ばれる', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('Internal Server Error', {
+                status: 500,
+                headers: { 'Content-Type': 'text/plain' },
+            })));
+            const form = document.createElement('form');
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/text-error');
+            btn.setAttribute('data-click-scroll-error', '');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => form.getAttribute('data-message-level') === 'error', { description: 'text fallback error message set' });
+            expect(scrollIntoViewSpy).toHaveBeenCalledWith({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+            form.remove();
+        });
+        it('non-form target: addErrorMessage が parentElement に付与したエラー要素へ scrollIntoView が呼ばれる', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('Server Error', {
+                status: 500,
+                headers: { 'Content-Type': 'text/plain' },
+            })));
+            // フォームではなく div の中にボタンを置く
+            const container = document.createElement('div');
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/non-form-error');
+            btn.setAttribute('data-click-scroll-error', '');
+            container.appendChild(btn);
+            document.body.appendChild(container);
+            await waitForDomSettled();
+            btn.click();
+            // addErrorMessage は非フォーム target の parentElement にエラーを付与する
+            await waitForCondition(() => container.getAttribute('data-message-level') === 'error', { description: 'error set on parentElement (container)' });
+            // container（btn.parentElement）に対して scrollIntoView が 1 回呼ばれる
+            expect(scrollIntoViewSpy).toHaveBeenCalledTimes(1);
+            expect(scrollIntoViewSpy.mock.instances[0]).toBe(container);
+            container.remove();
+        });
+        it('data-click-scroll-error がない場合は scrollIntoView が呼ばれない', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('Error', {
+                status: 500,
+                headers: { 'Content-Type': 'text/plain' },
+            })));
+            const form = document.createElement('form');
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/no-scroll');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => form.getAttribute('data-message-level') === 'error', { description: 'error message set without scroll-error attr' });
+            expect(scrollIntoViewSpy).not.toHaveBeenCalled();
+            form.remove();
+        });
+        it('バリデーション失敗: scrollIntoView が呼ばれる', async () => {
+            const fetchSpy = vi.spyOn(globalThis, 'fetch');
+            const form = document.createElement('form');
+            const input = document.createElement('input');
+            input.name = 'name';
+            input.required = true;
+            input.value = '';
+            form.appendChild(input);
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/validate');
+            btn.setAttribute('data-click-form', '');
+            btn.setAttribute('data-click-validate', '');
+            btn.setAttribute('data-click-scroll-error', '');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => scrollIntoViewSpy.mock.calls.length > 0, { description: 'scrollIntoView called on validation error' });
+            expect(scrollIntoViewSpy).toHaveBeenCalledWith({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+            expect(fetchSpy).not.toHaveBeenCalled();
+            form.remove();
+        });
+        it('バリデーション失敗（複数 invalid）: scrollIntoView は先頭の invalid 要素に 1 回だけ呼ばれ、reportValidity も先頭要素に 1 回だけ呼ばれる', async () => {
+            // 検出フェーズは checkValidity で行われるため、checkValidity をスタブして両 input を invalid にする
+            vi.spyOn(HTMLInputElement.prototype, 'checkValidity').mockReturnValue(false);
+            // reportValidity は先頭 1 要素にだけ呼ばれることを確認するためスパイを立てる
+            const reportValiditySpy = vi
+                .spyOn(HTMLInputElement.prototype, 'reportValidity')
+                .mockReturnValue(false);
+            const form = document.createElement('form');
+            const inputA = document.createElement('input'); // DOM 上で先頭
+            inputA.name = 'name';
+            form.appendChild(inputA);
+            const inputB = document.createElement('input'); // DOM 上で 2 番目
+            inputB.name = 'email';
+            form.appendChild(inputB);
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/multi-validate');
+            btn.setAttribute('data-click-form', '');
+            btn.setAttribute('data-click-validate', '');
+            btn.setAttribute('data-click-scroll-error', '');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => scrollIntoViewSpy.mock.calls.length > 0, { description: 'scrollIntoView called once on first invalid' });
+            // scrollIntoView は 1 回だけ、先頭の invalid 要素（inputA）に対して呼ばれる
+            expect(scrollIntoViewSpy).toHaveBeenCalledTimes(1);
+            expect(scrollIntoViewSpy.mock.instances[0]).toBe(inputA);
+            // reportValidity も先頭要素にだけ呼ばれる（複数の native UI が出ない）
+            expect(reportValiditySpy).toHaveBeenCalledTimes(1);
+            expect(reportValiditySpy.mock.instances[0]).toBe(inputA);
+            form.remove();
+        });
+    });
+    // -----------------------------------------------------------------------
+    // data-click-scroll
+    // -----------------------------------------------------------------------
+    describe('data-click-scroll', () => {
+        let scrollIntoViewSpy;
+        beforeEach(() => {
+            Element.prototype.scrollIntoView = () => { };
+            scrollIntoViewSpy = vi
+                .spyOn(Element.prototype, 'scrollIntoView')
+                .mockImplementation(() => { });
+        });
+        afterEach(() => {
+            delete Element.prototype
+                .scrollIntoView;
+        });
+        it('成功時にセレクターで指定した要素へ scrollIntoView が呼ばれる', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('{}', { headers: { 'Content-Type': 'application/json' } })));
+            const target = document.createElement('div');
+            target.id = 'scroll-target';
+            document.body.appendChild(target);
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/success');
+            btn.setAttribute('data-click-scroll', '#scroll-target');
+            document.body.appendChild(btn);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => scrollIntoViewSpy.mock.calls.length > 0, { description: 'scrollIntoView called on success' });
+            expect(scrollIntoViewSpy).toHaveBeenCalledTimes(1);
+            expect(scrollIntoViewSpy.mock.instances[0]).toBe(target);
+            expect(scrollIntoViewSpy).toHaveBeenCalledWith({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+            target.remove();
+            btn.remove();
+        });
+        it('フェッチエラー時は scrollIntoView が呼ばれない', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('Error', {
+                status: 500,
+                headers: { 'Content-Type': 'text/plain' },
+            })));
+            const target = document.createElement('div');
+            target.id = 'scroll-target-error';
+            document.body.appendChild(target);
+            const form = document.createElement('form');
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/fail');
+            btn.setAttribute('data-click-scroll', '#scroll-target-error');
+            form.appendChild(btn);
+            document.body.appendChild(form);
+            await waitForDomSettled();
+            btn.click();
+            await waitForCondition(() => form.getAttribute('data-message-level') === 'error', { description: 'error message set' });
+            expect(scrollIntoViewSpy).not.toHaveBeenCalled();
+            target.remove();
+            form.remove();
+        });
+        it('セレクターにマッチする要素がない場合は scrollIntoView が呼ばれない', async () => {
+            vi.spyOn(globalThis, 'fetch').mockImplementation(() => Promise.resolve(new Response('{}', { headers: { 'Content-Type': 'application/json' } })));
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.setAttribute('data-click-fetch', 'http://api.test/success-no-target');
+            btn.setAttribute('data-click-scroll', '#nonexistent');
+            document.body.appendChild(btn);
+            await waitForDomSettled();
+            btn.click();
+            // fetch 完了を待つ（scrollIntoView は呼ばれないのでタイムアウト前に別の条件で判断）
+            await new Promise(resolve => setTimeout(resolve, 100));
+            expect(scrollIntoViewSpy).not.toHaveBeenCalled();
+            btn.remove();
+        });
+    });
+    // -----------------------------------------------------------------------
     // history.pushState
     // -----------------------------------------------------------------------
     it('data-click-history calls history.pushState with the specified URL', async () => {
@@ -396,7 +652,7 @@ describe('Procedure action operations', () => {
         await waitForCondition(() => pushStateSpy.mock.calls.length > 0, {
             description: 'pushState called',
         });
-        expect(pushStateSpy).toHaveBeenCalledWith({}, '', expect.stringContaining('/new-path'));
+        expect(pushStateSpy).toHaveBeenCalledWith({ __haoriHistoryState__: true }, '', expect.stringContaining('/new-path'));
         container.remove();
     });
     it('data-click-history-data appends query params to the URL', async () => {
@@ -416,7 +672,7 @@ describe('Procedure action operations', () => {
         await waitForCondition(() => pushStateSpy.mock.calls.length > 0, {
             description: 'pushState called with query params',
         });
-        expect(pushStateSpy).toHaveBeenCalledWith({}, '', expect.stringMatching(/\/search\?.*keyword=hello/));
+        expect(pushStateSpy).toHaveBeenCalledWith({ __haoriHistoryState__: true }, '', expect.stringMatching(/\/search\?.*keyword=hello/));
         container.remove();
     });
     it('data-click-history omitted with data only updates query on current path', async () => {
@@ -435,7 +691,7 @@ describe('Procedure action operations', () => {
         await waitForCondition(() => pushStateSpy.mock.calls.length > 0, {
             description: 'pushState called with current-path query update',
         });
-        expect(pushStateSpy).toHaveBeenCalledWith({}, '', expect.stringMatching(/tab=list/));
+        expect(pushStateSpy).toHaveBeenCalledWith({ __haoriHistoryState__: true }, '', expect.stringMatching(/tab=list/));
         container.remove();
     });
     it('data-click-history-form appends form values as query params', async () => {
@@ -462,7 +718,7 @@ describe('Procedure action operations', () => {
         await waitForCondition(() => pushStateSpy.mock.calls.length > 0, {
             description: 'pushState called with form values',
         });
-        expect(pushStateSpy).toHaveBeenCalledWith({}, '', expect.stringMatching(/\/search\?.*q=vitest/));
+        expect(pushStateSpy).toHaveBeenCalledWith({ __haoriHistoryState__: true }, '', expect.stringMatching(/\/search\?.*q=vitest/));
         container.remove();
     });
     it('data-click-history with cross-origin URL logs error and skips pushState', async () => {
@@ -511,4 +767,17 @@ describe('Procedure action operations', () => {
         container.remove();
     });
 });
+describe('popstate auto-reload', () => {
+    it('popstate イベント発火時に location.reload() を呼び出す', async () => {
+        const mockReload = vi.fn();
+        vi.stubGlobal('location', { reload: mockReload });
+        window.dispatchEvent(new PopStateEvent('popstate', { state: {} }));
+        expect(mockReload).not.toHaveBeenCalled();
+        window.dispatchEvent(new PopStateEvent('popstate', {
+            state: { __haoriHistoryState__: true },
+        }));
+        expect(mockReload).toHaveBeenCalledTimes(1);
+        vi.unstubAllGlobals();
+    });
+});
 //# sourceMappingURL=procedure-action-operations.test.js.map