OCPBUGS-82510: Fix web-terminal-adminuser e2e tests broken by createRoot

Replace clickStartButton's synchronous $body.find() check with a Cypress
retry-based assertion. createRoot defers renders, so the old check always
failed and triggered a recovery path that broke the test state.

Also fix broken cos-status-box selectors, move workspace cleanup to
Background, and add scrollIntoView() to the perspective switcher toggle.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: stefanonardo

frontend/packages/integration-tests/views/nav.ts

@@ -11,6 +11,7 @@ export const nav = {
         // dropdown menu inside the toggle element, so .text() on the toggle
         // itself would include menu item labels.
         cy.byLegacyTestID('perspective-switcher-toggle')
+          .scrollIntoView()
           .should('be.visible')
           .then(($toggle) => {
             if (text === switchPerspective.Administrator) {
@@ -32,6 +33,7 @@ export const nav = {
           case 'Admin':
           case 'admin':
             cy.byLegacyTestID('perspective-switcher-toggle')
+              .scrollIntoView()
               .should('be.visible')
               .then(($toggle) => {
                 if ($toggle.attr('id') === 'core-platform-perspective') {
@@ -76,6 +78,7 @@ export const nav = {
             // dropdown menu item text (PF appends the menu inside the toggle
             // element via popperProps.appendTo).
             cy.byLegacyTestID('perspective-switcher-toggle')
+              .scrollIntoView()
               .should('be.visible')
               .find('.pf-v6-c-menu-toggle__text')
               .invoke('text')

frontend/packages/webterminal-plugin/integration-tests/features/web-terminal/web-terminal-adminuser.feature

@@ -6,8 +6,7 @@ Feature: Web Terminal for Admin user
 
         Background:
             Given user has logged in
-            #   And user is at administrator perspective
-            #   And user has created or selected namespace "aut-terminal"
+              And user has closed existing terminal workspace
 
 
         @regression @ODC-6463
@@ -33,7 +32,6 @@ Feature: Web Terminal for Admin user
               And user clicks on Start button
              Then user will see the terminal instance for namespace "openshift-terminal"
               And user ID obtained by API should match with user id in yaml editor for "openshift-terminal" namespace
-              And user has closed existing terminal workspace
 
 
         @smoke @ODC-6745
@@ -44,4 +42,3 @@ Feature: Web Terminal for Admin user
              Then user will see the terminal window
               And user will see the terminal instance for namespace "openshift-terminal"
               And user ID obtained by API should match with user id in yaml editor for "openshift-terminal" namespace
-              And user has closed existing terminal workspace

frontend/packages/webterminal-plugin/integration-tests/support/step-definitions/common/webTerminal.ts

@@ -48,7 +48,7 @@ Given('user can see terminal icon on masthead', () => {
 
 When('user clicks on the Web Terminal icon on the Masthead', () => {
   webTerminalPage.clickOpenCloudShellBtn();
-  cy.get('cos-status-box cos-status-box--loading').should('not.exist');
+  cy.get('[data-test="loading-box"]').should('not.exist');
 });
 
 Then('user will see the terminal window', () => {

frontend/packages/webterminal-plugin/integration-tests/support/step-definitions/pages/web-terminal/initTerminal-page.ts

@@ -1,13 +1,6 @@
-import { switchPerspective } from '@console/dev-console/integration-tests/support/constants';
 import { formPO } from '@console/dev-console/integration-tests/support/pageObjects';
 import { webTerminalPO } from '@console/dev-console/integration-tests/support/pageObjects/webterminal-po';
-import {
-  app,
-  perspective,
-  projectNameSpace,
-} from '@console/dev-console/integration-tests/support/pages/app';
-import { searchResource } from '@console/dev-console/integration-tests/support/pages/search-resources/search-page';
-import { webTerminalPage } from './webTerminal-page';
+import { app } from '@console/dev-console/integration-tests/support/pages/app';
 
 export const initTerminalPage = {
   clickOnProjectDropDown: () => {
@@ -25,26 +18,12 @@ export const initTerminalPage = {
 
   clickStartButton: () => {
     cy.get(formPO.create).should('be.enabled').click({ force: true });
-    cy.get('body').then(($body) => {
-      cy.wait(5000);
-      // Due to initialization issue if multiple operators present OCPBUGS-44891
-      if ($body.find('[data-test="loading-box-body"]').length === 0) {
-        cy.log('loading did not go through');
-        cy.wait(10000);
-        cy.get(webTerminalPO.closeTerminalIcon).click();
-        cy.reload();
-        app.waitForDocumentLoad();
-        perspective.switchTo(switchPerspective.Administrator);
-        cy.byLegacyTestID('topology-header').should('exist').click({ force: true });
-        projectNameSpace.selectProject('openshift-terminal');
-        webTerminalPage.clickOpenCloudShellBtn();
-        searchResource.searchResourceByNameAsAdmin('DevWorkspace');
-        searchResource.selectSearchedItem('terminal');
-        // cy.get('[data-test="loading-indicator"]').should('not.exist', { timeout: 210000 });
-      } else {
-        cy.wait(5000);
-      }
-    });
+    // Wait for the loading indicator to appear after clicking Start.
+    // The previous implementation used a synchronous $body.find() check that
+    // relied on React committing the update before Cypress's .then() callback
+    // ran. Under createRoot, renders are deferred so the check always failed,
+    // triggering a recovery path that left the app in a broken state (OCPBUGS-82510).
+    cy.get('[data-test="loading-box-body"]').should('exist');
   },
 
   selectProject: (projectName: string) => {

frontend/packages/webterminal-plugin/integration-tests/support/step-definitions/web-terminal/web-terminal-adminuser.ts

@@ -42,7 +42,7 @@ Given('user can see terminal icon on masthead', () => {
 
 When('user clicks on the Web Terminal icon on the Masthead', () => {
   cy.get(webTerminalPO.webTerminalIcon).click();
-  cy.get('cos-status-box cos-status-box--loading').should('not.exist');
+  cy.get('[data-test="loading-box"]').should('not.exist');
 });
 
 When('user clicks advanced option for Timeout', () => {