[RHOAIENG-4702] Improve unique naming for runs and versions in pipelines

opendatahub-io · Jul 18, 2024 · 929be1e · 929be1e
1 parent 6a58043
commit 929be1e
Show file tree

Hide file tree

Showing 17 changed files with 509 additions and 150 deletions.
diff --git a/frontend/src/__tests__/cypress/cypress/pages/pipelines/createRunPage.ts b/frontend/src/__tests__/cypress/cypress/pages/pipelines/createRunPage.ts
@@ -144,11 +144,11 @@ export class CreateRunPage {
   }
 
   fillName(value: string): void {
-    this.findNameInput().type(value);
+    this.findNameInput().clear().type(value);
   }
 
   fillDescription(value: string): void {
-    this.findDescriptionInput().type(value);
+    this.findDescriptionInput().clear().type(value);
   }
 
   selectExperimentByName(name: string): void {

diff --git a/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelineImportModal.ts b/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelineImportModal.ts
@@ -40,7 +40,7 @@ class PipelineImportModal extends Modal {
   }
 
   fillPipelineName(value: string) {
-    this.findPipelineNameInput().clear().type(value);
+    this.findPipelineNameInput().clear().type(value).blur();
   }
 
   fillPipelineDescription(value: string) {

diff --git a/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelineVersionImportModal.ts b/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelineVersionImportModal.ts
@@ -65,7 +65,7 @@ class PipelineImportModal extends Modal {
   }
 
   fillVersionName(value: string) {
-    this.findVersionNameInput().clear().type(value);
+    this.findVersionNameInput().clear().type(value).blur();
   }
 
   fillVersionDescription(value: string) {

diff --git a/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelinesTable.ts b/frontend/src/__tests__/cypress/cypress/pages/pipelines/pipelinesTable.ts
@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import type { PipelineKFv2, PipelineVersionKFv2 } from '~/concepts/pipelines/kfTypes';
+import { type PipelineKFv2, type PipelineVersionKFv2 } from '~/concepts/pipelines/kfTypes';
 import { buildMockPipelines } from '~/__mocks__/mockPipelinesProxy';
 import { buildMockPipelineVersionsV2 } from '~/__mocks__/mockPipelineVersionsProxy';
 import { TableRow } from '~/__tests__/cypress/cypress/pages/components/table';
@@ -217,21 +217,55 @@ class PipelinesTable {
     );
   }
 
-  mockGetPipelines(pipelines: PipelineKFv2[], namespace: string) {
+  mockGetPipelines(pipelines: PipelineKFv2[], namespace: string, times?: number) {
     return cy.interceptOdh(
       'GET /api/service/pipelines/:namespace/:serviceName/apis/v2beta1/pipelines',
       {
         path: { namespace, serviceName: 'dspa' },
+        times,
+      },
+      (req) => {
+        const { filter } = req.query;
+        const predicates = filter ? JSON.parse(filter.toString())?.predicates : [];
+        const filterName = predicates?.[0]?.string_value;
+
+        if (!filterName) {
+          req.reply(buildMockPipelines(pipelines));
+        } else {
+          req.reply(
+            buildMockPipelines(
+              pipelines.filter((pipeline) => pipeline.display_name === filterName),
+            ),
+          );
+        }
       },
-      buildMockPipelines(pipelines),
     );
   }
 
-  mockGetPipelineVersions(versions: PipelineVersionKFv2[], pipelineId: string, namespace: string) {
+  mockGetPipelineVersions(
+    versions: PipelineVersionKFv2[],
+    pipelineId: string,
+    namespace: string,
+    times?: number,
+  ) {
     return cy.interceptOdh(
       'GET /api/service/pipelines/:namespace/:serviceName/apis/v2beta1/pipelines/:pipelineId/versions',
-      { path: { namespace, serviceName: 'dspa', pipelineId } },
-      buildMockPipelineVersionsV2(versions),
+      { path: { namespace, serviceName: 'dspa', pipelineId }, times },
+      (req) => {
+        const { filter } = req.query;
+        const predicates = filter ? JSON.parse(filter.toString())?.predicates : [];
+        const filterName = predicates?.[0]?.string_value;
+
+        if (!filterName) {
+          req.reply(buildMockPipelineVersionsV2(versions));
+        } else {
+          req.reply(
+            buildMockPipelineVersionsV2(
+              versions.filter((version) => version.display_name === filterName),
+            ),
+          );
+        }
+      },
     );
   }
 }

diff --git a/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts b/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts
@@ -389,14 +389,18 @@ declare global {
         ) => Cypress.Chainable<null>) &
         ((
           type: `GET /api/service/pipelines/:namespace/:serviceName/apis/v2beta1/pipelines/:pipelineId/versions`,
-          options: { path: { namespace: string; serviceName: string; pipelineId: string } },
+          options: {
+            path: { namespace: string; serviceName: string; pipelineId: string };
+            times?: number;
+          },
           response: OdhResponse<ListPipelineVersionsKF | GoogleRpcStatusKF>,
         ) => Cypress.Chainable<null>) &
         ((
           type: `GET /api/service/pipelines/:namespace/:serviceName/apis/v2beta1/pipelines`,
           options: {
             path: { namespace: string; serviceName: string };
             query?: { sort_by: string };
+            times?: number;
           },
           response: OdhResponse<ListPipelinesResponseKF | GoogleRpcStatusKF>,
         ) => Cypress.Chainable<null>) &

diff --git a/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts b/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts
@@ -131,6 +131,8 @@ describe('Pipeline create runs', () => {
       createRunPage.find();
 
       // Fill out the form without a schedule and submit
+      createRunPage.fillName(initialMockRuns[0].display_name);
+      cy.findByTestId('duplicate-name-help-text').should('be.visible');
       createRunPage.fillName('New run');
       createRunPage.fillDescription('New run description');
       createRunPage.findExperimentSelect().should('not.be.disabled').click();
@@ -561,6 +563,8 @@ describe('Pipeline create runs', () => {
       createSchedulePage.find();
 
       // Fill out the form with a schedule and submit
+      createRunPage.fillName(initialMockRecurringRuns[0].display_name);
+      cy.findByTestId('duplicate-name-help-text').should('be.visible');
       createSchedulePage.fillName('New recurring run');
       createSchedulePage.fillDescription('New recurring run description');
       createSchedulePage.findExperimentSelect().should('not.be.disabled').click();