e2e - preserving modeline after pipe config

packages/ui-tests/cypress/e2e/designer/basicNodeActions/stepDisable.cy.ts

@@ -0,0 +1,17 @@
+describe('Tests for Design page', () => {
+  beforeEach(() => {
+    cy.openHomePage();
+  });
+
+  it('Design - disable steps in CamelRoute', () => {
+    cy.uploadFixture('flows/camelRoute/basic.yaml');
+    cy.openDesignPage();
+
+    cy.selectDisableNode('setHeader');
+    cy.openStepConfigurationTab('setHeader');
+    cy.checkConfigCheckboxObject('disabled', true);
+
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('disabled: true', 1);
+  });
+});

packages/ui-tests/cypress/e2e/designer/sidepanelConfig/modelineConf.cy.ts

@@ -0,0 +1,17 @@
+describe('Tests for modeline', () => {
+  beforeEach(() => {
+    cy.openHomePage();
+  });
+
+  it('Preserve modeline in pipe config after pipe source was changed', () => {
+    cy.uploadFixture('flows/pipe/modeline.yaml');
+    cy.openDesignPage();
+
+    cy.removeNodeByName('https');
+    cy.openStepConfigurationTab('kamelet:log-sink');
+    cy.get(`input[name="parameters.showProperties"]`).check();
+
+    cy.openSourceCode();
+    cy.checkCodeSpanLine('# camel-k: dependency=camel:aws-secrets-manager', 1);
+  });
+});

packages/ui-tests/cypress/fixtures/flows/pipe/modeline.yaml

@@ -0,0 +1,16 @@
+# camel-k: dependency=camel:aws-secrets-manager
+
+- route:
+    from:
+      uri: "kamelet:timer-source"
+      parameters:
+        period: 10000
+        message: 'test'
+      steps:
+        - to: 
+            uri: "https://finnhub.io/api/v1/quote?symbol=AAPL&token={{aws:finnhub-token}}"
+        - to: 
+            uri: "kamelet:log-sink"
+            parameters:
+              showStreams: true
+              showHeaders: true

packages/ui-tests/cypress/support/cypress.d.ts

@@ -5,7 +5,7 @@
 export {};
 
 declare global {
-  type ActionType = 'append' | 'prepend' | 'replace' | 'insert' | 'insert-special' | 'delete';
+  type ActionType = 'append' | 'prepend' | 'replace' | 'insert' | 'insert-special' | 'delete' | 'disable';
 
   namespace Cypress {
     interface Chainable {
@@ -39,6 +39,7 @@ declare global {
       removeNodeByName(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
       selectReplaceNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
       selectAppendNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
+      selectDisableNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
       selectInsertSpecialNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
       selectInsertNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;
       selectPrependNode(inputName: string, nodeIndex?: number): Chainable<JQuery<Element>>;

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

@@ -63,6 +63,10 @@ Cypress.Commands.add('selectAppendNode', (nodeName: string, nodeIndex?: number)
   cy.performNodeAction(nodeName, 'append', nodeIndex);
 });
 
+Cypress.Commands.add('selectDisableNode', (nodeName: string, nodeIndex?: number) => {
+  cy.performNodeAction(nodeName, 'disable', nodeIndex);
+});
+
 Cypress.Commands.add('selectInsertNode', (nodeName: string, nodeIndex?: number) => {
   cy.performNodeAction(nodeName, 'insert', nodeIndex);
 });