单元测试疑问：toEqual匹配对象与数组的问题排查

嘿，别担心！作为JavaScript和测试领域的新手，遇到这种断言失败的问题太正常了，咱们一步步拆解清楚~

先搞懂toEqual在对象和数组匹配上的核心差异 #

Jasmine的toEqual是深度值匹配器，但对数组和对象的比对逻辑有细微区别：

• 数组匹配：会严格检查长度、元素顺序、每个位置的元素值（嵌套对象/数组也会递归深度比对）。比如expect([1, {name: 'test'}]).toEqual([1, {name: 'test'}])会通过，但expect([1,2]).toEqual([2,1])会直接失败——因为数组的元素顺序是比对的关键。
• 对象匹配：只检查所有可枚举属性的键和对应值，完全不关心属性的顺序。比如expect({a: 1, b: 2}).toEqual({b: 2, a: 1})是可以通过的，但如果少了一个属性、属性值类型不匹配（比如数字5 vs 字符串"5"），就会断言失败。

针对你的测试用例的排查步骤 #

结合你给出的测试代码片段，咱们可以按以下步骤排查controller.templatesToBeDisplayed和templates不匹配的问题：

1. 先打印实际值和期望值，直观对比
   在断言前加上两行打印代码，看看两者的真实结构：

   console.log('实际渲染的模板:', controller.templatesToBeDisplayed);
   console.log('期望的模板:', templates);
   

   这一步能快速发现明显问题：比如是不是一个是数组一个是对象？数组长度不一致？或者某个属性名拼写错误（比如templateId vs templateID）。

2. 确认异步操作是否真的完成
   你的测试里用了$q.resolve模拟异步返回，虽然调用了scope.$digest()，但有时候消化周期的触发时机可能有问题。可以试试把断言放在异步回调里，确保等待Promise完成：

   controller.Init();
   scope.$digest();
   // 等待异步操作完成后再断言
   $q.when().then(() => {
     expect(controller.templatesToBeDisplayed).toEqual(templates);
   });
   scope.$digest();
   

3. 检查嵌套结构的细微差异
   如果打印出来的结构看起来差不多，但断言还是失败，大概率是嵌套的对象/数组里有细节差异：

   • 有没有属性值的类型不一致？比如数字100和字符串"100"
   • 有没有嵌套数组的顺序不对？
   • 有没有某个对象多了/少了一个可枚举属性？

4. 尝试用部分匹配器缩小排查范围
   如果不确定是哪个元素/属性出问题，可以用Jasmine的部分匹配器先验证核心内容：

   • 验证数组包含某个预期对象：expect(controller.templatesToBeDisplayed).toEqual(jasmine.arrayContaining([jasmine.objectContaining({id: 'template-1'})]))
   • 验证对象包含某些属性：expect(controller.templatesToBeDisplayed[0]).toEqual(jasmine.objectContaining({name: '生产模板'}))

5. 检查Init()方法的逻辑
   有没有可能controller.Init()里对返回的templates做了过滤、排序、转换？比如只筛选了某些类型的模板，或者修改了属性名，导致最终的templatesToBeDisplayed和原始templates不一样？

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