test(e2e): test authorizations (#4342)

* add specs that cover the b2b demo

* update cypress

* test handling manager roles

* use shared mocha contexts

* use beforeEach instead of before

* improve readability

* improve application test

* remove static waits

* remove old awaitDesired

* test owned project authorizations

* simplify ensure.ts

* test granted projects authz

* disable prevSubject for shouldNotExist

* await non-existence, then expect no error

* update dependencies

* fix tests from scratch

* fix settings tests from scratch

* Apply suggestions from code review

Co-authored-by: Max Peintner <max@caos.ch>

* Implement code review suggestions

* use spread operator

* settings properties must match

* add check settings object

* revert spread operator

Co-authored-by: Max Peintner <max@caos.ch>

console/src/app/pages/orgs/org-detail/org-detail.component.ts

@@ -58,8 +58,10 @@ export class OrgDetailComponent implements OnInit, OnDestroy {
     breadcrumbService.setBreadcrumb([bread]);
 
     auth.activeOrgChanged.pipe(takeUntil(this.destroy$)).subscribe((org) => {
-      this.getData();
-      this.loadMetadata();
+      if (this.org && org) {
+        this.getData();
+        this.loadMetadata();
+      }
     });
   }
 

console/src/app/pages/projects/apps/app-create/app-create.component.html

@@ -117,6 +117,7 @@
         [urisList]="oidcAppRequest.toObject().redirectUrisList"
         [getValues]="requestRedirectValuesSubject$"
         title="{{ 'APP.OIDC.REDIRECT' | translate }}"
+        data-e2e="redirect-uris"
       >
       </cnsl-redirect-uris>
 
@@ -145,6 +146,7 @@
         title="{{ 'APP.OIDC.POSTLOGOUTREDIRECT' | translate }}"
         [getValues]="requestRedirectValuesSubject$"
         [isNative]="appType?.value.oidcAppType === OIDCAppType.OIDC_APP_TYPE_NATIVE"
+        data-e2e="postlogout-uris"
       >
       </cnsl-redirect-uris>
 

console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.html

@@ -4,7 +4,7 @@
 <p class="desc cnsl-secondary-text">{{ 'APP.OIDC.CLIENTSECRET_DESCRIPTION' | translate }}</p>
 <div mat-dialog-content>
   <div class="flex" *ngIf="data.clientId">
-    <span class="overflow-auto"><span class="desc">ClientId:</span> {{ data.clientId }}</span>
+    <span class="overflow-auto" data-e2e="client-id"><span class="desc">ClientId:</span> {{ data.clientId }}</span>
     <button
       color="primary"
       [disabled]="copied === data.clientId"
@@ -13,6 +13,7 @@
       [valueToCopy]="data.clientId"
       (copiedValue)="this.copied = $event"
       mat-icon-button
+      data-e2e="client-id-copy"
     >
       <i *ngIf="copied !== data.clientId" class="las la-clipboard"></i>
       <i *ngIf="copied === data.clientId" class="las la-clipboard-check"></i>

console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.html

@@ -1,4 +1,4 @@
-<form class="redirect-uris-form" (ngSubmit)="add(redInput)" data-e2e="redirect-uris">
+<form class="redirect-uris-form" (ngSubmit)="add(redInput)">
   <cnsl-form-field class="formfield">
     <cnsl-label>{{ title }}</cnsl-label>