/**
 * loadLayoutEditorBundle 테스트 — 편집기 lazy 번들 로더 (engine-v1.51.0)
 *
 * 편집기는 별도 번들(layout-editor.min.js)로 분리되어 `/admin/layout-editor/*` 진입 시에만
 * <script> 주입으로 로드된다. 본 테스트는 로더의 계약을 검증한다:
 * - 이미 로드됨(__LayoutEditorChrome 존재) → 즉시 반환, <script> 미주입 (멱등)
 * - 미로드 → <script> 1회 주입, load 이벤트 후 컴포넌트 반환
 * - 동시 다중 호출 → in-flight promise 병합 (중복 주입 없음)
 * - 로드 실패(error) → reject + 재시도 가능
 */

import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';

describe('loadLayoutEditorBundle — 편집기 lazy 번들 로더', () => {
  let appendedScripts: HTMLScriptElement[];
  let originalAppendChild: typeof document.head.appendChild;
  // 모듈 레벨 in-flight promise 가 테스트 간 잔존하지 않도록 매 테스트 모듈 재로드
  let loadLayoutEditorBundle: () => Promise<any>;

  beforeEach(async () => {
    appendedScripts = [];
    (window as any).G7Core = {};
    (window as any).G7Config = { coreEditorAsset: '/build/core/layout-editor.min.js?v=123' };

    // 기존 주입 스크립트 제거
    document.getElementById('g7-layout-editor-bundle')?.remove();

    // head.appendChild 를 가로채 주입된 <script> 를 기록 (실제 네트워크 로드 없음)
    originalAppendChild = document.head.appendChild.bind(document.head);
    vi.spyOn(document.head, 'appendChild').mockImplementation((node: any) => {
      if (node.tagName === 'SCRIPT') {
        appendedScripts.push(node);
        return node;
      }
      return originalAppendChild(node);
    });

    // 모듈 재로드로 layoutEditorLoadPromise 초기화 (테스트 격리)
    vi.resetModules();
    ({ loadLayoutEditorBundle } = await import('../template-engine'));
  });

  afterEach(() => {
    vi.restoreAllMocks();
    document.getElementById('g7-layout-editor-bundle')?.remove();
    delete (window as any).G7Core;
    delete (window as any).G7Config;
  });

  it('이미 로드됨 → 즉시 반환하고 <script> 를 주입하지 않는다', async () => {
    const fakeChrome = () => null;
    (window as any).G7Core.__LayoutEditorChrome = fakeChrome;

    const result = await loadLayoutEditorBundle();

    expect(result).toBe(fakeChrome);
    expect(appendedScripts).toHaveLength(0);
  });

  it('미로드 → <script> 를 1회 주입하고 load 후 컴포넌트를 반환한다', async () => {
    const fakeChrome = () => null;
    const promise = loadLayoutEditorBundle();

    // 정확히 1개 주입
    expect(appendedScripts).toHaveLength(1);
    const script = appendedScripts[0];
    expect(script.id).toBe('g7-layout-editor-bundle');
    expect(script.src).toContain('layout-editor.min.js');
    expect(script.async).toBe(false);

    // 편집기 번들 로드 시뮬레이션: 컴포넌트 노출 + load 이벤트
    (window as any).G7Core.__LayoutEditorChrome = fakeChrome;
    script.dispatchEvent(new Event('load'));

    await expect(promise).resolves.toBe(fakeChrome);
  });

  it('동시 다중 호출 → in-flight promise 로 병합되어 <script> 는 1회만 주입된다', async () => {
    const fakeChrome = () => null;

    const p1 = loadLayoutEditorBundle();
    const p2 = loadLayoutEditorBundle();
    const p3 = loadLayoutEditorBundle();

    // 세 호출이 하나의 주입으로 병합
    expect(appendedScripts).toHaveLength(1);

    (window as any).G7Core.__LayoutEditorChrome = fakeChrome;
    appendedScripts[0].dispatchEvent(new Event('load'));

    const [r1, r2, r3] = await Promise.all([p1, p2, p3]);
    expect(r1).toBe(fakeChrome);
    expect(r2).toBe(fakeChrome);
    expect(r3).toBe(fakeChrome);
  });

  it('로드 실패(error) → reject 한다', async () => {
    const promise = loadLayoutEditorBundle();
    expect(appendedScripts).toHaveLength(1);

    // 네트워크 실패 시뮬레이션
    appendedScripts[0].dispatchEvent(new Event('error'));

    await expect(promise).rejects.toThrow(/편집기 번들 로드 실패/);
  });
});