如何测试Angular中懒加载路由的存在性？

这个问题我之前踩过坑！你测试失败的核心原因是**toContain做的是严格引用相等检查**——你在测试代码里写的那个loadChildren箭头函数，和app.routes.ts里定义的函数是两个完全不同的引用，哪怕代码一模一样，JS也会判定它们不相等，自然就通不过测试了。

下面给你两种靠谱的修复方案，按需选择：

方案一：验证路由存在+懒加载模块正确性（推荐） #

这种方法不仅能确认路由存在，还能确保懒加载的目标模块是正确的，能彻底排查拼写错误或意外修改的问题：

import { routes } from './app.routes';
import { MainModule } from './main/main.module';

describe('app.routes', () => {
  it('should have a root route that lazy loads MainModule', async () => {
    // 1. 先定位到path为空的根路由
    const rootRoute = routes.find(route => route.path === '');
    
    // 验证路由存在
    expect(rootRoute).toBeTruthy('Root route with empty path should exist');

    // 2. 验证loadChildren是一个函数
    expect(typeof rootRoute.loadChildren).toBe('function', 'loadChildren should be a function');

    // 3. 执行函数，验证它确实加载了正确的模块
    const loadedModule = await rootRoute.loadChildren();
    expect(loadedModule).toBe(MainModule, 'Root route should lazy load MainModule');
  });
});

为什么这个方案好用？ #

• 不再直接比较整个对象，而是拆分验证逻辑，避免了函数引用不同的问题
• 额外验证了懒加载模块的正确性，相当于同时检查了路由路径和加载目标，安全性拉满

方案二：快速验证路由路径和懒加载代码（不执行模块加载） #

如果担心加载模块会拖慢测试速度，可以只检查loadChildren函数的代码字符串，确保路径和模块名正确：

import { routes } from './app.routes';

describe('app.routes', () => {
  it('should contain a root route with correct lazy load configuration', () => {
    const rootRoute = routes.find(route => route.path === '');
    expect(rootRoute).toBeTruthy();

    // 把函数转成字符串，检查是否包含正确的模块路径和名称
    const loadChildrenCode = rootRoute.loadChildren.toString();
    expect(loadChildrenCode).toContain('./main/main.module');
    expect(loadChildrenCode).toContain('MainModule');
  });
});

注意事项 #

这种方法的缺点是依赖函数的代码字符串格式，如果以后你修改了loadChildren的写法（比如改成import('./main/main.module').then(m => m.MainModule)以外的形式），可能需要调整断言内容，但胜在速度快，适合做快速校验。

不管选哪种方案，都能解决你最初的问题——确保路由存在、避免拼写错误或意外注释的情况，完全符合你想要提升代码安全性的需求。

内容的提问来源于stack exchange，提问作者Bram W.