fixed gen ai e2e test (opendatahub-io#6232)

* fixed gen ai e2e test

* remove test from quarantine

* added NonConcurrent tag to Gen AI tests

* Removed Bug tags in gen ai e2e test

Author: ikeola13

packages/cypress/cypress/pages/genAiPlayground.ts

@@ -21,7 +21,7 @@ class GenAiPlayground {
   }
 
   findModelToggleButton() {
-    return cy.findByTestId('model-selector-toggle');
+    return cy.findByTestId('chatbot-model-selector-toggle');
   }
 
   findMessageInput() {

packages/cypress/cypress/tests/e2e/gen-ai/testGenAi.cy.ts

@@ -30,7 +30,7 @@ import {
   createCleanHardwareProfile,
 } from '../../../utils/oc_commands/hardwareProfiles';
 
-describe('[Automation Bug: RHOAIENG-49259] Verify Gen AI Namespace - Creation and Connection', () => {
+describe('Verify Gen AI Namespace - Creation and Connection', () => {
   let testData: GenAiTestData;
   let projectName: string;
   let skipTest = false;
@@ -126,7 +126,7 @@ describe('[Automation Bug: RHOAIENG-49259] Verify Gen AI Namespace - Creation an
   it(
     'Create custom serving runtime for Gen AI',
     {
-      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@ServingRuntime', '@Bug'],
+      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@ServingRuntime', '@NonConcurrent'],
     },
     () => {
       if (skipTest) {
@@ -175,7 +175,7 @@ describe('[Automation Bug: RHOAIENG-49259] Verify Gen AI Namespace - Creation an
   it(
     'Deploy Gen AI model using URI',
     {
-      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@ModelServing', '@Deployment', '@Bug'],
+      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@ModelServing', '@Deployment', '@NonConcurrent'],
     },
     () => {
       if (skipTest) {
@@ -253,7 +253,7 @@ describe('[Automation Bug: RHOAIENG-49259] Verify Gen AI Namespace - Creation an
   it(
     'Create and verify Gen AI Playground functionality',
     {
-      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@Playground', '@Bug'],
+      tags: ['@Sanity', '@SanitySet1', '@GenAI', '@Playground', '@NonConcurrent'],
     },
     () => {
       if (skipTest) {

packages/gen-ai/frontend/src/__tests__/cypress/cypress/pages/chatbotPage.ts

@@ -147,13 +147,13 @@ class ChatbotPage {
 
   // Model Selection
   // Model dropdown is now in the toolbar (moved from Model tab)
-  // Note: There may be multiple model dropdowns (header + settings panel), so use .first()
+  // Use specific test ID for chatbot header model selector
   findModelDropdown(): Cypress.Chainable<JQuery<HTMLElement>> {
-    return cy.findAllByTestId('model-selector-toggle').first();
+    return cy.findByTestId('chatbot-model-selector-toggle');
   }
 
   findModelSelectorButton(): Cypress.Chainable<JQuery<HTMLElement>> {
-    return cy.findAllByTestId('model-selector-toggle').first();
+    return cy.findByTestId('chatbot-model-selector-toggle');
   }
 
   verifyModelSelected(): void {
@@ -422,7 +422,7 @@ class ChatbotPage {
 
   // Find pane model selector by pane index
   findPaneModelSelector(index: number): Cypress.Chainable<JQuery<HTMLElement>> {
-    return this.findChatbotPaneByIndex(index).findByTestId('model-selector-toggle');
+    return this.findChatbotPaneByIndex(index).findByTestId('chatbot-model-selector-toggle');
   }
 
   // Find pane label text (e.g., "Model 1", "Model 2")

packages/gen-ai/frontend/src/__tests__/cypress/cypress/tests/mocked/chatbot/compareMode.cy.ts

@@ -82,10 +82,7 @@ describe('Chatbot - Compare Mode (Mocked)', () => {
     cy.wait('@aaModels');
 
     // Verify model is selected
-    cy.findAllByTestId('model-selector-toggle')
-      .first()
-      .should('be.visible')
-      .and('contain', 'Llama');
+    cy.findByTestId('chatbot-model-selector-toggle').should('be.visible').and('contain', 'Llama');
   });
 
   afterEach(() => {

packages/gen-ai/frontend/src/__tests__/cypress/cypress/tests/mocked/chatbot/newChatFeature.cy.ts

@@ -86,11 +86,7 @@ describe('Chatbot - New Chat Modal (Mocked)', () => {
     cy.wait('@aaModels');
 
     // Verify that a model is selected by checking the dropdown shows a model name
-    // Use .first() since there are two model dropdowns (header and settings panel)
-    cy.findAllByTestId('model-selector-toggle')
-      .first()
-      .should('be.visible')
-      .and('contain', 'Llama');
+    cy.findByTestId('chatbot-model-selector-toggle').should('be.visible').and('contain', 'Llama');
   });
 
   it(

packages/gen-ai/frontend/src/app/Chatbot/components/ChatbotPaneHeader.tsx

@@ -57,7 +57,11 @@ const ChatbotPaneHeader: React.FC<ChatbotPaneHeaderProps> = ({
               <FlexItem style={{ fontWeight: 600, whiteSpace: 'nowrap' }}>{label}</FlexItem>
             )}
             <FlexItem>
-              <ModelDetailsDropdown selectedModel={selectedModel} onModelChange={onModelChange} />
+              <ModelDetailsDropdown
+                selectedModel={selectedModel}
+                onModelChange={onModelChange}
+                testId="chatbot-model-selector-toggle"
+              />
             </FlexItem>
             <FlexItem>
               <Button

packages/gen-ai/frontend/src/app/Chatbot/components/ModelDetailsDropdown.tsx

@@ -18,12 +18,14 @@ interface ModelDetailsDropdownProps {
   selectedModel: string;
   onModelChange: (value: string) => void;
   style?: React.CSSProperties;
+  testId?: string;
 }
 
 const ModelDetailsDropdown: React.FunctionComponent<ModelDetailsDropdownProps> = ({
   selectedModel,
   onModelChange,
   style,
+  testId = 'model-selector-toggle',
 }) => {
   const { models, aiModels, maasModels } = React.useContext(ChatbotContext);
   const { data: bffConfig } = useFetchBFFConfig();
@@ -58,7 +60,7 @@ const ModelDetailsDropdown: React.FunctionComponent<ModelDetailsDropdownProps> =
           style={style}
           onClick={() => setIsOpen(!isOpen)}
           isExpanded={isOpen}
-          data-testid="model-selector-toggle"
+          data-testid={testId}
         >
           {getLlamaModelDisplayName(selectedModel, aiModels) || placeholder}
         </MenuToggle>

packages/gen-ai/frontend/src/app/Chatbot/components/settingsPanelTabs/ModelTabContent.tsx

@@ -32,6 +32,7 @@ const ModelTabContent: React.FunctionComponent<ModelTabContentProps> = ({
           selectedModel={selectedModel}
           onModelChange={onModelChange}
           style={{ width: '100%' }}
+          testId="settings-model-selector-toggle"
         />
       </FormGroup>
       <ModelParameterFormGroup