e2e: add error handler e2e coverage

packages/ui-tests/cypress/e2e/beans.cy.ts

@@ -99,13 +99,13 @@ describe('Test for Bean support', () => {
     cy.openSourceCode();
     cy.checkCodeSpanLine('- name: test2', 0);
     cy.checkCodeSpanLine('value: value', 0);
-    // blocked ATM by - https://github.com/KaotoIO/kaoto-next/issues/245
-    // cy.openBeans();
-    // cy.get('[data-testid="metadata-delete-0-btn"]').click();
-    // cy.get('[data-testid="metadata-row-0"]').should('not.exist');
-    // // CHECK the second bean was deleted in the code editor
-    // cy.openSourceCode();
-    // cy.checkCodeSpanLine('- name: test', 0);
-    // cy.checkCodeSpanLine('type: org.acme', 0);
+
+    cy.openBeans();
+    cy.get('[data-testid="metadata-delete-0-btn"]').click();
+    cy.get('[data-testid="metadata-row-0"]').should('not.exist');
+    // CHECK the second bean was deleted in the code editor
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('- name: test', 0);
+    cy.checkCodeSpanLine('type: org.acme', 0);
   });
 });

packages/ui-tests/cypress/e2e/errorHandler.cy.ts

@@ -0,0 +1,78 @@
+describe('Test for Error handler support', () => {
+  beforeEach(() => {
+    cy.openHomePage();
+  });
+
+  it('ErrorHandler - create a new errorHandler using errorHandler editor', () => {
+    cy.uploadFixture('flows/TimerKafkaKB.yaml');
+    cy.openPipeErrorHandler();
+    cy.get('.pf-v5-c-menu-toggle__toggle-icon').click();
+    cy.get('[data-testid="pipe-error-handler-select-option-log"]').click();
+    cy.get(`input[name="log.parameters.maximumRedeliveries"]`).clear().type('5');
+    cy.get(`input[name="log.parameters.redeliveryDelay"]`).clear().type('1000');
+
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('errorHandler:');
+    cy.checkCodeSpanLine('log:');
+    cy.checkCodeSpanLine('parameters:');
+    cy.checkCodeSpanLine('maximumRedeliveries: 5');
+    cy.checkCodeSpanLine('redeliveryDelay: 1000');
+
+    cy.openPipeErrorHandler();
+    cy.get('.pf-v5-c-menu-toggle__toggle-icon').click();
+    cy.get('[data-testid="pipe-error-handler-select-option-sink"]').click();
+    cy.get(`input[name="sink.endpoint.ref.kind"]`).clear().type('test-kind');
+    cy.get(`input[name="sink.endpoint.ref.apiVersion"]`).clear().type('0.1-SNAPSHOT');
+    cy.get(`input[name="sink.endpoint.ref.name"]`).clear().type('test-name');
+    cy.get(`input[name="sink.endpoint.properties.message"]`).clear().type('test-message');
+    cy.get(`input[name="sink.endpoint.properties.additionalProperties"]`).clear().type('test-additionalProperties');
+    cy.get(`input[name="sink.parameters.maximumRedeliveries"]`).clear().type('3');
+    cy.get(`input[name="sink.parameters.redeliveryDelay"]`).clear().type('2000');
+
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('errorHandler:');
+    cy.checkCodeSpanLine('sink:');
+    cy.checkCodeSpanLine('parameters:');
+    cy.checkCodeSpanLine('kind: test-kind');
+    cy.checkCodeSpanLine('apiVersion: 0.1-SNAPSHOT');
+    cy.checkCodeSpanLine('name: test-name');
+    cy.checkCodeSpanLine('message: test-message');
+    cy.checkCodeSpanLine('additionalProperties: test-additionalProperties');
+    cy.checkCodeSpanLine('maximumRedeliveries: 3');
+    cy.checkCodeSpanLine('redeliveryDelay: 2000');
+  });
+
+  it('ErrorHandler - edit in errorHandler editor', () => {
+    cy.openSourceCode();
+    cy.uploadFixture('flows/ErrorHandlerPipe.yaml');
+    cy.openPipeErrorHandler();
+    cy.get(`input[name="log.parameters.maximumRedeliveries"]`).clear().type('5');
+    cy.get(`input[name="log.parameters.redeliveryDelay"]`).clear().type('1000');
+    cy.openSourceCode();
+    // CHECK the errorHandler update was reflected in the code editor
+    cy.checkCodeSpanLine('maximumRedeliveries: 5');
+    cy.checkCodeSpanLine('redeliveryDelay: 1000');
+  });
+
+  it('ErrorHandler - delete errorHandler properties using the ErrorHandler editor', () => {
+    cy.uploadFixture('flows/ErrorHandlerPipe.yaml');
+    cy.openPipeErrorHandler();
+
+    cy.get(`input[name="log.parameters.maximumRedeliveries"]`).clear();
+    cy.get(`input[name="log.parameters.redeliveryDelay"]`).clear();
+
+    // CHECK the errorHandler was edited in the code editor
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('parameters: {}');
+  });
+
+  it('ErrorHandler - select "no error handlers" - delete errorHandler', () => {
+    cy.uploadFixture('flows/ErrorHandlerPipe.yaml');
+    cy.openPipeErrorHandler();
+    cy.get('.pf-v5-c-menu-toggle__toggle-icon').click();
+    cy.get('[data-testid="pipe-error-handler-select-option-none"]').click();
+    // CHECK the first errorHandler was deleted in the code editor
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('errorHandler:', 0);
+  });
+});

packages/ui-tests/cypress/fixtures/flows/ErrorHandlerPipe.yaml

@@ -0,0 +1,25 @@
+apiVersion: camel.apache.org/v1
+kind: Pipe
+metadata:
+  name: webhook-binding
+spec:
+  errorHandler:
+    log:
+      parameters:
+        maximumRedeliveries: 3
+        redeliveryDelay: 2000
+  source:
+    ref:
+      kind: Kamelet
+      apiVersion: camel.apache.org/v1
+      name: webhook-source
+  steps:
+    - ref:
+        kind: Kamelet
+        apiVersion: camel.apache.org/v1
+        name: delay-action
+  sink:
+    ref:
+      kind: Kamelet
+      apiVersion: camel.apache.org/v1
+      name: log-sink

packages/ui-tests/cypress/fixtures/flows/MetadataPipe.yaml

@@ -51,6 +51,3 @@ spec:
       kind: Kamelet
       apiVersion: camel.apache.org/v1
       name: log-sink
-
-
-

packages/ui-tests/cypress/support/next-commands/default.ts

@@ -46,7 +46,7 @@ Cypress.Commands.add('openMetadata', () => {
 
 Cypress.Commands.add('openPipeErrorHandler', () => {
   cy.get('[data-testid="Pipe ErrorHandler"]').click();
-  cy.get('[data-testid="metadata-editor-form-ErrorHandler"]').should('be.visible');
+  cy.get('h1.pf-v5-c-title').should('contain.text', 'Pipe ErrorHandler Configuration');
 });
 
 Cypress.Commands.add('openCatalog', () => {