Ember项目QUnit测试因Toast UI Editor出现随机全局失败求解决方案

临时修复方案 #

• 直接覆盖组件的willDestroy钩子：在项目中自定义该组件，空实现willDestroy以规避原钩子的副作用。示例代码（app/components/tui-editor.js）：

import TuiEditor from 'ember-tui-editor/components/tui-editor';

export default class CustomTuiEditor extends TuiEditor {
  willDestroy() {
    // 跳过原组件的willDestroy逻辑，避免测试中的异步干扰
  }
}

无需修改第三方组件源码，直接在项目内完成覆盖。

深层问题排查与彻底修复思路 #

• 原组件的willDestroy钩子大概率包含异步操作（比如编辑器实例清理时的异步调用），QUnit测试在组件销毁后会快速进入下一个测试，导致异步操作破坏全局状态。
• 可给原销毁逻辑添加测试环境判断，仅在非测试环境执行：

willDestroy() {
  const testService = this.owner.lookup('service:test');
  if (!testService?.isRunning) {
    // 仅在生产/开发环境执行原销毁逻辑
    super.willDestroy(...arguments);
  }
}

其他排查方向 #

• 检查QUnit测试的setup/teardown逻辑，确保每个测试后完全清理组件实例，比如通过this.owner.unregister或手动销毁组件引用。
• 尝试升级Ember或QUnit版本，排查是否为框架测试钩子与组件销毁逻辑的兼容性问题。

内容的提问来源于stack exchange，提问作者Iris