Angular14运行Karma Jasmine单元测试报‘Some of your tests did a full page reload!’错误

问题根源 #

你引入的CDN版office.js包含window.location.href相关代码，在测试环境中触发了页面跳转，导致Karma检测到全页重载并抛出错误："Some of your tests did a full page reload!"

可行解决方案 #

1. 用本地Mock文件替代真实office.js #

不要直接加载CDN上的真实文件，创建一个模拟的office对象来覆盖可能触发跳转的逻辑：

• 在项目中创建src/mocks/office.mock.ts，内容如下：

declare global {
  interface Window {
    Office: any;
  }
}

// 模拟Office核心对象及常用方法，避免真实逻辑触发页面跳转
window.Office = {
  initialize: (callback?: () => void) => callback?.(),
  context: {
    document: {
      // 根据你的业务测试需求添加必要属性
    },
    mailbox: {}
  }
};

• 修改karma.conf.js，替换CDN文件引用为本地Mock文件：

module.exports = function (config) {
    config.set({
        basePath: '',
        frameworks: ['jasmine', '@angular-devkit/build-angular'],
        plugins: [
            require('karma-jasmine'),
            require('karma-chrome-launcher'),
            require('karma-jasmine-html-reporter'),
            require('karma-coverage'),
            require('@angular-devkit/build-angular/plugins/karma')
        ],
        files: [
            'src/mocks/office.mock.ts' // 替换原CDN链接
        ],
        client: {
            clearContext: false // 保留Jasmine测试报告在浏览器中可见
        },
        jasmineHtmlReporter: {
            suppressAll: true // 移除重复日志痕迹
        }
   });
};

2. 拦截window.location的跳转行为 #

如果必须使用真实的office.js，可在测试启动时拦截window.location.href的赋值操作：

• 在测试入口文件src/test.ts中添加拦截逻辑：

// 拦截页面跳转，仅在测试环境生效
const originalLocation = window.location;
Object.defineProperty(window, 'location', {
  configurable: true,
  get: () => originalLocation,
  set: (url) => {
    console.log('测试环境拦截页面跳转:', url);
    // 若需要可在此抛出测试警告，避免无感知跳过问题
    // throw new Error(`测试中禁止页面跳转: ${url}`);
  }
});

3. 临时禁用Karma的页面重载检测（不推荐） #

Karma提供了preventRefresh配置可关闭重载检测，但这会掩盖真实问题，仅适合临时调试：

module.exports = function (config) {
    config.set({
        // ...其他原有配置
        client: {
            clearContext: false,
            preventRefresh: true // 禁用页面重载检测
        },
        // ...其他原有配置
   });
};

推荐方案 #

优先选择本地Mock文件的方式，既能隔离外部依赖的干扰，也能让测试更聚焦于自身业务代码的逻辑验证，避免外部库的不确定性影响测试结果。

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