angular 单元测试 - 如何模拟 router.config.data

Question

所以我的组件中有以下代码：

constructor(private router: Router){}

ngOnInit(){
module = this.router.config[0].data['env'].module
}

现在，当使用 Jasmine 和 Karma 运行我的单元测试时，我收到以下错误：

Cannot read property 'env' of undefined

基本上， config.data.env 是一个环境变量，它来自另一个组件到我的 libs 文件夹中的组件。 所以我需要模拟环境变量。

这就是我在我的规范文件中尝试的：

    const fakeData = {
        data: {
          env: {
            module: 'myModule',
          }
        },
    }

并在 TestBed.configureTestingModule 导入：

 imports: [
        RouterTestingModule.withRoutes(routes, fakeData),
]

withRoutes 上的第二个参数是 extraOptions，但它不起作用。

我如何模拟环境变量并将其设置在 router.config 上？ 谢谢！

Answer 1

在routes变量中，将 data 属性附加到第一个元素并从RouterTestingModule.withRoutes(routes, fakeData)中删除fakeData 。

像这样的东西：

const routes = [{ 
                  path: 'xyz', 
                  component: YourComponent, 
                  data: {
                    env: {
                      module: 'mockModule'
                    }
                  } 
                }];