如何使用 Jasmine 测试 Angular 中路由的存在？

Question

我正在尝试编写一个测试来检查是否存在使用 Jasmine for Angular 应用程序的路由：

import { routes } from './app-routing.module';
import { UsersComponent } from './users/users.component';

describe('routes', () => {
    it('should contain route for /users', () => {
        const expectedRoute = { path: 'users', component: UsersComponent };
        expect(routes).toContain(expectedRoute);
    });
});

但测试失败（可能是因为 Javascript How object equality checks work in Javascript? 中的对象相等）

如何修改测试以使其工作？

Answer 1

我已经尝试过了，它适用于您的代码。

方法toContain中的相等没有问题。

您是否将app-routing.module.ts 中的const routes 更改为export const routes，并在您的测试中将import { routes } from './app-routing.module' 更改为import { routes } from './app-routing.module'？

这是我为了测试应用程序而必须更改的唯一内容。

我做了以下步骤：

• ng new test-routing（对路由说“是”，因此创建了 app-routing.module.ts。
• 用以下代码修改app.component.spec.ts：

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';

import { routes } from './app-routing.module';

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule
      ],
      declarations: [
        AppComponent
      ],
    }).compileComponents();
  }));

  it('should contain route for /principal', () => {
        const expectedRoute = { path: 'principal', component: AppComponent };
        expect(routes).toContain(expectedRoute);
  });
});

• 修改app-routing.module.ts 以添加此路由：

export const routes: Routes = [
  { path: '', redirectTo: '/principal', pathMatch: 'full' },
  { path: 'principal', component: AppComponent }
];

• 运行ng test

测试很好。

如果我将'principal' 路径更改为其他路径，则测试失败。 如果我恢复到好的，测试就可以了。