Error Dialog Integration Tests

tests/integration/pipeline.ts

@@ -602,6 +602,31 @@ describe('Pipeline Editor tests', () => {
     cy.findByRole('button', { name: /cancel/i }).click();
   });
 
+  //error dialog tests
+  it('saving runtime config with missing required fields should error', () => {
+    cy.createRuntimeConfig({ type: 'invalid' });
+    cy.get('.jp-Dialog-header').contains('Error making request');
+
+    // Dismiss dialog
+    cy.findByRole('button', { name: /ok/i }).click();
+  });
+
+  it('exporting generic pipeline with invalid runtime config should produce request error', () => {
+    cy.createPipeline();
+    cy.savePipeline();
+
+    cy.installRuntimeConfig();
+
+    cy.findByRole('button', { name: /export pipeline/i }).click();
+
+    cy.contains('OK').click();
+
+    cy.get('.jp-Dialog-header').contains('Error making request');
+
+    // Dismiss dialog
+    cy.findByRole('button', { name: /ok/i }).click();
+  });
+
   it('generic pipeline should display expected export options', () => {
     cy.createPipeline();
     cy.savePipeline();

tests/support/commands.ts

@@ -80,18 +80,24 @@ Cypress.Commands.add('createRuntimeConfig', ({ type } = {}): void => {
     );
   }
 
-  cy.findByLabelText(/^cloud object storage endpoint/i).type(
+  cy.findByLabelText('Cloud Object Storage Endpoint*').type(
     'http://0.0.0.0:9000'
   );
-  cy.findByLabelText(/object storage username/i).type('minioadmin');
-  cy.findByLabelText(/object storage password/i).type('minioadmin');
+
+  if (type !== 'invalid') {
+    cy.findByLabelText(/object storage username/i).type('minioadmin');
+    cy.findByLabelText(/object storage password/i).type('minioadmin');
+  }
+
   cy.findByLabelText(/object storage bucket/i).type('test-bucket');
 
   // save it
   cy.findByRole('button', { name: /save/i }).click();
 
   // reset runtimes widget
-  cy.findByRole('tab', { name: /runtimes/i }).click();
+  if (type !== 'invalid') {
+    cy.findByRole('tab', { name: /runtimes/i }).click();
+  }
 });
 
 Cypress.Commands.add('createExampleComponentCatalog', ({ type } = {}): void => {

tests/support/index.d.ts

@@ -19,7 +19,9 @@ declare namespace Cypress {
     installRuntimeConfig(options?: {
       type?: 'kfp' | 'airflow';
     }): Chainable<void>;
-    createRuntimeConfig(options?: { type: 'kfp' | 'airflow' }): Chainable<void>;
+    createRuntimeConfig(options?: {
+      type: 'kfp' | 'airflow' | 'invalid';
+    }): Chainable<void>;
     createExampleComponentCatalog(options?: {
       type: 'kfp' | 'airflow';
     }): Chainable<void>;