使用jasmine-marbles做单元测试在Angular默认测试框架下报错如何解决？

根因说明 #

你遇到的报错是因为Angular默认的Karma+Jasmine测试环境，和Jest环境的配置差异导致：

• Jest会自动注册jasmine-marbles的自定义匹配器，Angular默认环境需要手动引入注册
• 若jasmine-marbles和RxJS、Jasmine的版本不匹配，会出现notification字段（如hasValue）校验不通过的问题

分步解决 #

1. 版本适配 #

先确保依赖版本匹配，对应关系如下：

• RxJS 6.x → jasmine-marbles 0.6.x
• RxJS 7.x + Jasmine 3.x → jasmine-marbles 0.8.x
• RxJS 7.x + Jasmine 4.x（Angular 14+ 默认配置） → jasmine-marbles 0.9.x及以上

如果版本不匹配，先卸载重装对应版本：

npm uninstall jasmine-marbles
# 以RxJS7 + Jasmine4为例，安装对应版本
npm install jasmine-marbles@^0.9.0 --save-dev

2. 注册自定义匹配器 #

Angular默认不会自动加载toBeObservable这类jasmine-marbles提供的自定义匹配器，有两种注册方式：

• 全局注册：在项目src/test.ts文件顶部添加引入代码

  import 'jasmine-marbles';
  

• 单文件注册：在当前测试文件的顶部添加上述引入代码即可

3. 调整测试代码（可选） #

完成上述两步后，你的测试代码即可正常运行，修正后的完整示例如下：

import { cold } from 'jasmine-marbles';
// 此处替换为你实际的search方法引入路径
import { search } from './your-search-logic.path';

describe('MarbleTestingComponent', () => {
  it('should test marble syntax', () => {
    const provided = search('e');
    const expected = cold('(e|)', {e: 'e'});
    expect(provided).toBeObservable(expected);
  })
});

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