update

tests/unit/toolbar-close-file.test.js

@@ -0,0 +1,106 @@
+// src/toolbar.js 的 onCloseFile 接线测试
+//
+// 覆盖：
+//   - btnCloseFile click → onCloseFile 被调用
+//   - 缺失 onCloseFile 时不挂 listener（防御）
+//   - 缺失 btnCloseFile 时不挂 listener
+//
+// 真实运行链路：app.js 在 syncSaveButton() 末尾调 syncCloseFileButton()，
+// 把按钮从 disabled → enabled；用户点击 → Toolbar 构造时挂的 listener 触发
+// onCloseFile() → closeCurrentFile()。本测试只覆盖 Toolbar 自身的接线
+// 段（构造时是否挂对 listener），不覆盖 closeCurrentFile 内部逻辑
+// （那个由 app.js 模块顶层，单元测试触不到）。
+
+/* @vitest-environment jsdom */
+
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { Toolbar } from '../../src/toolbar.js';
+
+describe('toolbar.onCloseFile 接线', () => {
+  let btnCloseFile;
+  let elements;
+
+  beforeEach(() => {
+    document.body.innerHTML = `
+      <button id="btn-close-file" type="button" disabled>关闭文件</button>
+      <button id="btn-theme">主题</button>
+      <button id="btn-pin">置顶</button>
+      <button id="btn-settings">设置</button>
+      <button id="btn-reset-layout">重置布局</button>
+      <button id="btn-min">最小化</button>
+      <button id="btn-max">最大化</button>
+      <button id="btn-close">关闭窗口</button>
+    `;
+    btnCloseFile = document.getElementById('btn-close-file');
+    elements = {
+      btnTheme: document.getElementById('btn-theme'),
+      btnPin: document.getElementById('btn-pin'),
+      btnSettings: document.getElementById('btn-settings'),
+      btnResetLayout: document.getElementById('btn-reset-layout'),
+      btnMin: document.getElementById('btn-min'),
+      btnMax: document.getElementById('btn-max'),
+      btnClose: document.getElementById('btn-close'),
+      btnCloseFile,
+    };
+  });
+
+  /** 用 dispatchEvent 触发 click —— jsdom 的 .click() 在 form 容器里行为不稳。 */
+  function clickEl(el) {
+    el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+  }
+
+  it('btnCloseFile click → onCloseFile 被调用一次', () => {
+    const onCloseFile = vi.fn();
+    new Toolbar({ elements, onCloseFile });
+    clickEl(btnCloseFile);
+    expect(onCloseFile).toHaveBeenCalledTimes(1);
+  });
+
+  it('多次点击 → onCloseFile 调用相应次数（无去重）', () => {
+    const onCloseFile = vi.fn();
+    new Toolbar({ elements, onCloseFile });
+    clickEl(btnCloseFile);
+    clickEl(btnCloseFile);
+    clickEl(btnCloseFile);
+    expect(onCloseFile).toHaveBeenCalledTimes(3);
+  });
+
+  it('btnCloseFile 缺失 → onCloseFile 不被调用也不抛错', () => {
+    const onCloseFile = vi.fn();
+    const elementsNoBtn = { ...elements };
+    delete elementsNoBtn.btnCloseFile;
+    expect(() => new Toolbar({ elements: elementsNoBtn, onCloseFile })).not.toThrow();
+    expect(onCloseFile).not.toHaveBeenCalled();
+  });
+
+  it('btnCloseFile 存在但 onCloseFile 缺失 → 不挂 listener', () => {
+    // 验证方式：btnCloseFile.click() 时不应触发任何引用错误。
+    // 由于 listener 没挂，调用就是一个空操作；测试"不抛错"即可。
+    expect(() => new Toolbar({ elements })).not.toThrow();
+    // 没有 onCloseFile 时 listener 没挂，逻辑无副作用。
+    // （更深层的"没挂"需要 spy addEventListener，超出本测试范围。）
+  });
+
+  it('按钮 disabled 状态不影响 listener 挂载', () => {
+    // 浏览器层面 disabled 按钮 click 不派发，但 listener 应在构造时已挂。
+    // jsdom 不会模拟浏览器的 disabled-click 抑制（disabled 后 click 仍派发），
+    // 所以这个测试主要防回归：listener 必须挂上、调用 click 不抛错。
+    btnCloseFile.disabled = true;
+    const onCloseFile = vi.fn();
+    new Toolbar({ elements, onCloseFile });
+    expect(() => clickEl(btnCloseFile)).not.toThrow();
+    expect(onCloseFile).toHaveBeenCalled();
+  });
+
+  it('btnClose 与 btnCloseFile 互不影响', () => {
+    const onClose = vi.fn();
+    const onCloseFile = vi.fn();
+    new Toolbar({ elements, onClose, onCloseFile });
+    clickEl(document.getElementById('btn-close'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+    expect(onCloseFile).not.toHaveBeenCalled();
+    clickEl(btnCloseFile);
+    expect(onClose).toHaveBeenCalledTimes(1);
+    expect(onCloseFile).toHaveBeenCalledTimes(1);
+  });
+});