Add Mcp catalog and deployments Cypress mocked tests (opendatahub-io#7126)

* Add Mcp catalog and deployments Cypress mocked tests

* Fix the failing tests

* Fix the failing tests

Author: manaswinidas

packages/cypress/cypress/pages/mcpDeployments.ts

@@ -0,0 +1,148 @@
+import { TableRow } from './components/table';
+
+class McpDeploymentTableRow extends TableRow {
+  findServer(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.find().findByTestId('mcp-deployment-server');
+  }
+
+  findName(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.find().findByTestId('mcp-deployment-name');
+  }
+
+  findStatusLabel(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.find().findByTestId('mcp-deployment-status-label');
+  }
+
+  findServiceViewButton(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.find().findByTestId('mcp-deployment-service-view');
+  }
+
+  findServiceUnavailable(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.find().findByTestId('mcp-deployment-service-unavailable');
+  }
+
+  findDeleteAction(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findKebabAction('Delete');
+  }
+
+  findEditAction(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findKebabAction('Edit');
+  }
+}
+
+class McpDeployModal {
+  findModal(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deploy-modal');
+  }
+
+  shouldBeOpen(): void {
+    this.findModal().should('be.visible');
+  }
+
+  shouldNotExist(): void {
+    cy.findByTestId('mcp-deploy-modal').should('not.exist');
+  }
+
+  findTitle(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-modal-title');
+  }
+
+  findNameInput(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-name');
+  }
+
+  findOciImageInput(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-oci-image-input');
+  }
+
+  findProjectSelector(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-project-selector');
+  }
+
+  findSubmitButton(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-submit-button');
+  }
+
+  findCloseButton(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-close-button');
+  }
+
+  findResetButton(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-reset-button');
+  }
+
+  findSubmitError(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-submit-error');
+  }
+
+  findLoadError(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-load-error');
+  }
+
+  findLoadingSpinner(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findModal().findByTestId('mcp-deploy-modal-spinner');
+  }
+}
+
+class McpServerDetailsPage {
+  findDeployButton(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deploy-button');
+  }
+
+  findBreadcrumbServerName(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('breadcrumb-server-name');
+  }
+
+  // PF6 Button's isLoading spinner is internal to PatternFly — no data-testid is available
+  findDeployButtonSpinner(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findDeployButton().find('[role="progressbar"]');
+  }
+}
+
+class McpDeploymentsPage {
+  findTable(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deployments-table');
+  }
+
+  findEmptyState(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deployments-empty-state');
+  }
+
+  findSelectProjectState(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deployments-select-project');
+  }
+
+  findFilterInput(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.findByTestId('mcp-deployments-filter-input');
+  }
+
+  findTableRows(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findTable().find('[data-testid^="mcp-deployment-row-"]');
+  }
+
+  // mod-arch-shared's ApplicationsPage uses data-id — we can't change the third-party component
+  findLoadingState(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.get('[data-id="loading-empty-state"]');
+  }
+
+  findLoadingSpinner(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return this.findLoadingState().find('[role="progressbar"]');
+  }
+
+  findErrorState(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.get('[data-id="error-empty-state"]');
+  }
+
+  getRow(name: string): McpDeploymentTableRow {
+    return new McpDeploymentTableRow(
+      () =>
+        cy.findByTestId(`mcp-deployment-row-${name}`) as unknown as Cypress.Chainable<
+          JQuery<HTMLTableRowElement>
+        >,
+    );
+  }
+}
+
+export const mcpDeploymentsPage = new McpDeploymentsPage();
+export const mcpDeployModal = new McpDeployModal();
+export const mcpServerDetailsPage = new McpServerDetailsPage();