RXJS upgrade (#2540)

cryptalith · amontenegro · web-flow · commit 29d3d272bd20 · 2025-06-11T15:40:30.000-06:00
* rxjs-upgrade

* rxjs-upgrade

* rxjs-upgrade

* lmendoza/rxjs-upgrade

* lmendoza/rxjs-upgrade

* lmendoza/rxjs-upgrade

---------

Co-authored-by: Angel Montenegro &lt;a.montenegro@orcid.org&gt;
diff --git a/package.json b/package.json
@@ -37,19 +37,19 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "^16.2.6",
-    "@angular/animations": "^16.2.8",
-    "@angular/cdk": "^16.2.14",
-    "@angular/common": "^16.2.8",
-    "@angular/compiler": "^16.2.8",
-    "@angular/core": "^16.2.8",
-    "@angular/forms": "^16.2.8",
-    "@angular/localize": "^16.2.8",
-    "@angular/material": "^16.2.14",
-    "@angular/platform-browser": "^16.2.8",
-    "@angular/platform-browser-dynamic": "^16.2.8",
-    "@angular/router": "^16.2.8",
-    "@angular/service-worker": "^16.2.8",
+    "@angular-devkit/core": "16.2.12",
+    "@angular/animations": "^16.2.12",
+    "@angular/cdk": "^16.2.12",
+    "@angular/common": "^16.2.12",
+    "@angular/compiler": "^16.2.12",
+    "@angular/core": "^16.2.12",
+    "@angular/forms": "^16.2.12",
+    "@angular/localize": "^16.2.12",
+    "@angular/material": "^16.2.12",
+    "@angular/platform-browser": "^16.2.12",
+    "@angular/platform-browser-dynamic": "^16.2.12",
+    "@angular/router": "^16.2.12",
+    "@angular/service-worker": "^16.2.12",
     "@orcid/bibtex-parse-js": "0.0.25",
     "@storybook/addon-a11y": "^7.3.0",
     "browserslist": "^4.19.1",
@@ -67,18 +67,18 @@
     "ngx-cookie-service": "^16",
     "nodemailer": "^6.9.9",
     "properties-to-json": "^0.1.4",
-    "rxjs": "~6.5.2",
+    "rxjs": "~7.8.0",
     "stream": "0.0.2",
     "timers": "^0.1.1",
     "xml2js": "^0.5.0",
     "zone.js": "~0.13.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.2.6",
-    "@angular-devkit/schematics": "16.2.6",
-    "@angular/cli": "^16.2.6",
-    "@angular/compiler-cli": "^16.2.8",
-    "@angular/language-service": "^16.2.8",
+    "@angular-devkit/build-angular": "16.2.12",
+    "@angular-devkit/schematics": "16.2.12",
+    "@angular/cli": "16.2.12",
+    "@angular/compiler-cli": "16.2.12",
+    "@angular/language-service": "16.2.12",
     "@babel/core": "^7.6.0",
     "@compodoc/compodoc": "^1.1.21",
     "@storybook/addon-essentials": "^7.0.17",
@@ -114,7 +114,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
     "protractor": "^7.0.0",
-    "puppeteer": "^21.7.0",
+    "puppeteer": "^23.11.1",
     "puppeteer-tsd": "^0.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/src/app/account-settings/components/settings-actions-duplicated/settings-actions-duplicated.component.ts b/src/app/account-settings/components/settings-actions-duplicated/settings-actions-duplicated.component.ts
@@ -30,7 +30,7 @@ export class SettingsActionsDuplicatedComponent implements OnInit {
     private _user: UserService
   ) {}
   @Output() loading = new EventEmitter<boolean>()
-  @Output() close = new EventEmitter()
+  @Output() close = new EventEmitter<void>()
 
   form: UntypedFormGroup
   errors: any[]
diff --git a/src/app/account-settings/components/settings-security-alternate-sign-in/settings-security-alternate-sign-in.component.ts b/src/app/account-settings/components/settings-security-alternate-sign-in/settings-security-alternate-sign-in.component.ts
@@ -26,7 +26,7 @@ export class SettingsSecurityAlternateSignInComponent
   accounts$: Observable<SocialAccount[]>
 
   displayedColumns = ['provider', 'email', 'granted', 'actions']
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   isMobile: any
 
   constructor(
diff --git a/src/app/account-settings/components/settings-security-password/settings-security-password.component.ts b/src/app/account-settings/components/settings-security-password/settings-security-password.component.ts
@@ -32,7 +32,7 @@ export class SettingsSecurityPasswordComponent implements OnInit, OnDestroy {
   @Output() loading = new EventEmitter<boolean>()
   errors: string[]
   success: boolean
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
 
   constructor(
     private _fb: UntypedFormBuilder,
diff --git a/src/app/account-settings/pages/account-settings/account-settings.component.ts b/src/app/account-settings/pages/account-settings/account-settings.component.ts
@@ -12,7 +12,7 @@ import { TogglzService } from 'src/app/core/togglz/togglz.service'
 })
 export class AccountSettingsComponent implements OnInit, OnDestroy {
   userInfo: any
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   constructor(
     private _togglz: TogglzService,
     private _userSession: UserService,
diff --git a/src/app/account-trusted-parties/components/settings-trusted-individuals-search/settings-trusted-individuals-search.component.ts b/src/app/account-trusted-parties/components/settings-trusted-individuals-search/settings-trusted-individuals-search.component.ts
@@ -41,7 +41,7 @@ import { DialogAddTrustedIndividualsComponent } from '../dialog-add-trusted-indi
 export class SettingsTrustedIndividualsSearchComponent
   implements OnInit, OnDestroy
 {
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   searchDone = false
   displayedColumns = ['trustedIndividuals', 'orcid', 'actions']
   isMobile: boolean
diff --git a/src/app/account-trusted-parties/pages/account-trusted-parties/account-trusted-parties.component.ts b/src/app/account-trusted-parties/pages/account-trusted-parties/account-trusted-parties.component.ts
@@ -12,7 +12,7 @@ import { TogglzService } from 'src/app/core/togglz/togglz.service'
 })
 export class AccountTrustedPartiesComponent implements OnInit, OnDestroy {
   userInfo: any
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   constructor(
     private _togglz: TogglzService,
     private _userSession: UserService,
diff --git a/src/app/cdk/interstitials/interstitials.service.ts b/src/app/cdk/interstitials/interstitials.service.ts
@@ -38,7 +38,7 @@ export class InterstitialsService {
   setInterstitialsViewed(
     interstitial: InterstitialType,
     updateDatabase = true
-  ) {
+  ): Observable<void> {
     return this._userInfo.getUserSession().pipe(
       filter((userInfo) => !!userInfo.userInfo),
       take(1),
diff --git a/src/app/cdk/modal/modal-footer/modal-footer.component.ts b/src/app/cdk/modal/modal-footer/modal-footer.component.ts
@@ -15,7 +15,7 @@ export class ModalFooterComponent implements OnInit, OnDestroy {
   handset: boolean
   screenDirection: string
   constructor(private _platform: PlatformInfoService) {}
-  $destroy: Subject<boolean> = new Subject<boolean>()
+  $destroy: Subject<void> = new Subject<void>()
 
   ngOnInit(): void {
     this._platform
diff --git a/src/app/cdk/modal/modal-header/modal-header.component.ts b/src/app/cdk/modal/modal-header/modal-header.component.ts
@@ -22,7 +22,7 @@ import { Subject } from 'rxjs'
 export class ModalHeaderComponent implements OnInit, OnDestroy {
   $destroy: Subject<boolean> = new Subject<boolean>()
 
-  @Output() close = new EventEmitter<boolean>()
+  @Output() close = new EventEmitter<void>()
   @Input() closeLabel = $localize`:@@shared.ariaLabelClose:Close`
   platform: PlatformInfo
 
diff --git a/src/app/cdk/modal/modal/modal.component.ts b/src/app/cdk/modal/modal/modal.component.ts
@@ -12,7 +12,7 @@ import { PlatformInfoService } from '../../platform-info'
 export class ModalComponent implements OnInit, OnDestroy {
   columns12: boolean
   screenDirection: 'rtl' | 'ltr'
-  $destroy: Subject<boolean> = new Subject<boolean>()
+  $destroy: Subject<void> = new Subject<void>()
   @Input() loading = false
   @Input() noSidebar = false
 
diff --git a/src/app/cdk/platform-info/browserlist.regexp.ts b/src/app/cdk/platform-info/browserlist.regexp.ts
@@ -1,3 +1,2 @@
 // tslint:disable-next-line: max-line-length
-export const BROWSERLIST_REGEXP =
-  /((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(13[_.]4|13[_.]([5-9]|\d{2,})|13[_.]7|13[_.]([8-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})[_.]\d+|14[_.]0|14[_.]([1-9]|\d{2,})|14[_.]4|14[_.]([5-9]|\d{2,})|14[_.]8|14[_.](9|\d{2,})|(1[5-9]|[2-9]\d|\d{3,})[_.]\d+|15[_.]0|15[_.]([1-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})[_.]\d+|16[_.]0|16[_.]([1-9]|\d{2,})|(1[7-9]|[2-9]\d|\d{3,})[_.]\d+|17[_.]0|17[_.]([1-9]|\d{2,})|(1[8-9]|[2-9]\d|\d{3,})[_.]\d+)(?:[_.]\d+)?)|((?:Chrome).*OPR\/(74|(7[5-9]|[8-9]\d|\d{3,}))\.\d+\.\d+)|(Edge\/(80|(8[1-9]|9\d|\d{3,})|83|(8[4-9]|9\d|\d{3,}))(?:\.\d+)?)|((Chromium|Chrome)\/(80|(8[1-9]|9\d|\d{3,})|83|(8[4-9]|9\d|\d{3,}))\.\d+(?:\.\d+)?)|(Version\/(13\.1|13\.([2-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})\.\d+|14\.0|14\.([1-9]|\d{2,})|(1[5-9]|[2-9]\d|\d{3,})\.\d+|15\.0|15\.([1-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+|16\.0|16\.([1-9]|\d{2,})|(1[7-9]|[2-9]\d|\d{3,})\.\d+|17\.0|17\.([1-9]|\d{2,})|(1[8-9]|[2-9]\d|\d{3,})\.\d+)(?:\.\d+)? Safari\/)|(Firefox\/(78|(79|[8-9]\d|\d{3,}))\.\d+\.\d+)|(Firefox\/(78|(79|[8-9]\d|\d{3,}))\.\d+(pre|[ab]\d+[a-z]*)?)/
+export const BROWSERLIST_REGEXP = /((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(13[_.]4|13[_.]([5-9]|\d{2,})|13[_.]7|13[_.]([8-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})[_.]\d+|14[_.]0|14[_.]([1-9]|\d{2,})|14[_.]4|14[_.]([5-9]|\d{2,})|14[_.]8|14[_.](9|\d{2,})|(1[5-9]|[2-9]\d|\d{3,})[_.]\d+|15[_.]0|15[_.]([1-9]|\d{2,})|15[_.]8|15[_.](9|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})[_.]\d+|16[_.]0|16[_.]([1-9]|\d{2,})|(1[7-9]|[2-9]\d|\d{3,})[_.]\d+|17[_.]0|17[_.]([1-9]|\d{2,})|(1[8-9]|[2-9]\d|\d{3,})[_.]\d+|18[_.]0|18[_.]([1-9]|\d{2,})|(19|[2-9]\d|\d{3,})[_.]\d+)(?:[_.]\d+)?)|((?:Chrome).*OPR\/(74|(7[5-9]|[8-9]\d|\d{3,}))\.\d+\.\d+)|(Edge\/(80|(8[1-9]|9\d|\d{3,})|83|(8[4-9]|9\d|\d{3,}))(?:\.\d+)?)|((Chromium|Chrome)\/(80|(8[1-9]|9\d|\d{3,})|83|(8[4-9]|9\d|\d{3,}))\.\d+(?:\.\d+)?)|(Version\/(13\.1|13\.([2-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})\.\d+|14\.0|14\.([1-9]|\d{2,})|(1[5-9]|[2-9]\d|\d{3,})\.\d+|15\.0|15\.([1-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+|16\.0|16\.([1-9]|\d{2,})|(1[7-9]|[2-9]\d|\d{3,})\.\d+|17\.0|17\.([1-9]|\d{2,})|(1[8-9]|[2-9]\d|\d{3,})\.\d+|18\.0|18\.([1-9]|\d{2,})|(19|[2-9]\d|\d{3,})\.\d+)(?:\.\d+)? Safari\/)|(Firefox\/(78|(79|[8-9]\d|\d{3,}))\.\d+\.\d+)|(Firefox\/(78|(79|[8-9]\d|\d{3,}))\.\d+(pre|[ab]\d+[a-z]*)?)/
diff --git a/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts b/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts
@@ -26,7 +26,7 @@ export class SummaryPanelComponent implements OnInit {
   @Input() activitySection: string
   activitiesToDisplay: ActivitySummary[]
   acitivityCountOverflow: boolean
-  unsubscribe = new Subject()
+  unsubscribe = new Subject<void>()
 
   validatedSourceAriaLabel = $localize`:@@summary.validatedSource:Validated source`
   selftAssertedSource = $localize`:@@summary.selfAssertedSource:Self-asserted source`
diff --git a/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts b/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts
@@ -33,7 +33,7 @@ export class TrustedSummaryComponent implements OnInit, OnDestroy {
   currentLocation: string
   orcid: string
   works: SimpleActivityModel[] = []
-  unsubscribe = new Subject()
+  unsubscribe = new Subject<void>()
   affiliationsHover = false
   worksHover = false
   peerReviewsHover = false
diff --git a/src/app/core/login-interstitials-manager/test/login-affiliation-interstitials-manager.service.spec.ts b/src/app/core/login-interstitials-manager/test/login-affiliation-interstitials-manager.service.spec.ts
@@ -150,7 +150,7 @@ describe('LoginAffiliationInterstitialManagerService', () => {
       } as unknown as UserRecord
 
       // Pretend the setInterstitialsViewed call completes
-      mockInterstitialsService.setInterstitialsViewed.and.returnValue(of(true))
+      mockInterstitialsService.setInterstitialsViewed.and.returnValue(of(null))
 
       // Mock for matDialog.open(...).afterClosed()
       const afterClosed$ = new Subject<any>()
diff --git a/src/app/core/login-interstitials-manager/test/login-domain-interstitials-manager.service.spec.ts b/src/app/core/login-interstitials-manager/test/login-domain-interstitials-manager.service.spec.ts
@@ -192,7 +192,7 @@ describe('LoginDomainInterstitialManagerService', () => {
         },
       } as unknown as UserRecord
 
-      mockInterstitialsService.setInterstitialsViewed.and.returnValue(of(true))
+      mockInterstitialsService.setInterstitialsViewed.and.returnValue(of(null))
 
       const afterClosed$ = new Subject<any>()
       const mockDialogRef = jasmine.createSpyObj<MatDialogRef<any>>(
diff --git a/src/app/core/record/record.service.ts b/src/app/core/record/record.service.ts
@@ -53,7 +53,7 @@ import { UserInfoService } from '../user-info/user-info.service'
 })
 export class RecordService {
   recordSubject$: ReplaySubject<UserRecord>
-  private readonly $destroy = new Subject()
+  private readonly $destroy = new Subject<void>()
   getRecordPerformanceStartTime: number
 
   constructor(
diff --git a/src/app/core/user/user.service.ts b/src/app/core/user/user.service.ts
@@ -301,10 +301,10 @@ export class UserService {
   private handleUserDataUpdate(
     updateParameters?: UserSessionUpdateParameters
   ): Observable<{
-    userInfo: UserInfo
-    nameForm: NameForm
-    oauthSession: RequestInfoForm
-    thirdPartyAuthData: ThirdPartyAuthData
+    userInfo: UserInfo | undefined
+    nameForm: NameForm | undefined
+    oauthSession: RequestInfoForm | undefined
+    thirdPartyAuthData: ThirdPartyAuthData | undefined
   }> {
     this.currentlyLoggedIn = updateParameters.loggedIn
     const $userInfo = this._userInfo.getUserInfo().pipe(this.handleErrors)
@@ -319,10 +319,12 @@ export class UserService {
       !updateParameters.loggedIn ? $thirdPartyAuthData : of(undefined),
     ]).pipe(
       map(([userInfo, nameForm, oauthSession, thirdPartyAuthData]) => ({
-        userInfo,
-        nameForm,
-        oauthSession,
-        thirdPartyAuthData,
+        userInfo: userInfo as UserInfo | undefined,
+        nameForm: nameForm as NameForm | undefined,
+        oauthSession: oauthSession as RequestInfoForm | undefined,
+        thirdPartyAuthData: thirdPartyAuthData as
+          | ThirdPartyAuthData
+          | undefined,
       }))
     )
   }
@@ -516,13 +518,13 @@ export class UserService {
     // only reset the timer when the visibility is changed
     if (hiddenTab && !this.hiddenTab) {
       this.hiddenTab = hiddenTab
-      this.reset$.next()
+      this.reset$.next(null)
       this.interval$.next(
         this.START_IN_TWENTY_FIVE_MINUTES_AND_CHECK_EVERY_TWENTY_FIVE_MINUTES
       )
     } else if (!hiddenTab && this.hiddenTab) {
       this.hiddenTab = hiddenTab
-      this.reset$.next()
+      this.reset$.next(null)
       this.interval$.next(
         this.START_IMMEDIATELY_AND_CHECK_EVERY_TWENTY_FIVE_MINUTES
       )
diff --git a/src/app/developer-tools/components/client-secret/client-secret.component.html b/src/app/developer-tools/components/client-secret/client-secret.component.html
@@ -7,7 +7,7 @@
     <div>{{ clientSecret }}</div>
     <a
       class="underline orc-font-body-small"
-      (click)="clientSecretUpdated.next()"
+      (click)="clientSecretUpdated.next(null)"
       i18n="@@developerTools.generateNewClientSecret"
     >
       Generate a new client secret</a
diff --git a/src/app/record/components/top-bar-actions/top-bar-actions.component.ts b/src/app/record/components/top-bar-actions/top-bar-actions.component.ts
@@ -19,7 +19,7 @@ export class TopBarActionsComponent implements OnInit, OnDestroy {
     ' ' +
     $localize`:@@topBar.signInToStart:Sign in to start editing`
 
-  $destroy: Subject<boolean> = new Subject<boolean>()
+  $destroy: Subject<void> = new Subject<void>()
   platform: PlatformInfo
   @Input() userRecord: UserRecord
   @Input() ariaLabelName: string
diff --git a/src/app/register/components/form-anti-robots/form-anti-robots.component.ts b/src/app/register/components/form-anti-robots/form-anti-robots.component.ts
@@ -36,7 +36,7 @@ export class FormAntiRobotsComponent
 {
   captchaFailState = false
   captchaLoadedWithWidgetId: number
-  $widgetIdUpdated = new Subject()
+  $widgetIdUpdated = new Subject<void>()
   errorState = false
   captcha = new UntypedFormControl(null, {
     validators: [this.captchaValidator()],
diff --git a/src/app/register2/components/form-anti-robots/form-anti-robots.component.ts b/src/app/register2/components/form-anti-robots/form-anti-robots.component.ts
@@ -34,7 +34,7 @@ import { RegisterStateService } from '../../register-state.service'
 export class FormAntiRobotsComponent extends BaseForm implements OnInit {
   captchaFailState = false
   captchaLoadedWithWidgetId: number
-  $widgetIdUpdated = new Subject()
+  $widgetIdUpdated = new Subject<void>()
   errorState = false
   nextButtonWasClicked = false
   captcha = new UntypedFormControl(null, {
diff --git a/src/app/register2/components/form-current-employment/form-current-employment.component.ts b/src/app/register2/components/form-current-employment/form-current-employment.component.ts
@@ -88,7 +88,7 @@ export class FormCurrentEmploymentComponent
   private _type: AffiliationType
   affiliationFound = false
   rorIdHasBeenMatched: boolean
-  destroy = new Subject()
+  destroy = new Subject<void>()
 
   @Input()
   public get type(): AffiliationType {
diff --git a/src/app/register2/components/form-password/form-password.component.ts b/src/app/register2/components/form-password/form-password.component.ts
@@ -78,7 +78,7 @@ export class FormPasswordComponent
   currentValidateAtLeastANumber: boolean
   passwordsValidAreValidAlreadyChecked: any
   _currentAccesibilityError: string
-  destroy = new Subject()
+  destroy = new Subject<void>()
   constructor(
     private _register: Register2Service,
     private _liveAnnouncer: LiveAnnouncer,
diff --git a/src/app/register2/components/form-personal/form-personal.component.ts b/src/app/register2/components/form-personal/form-personal.component.ts
@@ -110,7 +110,7 @@ export class FormPersonalComponent
   emailsAreValidAlreadyChecked: boolean
   registerBackendErrors: RegisterBackendErrors
   nextButtonWasClicked: boolean
-  destroy = new Subject()
+  destroy = new Subject<void>()
 
   constructor(
     private _register: Register2Service,
diff --git a/src/app/register2/components/form-visibility/form-visibility.component.ts b/src/app/register2/components/form-visibility/form-visibility.component.ts
@@ -52,7 +52,7 @@ export class FormVisibilityComponent
   visibilityOptions = VISIBILITY_OPTIONS
   errorState = false
   activitiesVisibilityDefault = new UntypedFormControl('', Validators.required)
-  destroy = new Subject()
+  destroy = new Subject<void>()
   constructor(
     private _register: Register2Service,
     private _errorStateMatcher: ErrorStateMatcher,
diff --git a/src/app/reset-password/reset-password/reset-password.component.ts b/src/app/reset-password/reset-password/reset-password.component.ts
@@ -37,7 +37,7 @@ export class ResetPasswordComponent implements OnInit {
 
   @Output() loading = new EventEmitter<boolean>()
   errors: string[]
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   emailKey: string
   expiredPasswordResetToken: boolean
   invalidPasswordResetToken: boolean
diff --git a/src/app/self-service/self-service/self-service.component.ts b/src/app/self-service/self-service/self-service.component.ts
@@ -16,7 +16,7 @@ import { ApplicationRoutes } from 'src/app/constants'
 })
 export class SelfServiceComponent implements OnInit {
   @Output() loading = new EventEmitter<boolean>()
-  $destroy = new Subject()
+  $destroy = new Subject<void>()
   isMobile: boolean
   platform: PlatformInfo
 
diff --git a/src/karma.conf.js b/src/karma.conf.js
@@ -27,17 +27,33 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome', 'ChromeHeadless'],
+
+    browsers: ['ChromeWithFlags', 'ChromeHeadless'],
+
     customLaunchers: {
-      MyHeadlessChrome: {
+      ChromeWithFlags: {
+        base: 'Chrome',
+        flags: [
+          '--no-sandbox',
+          '--disable-setuid-sandbox',
+          '--disable-translate',
+          '--disable-extensions',
+          '--ignore-certificate-errors',
+          '--enable-chrome-browser-cloud-management',
+        ],
+      },
+      CustomChrome: {
         base: 'ChromeHeadless',
         flags: [
+          '--disable-setuid-sandbox',
           '--disable-translate',
           '--disable-extensions',
-          '--remote-debugging-port=9223',
+          '--ignore-certificate-errors',
+          '--enable-chrome-browser-cloud-management',
         ],
       },
     },
+
     singleRun: false,
   })
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ import { DialogAddTrustedIndividualsComponent } from '../dialog-add-trusted-indi`
`41`	`41`	`export class SettingsTrustedIndividualsSearchComponent`
`42`	`42`	`implements OnInit, OnDestroy`
`43`	`43`	`{`
`44`		`- $destroy = new Subject()`
	`44`	`+ $destroy = new Subject<void>()`
`45`	`45`	`searchDone = false`
`46`	`46`	`displayedColumns = ['trustedIndividuals', 'orcid', 'actions']`
`47`	`47`	`isMobile: boolean`