运行 Angular e2e 测试时如何禁用或绕过 MSAL 身份验证？

我想为我的 Angular 应用程序设置一些端到端测试，这需要使用 MSAL 库对某些下游服务进行身份验证。当我尝试在本地运行 e2e 测试时，MSAL 库强制我使用用户名/密码进行身份验证。

这是一个问题，因为我们的 CI/CD e2e 测试不应该有任何人为干预；因此，我正在寻找一种方法来绕过 MSAL 身份验证或设置服务帐户进行登录。不幸的是，关于 Angular 的 MSAL 的文档并不多（尤其是在 e2e 测试方面），但这似乎是其他人可能遇到的常见问题。

我尝试从 app.module.ts 文件中禁用 MsalModule，但当我尝试运行该应用程序时，系统仍然提示我登录。我还看到一些文章尝试以编程方式登录，但这对我们不起作用，因为从技术上讲，MSAL 不是我们能够接触的 Angular 组件。

应用程序模块.ts：

@NgModule({
  ...
  imports: [
    ...
    MsalModule.forRoot({
      clientID: '<client_id>',
      authority: <microsoft_authority_url>,
      validateAuthority: true,
      redirectUri: "http://localhost:4200/",
      cacheLocation : "localStorage",
      postLogoutRedirectUri: "http://localhost:4200/",
      navigateToLoginRequestUrl: true,
      popUp: true,
      consentScopes: [ "user.read"],
      unprotectedResources: ["https://www.microsoft.com/en-us/"],
      protectedResourceMap: protectedResourceMap,
      logger: loggerCallback,
      correlationId: '1234',
      level: LogLevel.Info,
      piiLoggingEnabled: true
    })
  ],
  entryComponents: [SaveDialogComponent,
                    GenericDialog, MassChangeDialogComponent],
  providers: [TitleCasePipe,
    {provide: HTTP_INTERCEPTORS, useClass: MsalInterceptor, multi: true}],
  bootstrap: [AppComponent]
})
export class AppModule { }

预期结果：删除 MSAL 身份验证模块应该允许我们的应用程序无需登录即可运行。

实际结果：应用程序仍然提示登录，或者无法正确呈现。

我通过添加属性解决了这个问题enableMsal进入我的环境.test.ts（以及具有价值的相同财产true在产品环境中）：

export const environment = {
  production: false,
  enableMsal: false,
};

然后在路由模块中使用它（默认称为应用程序路由.module.ts， 像这样：

//... 
const guards: any[] = environment.enableMsal ? [MsalGuard] : [];

const routes: Routes = [
  {path: '', redirectTo: '/main', pathMatch: 'full'},
  {path: 'main', component: MainComponent, canActivate: guards},
  {path: 'other', component: OtherComponent, canActivate: guards},
];
//...

如果您不知道如何配置多个环境，Angular 有一个很好的指南here https://angular.io/guide/build.