From a07db3d5fc394b30fda5550dde57ad271446b2f4 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 21 Apr 2023 15:20:24 +0200 Subject: [PATCH 1/9] test: Add link/unlink test --- cypress/e2e/5-ndv.cy.ts | 66 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 65 insertions(+), 1 deletion(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index c9c82e50fac11..7e917bfe2163b 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -163,5 +163,69 @@ describe('NDV', () => { ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); }) - }) + }); + + it('can link and unlink run selectors between input and output', () => { + cy.fixture('Test_workflow_5.json').then((data) => { + cy.get('body').paste(JSON.stringify(data)); + }); + workflowPage.actions.zoomToFit(); + workflowPage.actions.executeWorkflow(); + workflowPage.actions.openNode('Set3'); + + ndv.getters.inputRunSelector() + .should('exist') + .find('input') + .should('include.value', '2 of 2 (6 items)'); + ndv.getters.outputRunSelector() + .should('exist') + .find('input') + .should('include.value', '2 of 2 (6 items)'); + + ndv.actions.switchInputMode('Table'); + ndv.actions.switchOutputMode('Table'); + + ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); + ndv.getters.inputRunSelector() + .find('input') + .should('include.value', '1 of 2 (6 items)'); + ndv.getters.inputTbodyCell(1, 0).should('have.text', '1111'); + ndv.getters.outputTbodyCell(1, 0).should('have.text', '1111'); + + ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); + ndv.getters.outputRunSelector() + .find('input') + .should('include.value', '2 of 2 (6 items)'); + + // unlink + ndv.actions.toggleOutputRunLinking(); + ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); + ndv.getters.inputRunSelector() + .should('exist') + .find('input') + .should('include.value', '2 of 2 (6 items)'); + + // link again + ndv.actions.toggleOutputRunLinking(); + ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.inputRunSelector() + .find('input') + .should('include.value', '1 of 2 (6 items)'); + + // unlink again + ndv.actions.toggleInputRunLinking(); + ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); + ndv.getters.outputRunSelector() + .find('input') + .should('include.value', '1 of 2 (6 items)'); + + // link again + ndv.actions.toggleInputRunLinking(); + ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.outputRunSelector() + .find('input') + .should('include.value', '2 of 2 (6 items)'); + }); }); From ea592b526ba0afa264b93f0e6c0fe7c299ec94a5 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 21 Apr 2023 16:02:59 +0200 Subject: [PATCH 2/9] test: Add run linking --- cypress/e2e/5-ndv.cy.ts | 305 ++++++++++++++++++++-------------------- 1 file changed, 153 insertions(+), 152 deletions(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index 7e917bfe2163b..874a2c043dc93 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -16,154 +16,154 @@ describe('NDV', () => { workflowPage.actions.saveWorkflowOnButtonClick(); }); - it('should show up when double clicked on a node and close when Back to canvas clicked', () => { - workflowPage.actions.addInitialNodeToCanvas('Manual'); - workflowPage.getters.canvasNodes().first().dblclick(); - ndv.getters.container().should('be.visible'); - ndv.getters.backToCanvas().click(); - ndv.getters.container().should('not.be.visible'); - }); - - it('should test webhook node', () => { - workflowPage.actions.addInitialNodeToCanvas('Webhook'); - workflowPage.getters.canvasNodes().first().dblclick(); - - ndv.actions.execute(); - ndv.getters.copyInput().click(); - - cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); - - cy.readClipboard().then((url) => { - cy.request({ - method: 'GET', - url, - }).then((resp) => { - expect(resp.status).to.eq(200); - }); - }); - - ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); - }); - - it('should change input', () => { - cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.getters.canvasNodes().last().dblclick(); - ndv.getters.inputSelect().click(); - ndv.getters.inputOption().last().click(); - ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') - ndv.getters.inputDataContainer().should('contain', 'start'); - }); - - it('should show correct validation state for resource locator params', () => { - workflowPage.actions.addNodeToCanvas('Typeform', true, true); - ndv.getters.container().should('be.visible'); - cy.get('.has-issues').should('have.length', 0); - cy.get('[class*=hasIssues]').should('have.length', 0); - ndv.getters.backToCanvas().click(); - // Both credentials and resource locator errors should be visible - workflowPage.actions.openNode('Typeform'); - cy.get('.has-issues').should('have.length', 1); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - - it('should show validation errors only after blur or re-opening of NDV', () => { - workflowPage.actions.addNodeToCanvas('Manual'); - workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); - ndv.getters.container().should('be.visible'); - cy.get('.has-issues').should('have.length', 0); - ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); - ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); - cy.get('.has-issues').should('have.length', 2); - ndv.getters.backToCanvas().click(); - workflowPage.actions.openNode('Airtable'); - cy.get('.has-issues').should('have.length', 3); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - - it('should show all validation errors when opening pasted node', () => { - cy.fixture('Test_workflow_ndv_errors.json').then((data) => { - cy.get('body').paste(JSON.stringify(data)); - workflowPage.getters.canvasNodes().should('have.have.length', 1); - workflowPage.actions.openNode('Airtable'); - cy.get('.has-issues').should('have.length', 3); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - }); - - it('should save workflow using keyboard shortcut from NDV', () => { - workflowPage.actions.addNodeToCanvas('Manual'); - workflowPage.actions.addNodeToCanvas('Set', true, true); - ndv.getters.container().should('be.visible'); - workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); - workflowPage.getters.isWorkflowSaved(); - }) - - describe('test output schema view', () => { - const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; - function setupSchemaWorkflow() { - cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.actions.openNode('Set'); - ndv.actions.execute(); - } - - it('should switch to output schema view and validate it', () => { - setupSchemaWorkflow() - ndv.getters.outputDisplayMode().children().should('have.length', 3); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - - schemaKeys.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); - }); - }); - it('should preserve schema view after execution', () => { - setupSchemaWorkflow() - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.actions.execute(); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - }) - it('should collapse and expand nested schema object', () => { - setupSchemaWorkflow() - const expandedObjectProps = ['prop1', 'prop2'];; - const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - - expandedObjectProps.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); - }); - getObjectValueItem().find('label').click(); - expandedObjectProps.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); - }); - }) - it('should not display pagination for schema', () => { - setupSchemaWorkflow() - ndv.getters.backToCanvas().click(); - workflowPage.getters.canvasNodeByName('Set').click(); - workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); - ndv.actions.execute(); - ndv.getters.outputPanel().contains('25 items').should('exist'); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - ndv.getters.outputDisplayMode().contains('JSON').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - }) - it('should display large schema', () => { - cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.actions.openNode('Set'); - - ndv.getters.outputPanel().contains('20 items').should('exist'); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); - }) - }); + // it('should show up when double clicked on a node and close when Back to canvas clicked', () => { + // workflowPage.actions.addInitialNodeToCanvas('Manual'); + // workflowPage.getters.canvasNodes().first().dblclick(); + // ndv.getters.container().should('be.visible'); + // ndv.getters.backToCanvas().click(); + // ndv.getters.container().should('not.be.visible'); + // }); + + // it('should test webhook node', () => { + // workflowPage.actions.addInitialNodeToCanvas('Webhook'); + // workflowPage.getters.canvasNodes().first().dblclick(); + + // ndv.actions.execute(); + // ndv.getters.copyInput().click(); + + // cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); + + // cy.readClipboard().then((url) => { + // cy.request({ + // method: 'GET', + // url, + // }).then((resp) => { + // expect(resp.status).to.eq(200); + // }); + // }); + + // ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); + // }); + + // it('should change input', () => { + // cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.getters.canvasNodes().last().dblclick(); + // ndv.getters.inputSelect().click(); + // ndv.getters.inputOption().last().click(); + // ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') + // ndv.getters.inputDataContainer().should('contain', 'start'); + // }); + + // it('should show correct validation state for resource locator params', () => { + // workflowPage.actions.addNodeToCanvas('Typeform', true, true); + // ndv.getters.container().should('be.visible'); + // cy.get('.has-issues').should('have.length', 0); + // cy.get('[class*=hasIssues]').should('have.length', 0); + // ndv.getters.backToCanvas().click(); + // // Both credentials and resource locator errors should be visible + // workflowPage.actions.openNode('Typeform'); + // cy.get('.has-issues').should('have.length', 1); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + + // it('should show validation errors only after blur or re-opening of NDV', () => { + // workflowPage.actions.addNodeToCanvas('Manual'); + // workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); + // ndv.getters.container().should('be.visible'); + // cy.get('.has-issues').should('have.length', 0); + // ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); + // ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); + // cy.get('.has-issues').should('have.length', 2); + // ndv.getters.backToCanvas().click(); + // workflowPage.actions.openNode('Airtable'); + // cy.get('.has-issues').should('have.length', 3); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + + // it('should show all validation errors when opening pasted node', () => { + // cy.fixture('Test_workflow_ndv_errors.json').then((data) => { + // cy.get('body').paste(JSON.stringify(data)); + // workflowPage.getters.canvasNodes().should('have.have.length', 1); + // workflowPage.actions.openNode('Airtable'); + // cy.get('.has-issues').should('have.length', 3); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + // }); + + // it('should save workflow using keyboard shortcut from NDV', () => { + // workflowPage.actions.addNodeToCanvas('Manual'); + // workflowPage.actions.addNodeToCanvas('Set', true, true); + // ndv.getters.container().should('be.visible'); + // workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); + // workflowPage.getters.isWorkflowSaved(); + // }) + + // describe('test output schema view', () => { + // const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; + // function setupSchemaWorkflow() { + // cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.actions.openNode('Set'); + // ndv.actions.execute(); + // } + + // it('should switch to output schema view and validate it', () => { + // setupSchemaWorkflow() + // ndv.getters.outputDisplayMode().children().should('have.length', 3); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + + // schemaKeys.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); + // }); + // }); + // it('should preserve schema view after execution', () => { + // setupSchemaWorkflow() + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.actions.execute(); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + // }) + // it('should collapse and expand nested schema object', () => { + // setupSchemaWorkflow() + // const expandedObjectProps = ['prop1', 'prop2'];; + // const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + + // expandedObjectProps.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); + // }); + // getObjectValueItem().find('label').click(); + // expandedObjectProps.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); + // }); + // }) + // it('should not display pagination for schema', () => { + // setupSchemaWorkflow() + // ndv.getters.backToCanvas().click(); + // workflowPage.getters.canvasNodeByName('Set').click(); + // workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); + // ndv.actions.execute(); + // ndv.getters.outputPanel().contains('25 items').should('exist'); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + // ndv.getters.outputDisplayMode().contains('JSON').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // }) + // it('should display large schema', () => { + // cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.actions.openNode('Set'); + + // ndv.getters.outputPanel().contains('20 items').should('exist'); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); + // }) + // }); it('can link and unlink run selectors between input and output', () => { cy.fixture('Test_workflow_5.json').then((data) => { @@ -192,6 +192,7 @@ describe('NDV', () => { ndv.getters.inputTbodyCell(1, 0).should('have.text', '1111'); ndv.getters.outputTbodyCell(1, 0).should('have.text', '1111'); + ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); ndv.getters.outputRunSelector() .find('input') @@ -199,7 +200,7 @@ describe('NDV', () => { // unlink ndv.actions.toggleOutputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); ndv.getters.inputRunSelector() .should('exist') @@ -208,14 +209,14 @@ describe('NDV', () => { // link again ndv.actions.toggleOutputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip ndv.getters.inputRunSelector() .find('input') .should('include.value', '1 of 2 (6 items)'); // unlink again ndv.actions.toggleInputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); ndv.getters.outputRunSelector() .find('input') @@ -223,7 +224,7 @@ describe('NDV', () => { // link again ndv.actions.toggleInputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).trigger('mousedown'); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip ndv.getters.outputRunSelector() .find('input') .should('include.value', '2 of 2 (6 items)'); From a4eb83f6751a8e069ddee2859cc0488f9ef54e6e Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 21 Apr 2023 16:05:13 +0200 Subject: [PATCH 3/9] test: uncomment other tests --- cypress/e2e/5-ndv.cy.ts | 296 ++++++++++++++++++++-------------------- 1 file changed, 148 insertions(+), 148 deletions(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index 874a2c043dc93..129eeefb5b130 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -16,154 +16,154 @@ describe('NDV', () => { workflowPage.actions.saveWorkflowOnButtonClick(); }); - // it('should show up when double clicked on a node and close when Back to canvas clicked', () => { - // workflowPage.actions.addInitialNodeToCanvas('Manual'); - // workflowPage.getters.canvasNodes().first().dblclick(); - // ndv.getters.container().should('be.visible'); - // ndv.getters.backToCanvas().click(); - // ndv.getters.container().should('not.be.visible'); - // }); - - // it('should test webhook node', () => { - // workflowPage.actions.addInitialNodeToCanvas('Webhook'); - // workflowPage.getters.canvasNodes().first().dblclick(); - - // ndv.actions.execute(); - // ndv.getters.copyInput().click(); - - // cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); - - // cy.readClipboard().then((url) => { - // cy.request({ - // method: 'GET', - // url, - // }).then((resp) => { - // expect(resp.status).to.eq(200); - // }); - // }); - - // ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); - // }); - - // it('should change input', () => { - // cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.getters.canvasNodes().last().dblclick(); - // ndv.getters.inputSelect().click(); - // ndv.getters.inputOption().last().click(); - // ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') - // ndv.getters.inputDataContainer().should('contain', 'start'); - // }); - - // it('should show correct validation state for resource locator params', () => { - // workflowPage.actions.addNodeToCanvas('Typeform', true, true); - // ndv.getters.container().should('be.visible'); - // cy.get('.has-issues').should('have.length', 0); - // cy.get('[class*=hasIssues]').should('have.length', 0); - // ndv.getters.backToCanvas().click(); - // // Both credentials and resource locator errors should be visible - // workflowPage.actions.openNode('Typeform'); - // cy.get('.has-issues').should('have.length', 1); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - - // it('should show validation errors only after blur or re-opening of NDV', () => { - // workflowPage.actions.addNodeToCanvas('Manual'); - // workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); - // ndv.getters.container().should('be.visible'); - // cy.get('.has-issues').should('have.length', 0); - // ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); - // ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); - // cy.get('.has-issues').should('have.length', 2); - // ndv.getters.backToCanvas().click(); - // workflowPage.actions.openNode('Airtable'); - // cy.get('.has-issues').should('have.length', 3); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - - // it('should show all validation errors when opening pasted node', () => { - // cy.fixture('Test_workflow_ndv_errors.json').then((data) => { - // cy.get('body').paste(JSON.stringify(data)); - // workflowPage.getters.canvasNodes().should('have.have.length', 1); - // workflowPage.actions.openNode('Airtable'); - // cy.get('.has-issues').should('have.length', 3); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - // }); - - // it('should save workflow using keyboard shortcut from NDV', () => { - // workflowPage.actions.addNodeToCanvas('Manual'); - // workflowPage.actions.addNodeToCanvas('Set', true, true); - // ndv.getters.container().should('be.visible'); - // workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); - // workflowPage.getters.isWorkflowSaved(); - // }) - - // describe('test output schema view', () => { - // const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; - // function setupSchemaWorkflow() { - // cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.actions.openNode('Set'); - // ndv.actions.execute(); - // } - - // it('should switch to output schema view and validate it', () => { - // setupSchemaWorkflow() - // ndv.getters.outputDisplayMode().children().should('have.length', 3); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - - // schemaKeys.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); - // }); - // }); - // it('should preserve schema view after execution', () => { - // setupSchemaWorkflow() - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.actions.execute(); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - // }) - // it('should collapse and expand nested schema object', () => { - // setupSchemaWorkflow() - // const expandedObjectProps = ['prop1', 'prop2'];; - // const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - - // expandedObjectProps.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); - // }); - // getObjectValueItem().find('label').click(); - // expandedObjectProps.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); - // }); - // }) - // it('should not display pagination for schema', () => { - // setupSchemaWorkflow() - // ndv.getters.backToCanvas().click(); - // workflowPage.getters.canvasNodeByName('Set').click(); - // workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); - // ndv.actions.execute(); - // ndv.getters.outputPanel().contains('25 items').should('exist'); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - // ndv.getters.outputDisplayMode().contains('JSON').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // }) - // it('should display large schema', () => { - // cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.actions.openNode('Set'); - - // ndv.getters.outputPanel().contains('20 items').should('exist'); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); - // }) - // }); + it('should show up when double clicked on a node and close when Back to canvas clicked', () => { + workflowPage.actions.addInitialNodeToCanvas('Manual'); + workflowPage.getters.canvasNodes().first().dblclick(); + ndv.getters.container().should('be.visible'); + ndv.getters.backToCanvas().click(); + ndv.getters.container().should('not.be.visible'); + }); + + it('should test webhook node', () => { + workflowPage.actions.addInitialNodeToCanvas('Webhook'); + workflowPage.getters.canvasNodes().first().dblclick(); + + ndv.actions.execute(); + ndv.getters.copyInput().click(); + + cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); + + cy.readClipboard().then((url) => { + cy.request({ + method: 'GET', + url, + }).then((resp) => { + expect(resp.status).to.eq(200); + }); + }); + + ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); + }); + + it('should change input', () => { + cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.getters.canvasNodes().last().dblclick(); + ndv.getters.inputSelect().click(); + ndv.getters.inputOption().last().click(); + ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') + ndv.getters.inputDataContainer().should('contain', 'start'); + }); + + it('should show correct validation state for resource locator params', () => { + workflowPage.actions.addNodeToCanvas('Typeform', true, true); + ndv.getters.container().should('be.visible'); + cy.get('.has-issues').should('have.length', 0); + cy.get('[class*=hasIssues]').should('have.length', 0); + ndv.getters.backToCanvas().click(); + // Both credentials and resource locator errors should be visible + workflowPage.actions.openNode('Typeform'); + cy.get('.has-issues').should('have.length', 1); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + + it('should show validation errors only after blur or re-opening of NDV', () => { + workflowPage.actions.addNodeToCanvas('Manual'); + workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); + ndv.getters.container().should('be.visible'); + cy.get('.has-issues').should('have.length', 0); + ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); + ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); + cy.get('.has-issues').should('have.length', 2); + ndv.getters.backToCanvas().click(); + workflowPage.actions.openNode('Airtable'); + cy.get('.has-issues').should('have.length', 3); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + + it('should show all validation errors when opening pasted node', () => { + cy.fixture('Test_workflow_ndv_errors.json').then((data) => { + cy.get('body').paste(JSON.stringify(data)); + workflowPage.getters.canvasNodes().should('have.have.length', 1); + workflowPage.actions.openNode('Airtable'); + cy.get('.has-issues').should('have.length', 3); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + }); + + it('should save workflow using keyboard shortcut from NDV', () => { + workflowPage.actions.addNodeToCanvas('Manual'); + workflowPage.actions.addNodeToCanvas('Set', true, true); + ndv.getters.container().should('be.visible'); + workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); + workflowPage.getters.isWorkflowSaved(); + }) + + describe('test output schema view', () => { + const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; + function setupSchemaWorkflow() { + cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.actions.openNode('Set'); + ndv.actions.execute(); + } + + it('should switch to output schema view and validate it', () => { + setupSchemaWorkflow() + ndv.getters.outputDisplayMode().children().should('have.length', 3); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + + schemaKeys.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); + }); + }); + it('should preserve schema view after execution', () => { + setupSchemaWorkflow() + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.actions.execute(); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + }) + it('should collapse and expand nested schema object', () => { + setupSchemaWorkflow() + const expandedObjectProps = ['prop1', 'prop2'];; + const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + + expandedObjectProps.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); + }); + getObjectValueItem().find('label').click(); + expandedObjectProps.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); + }); + }) + it('should not display pagination for schema', () => { + setupSchemaWorkflow() + ndv.getters.backToCanvas().click(); + workflowPage.getters.canvasNodeByName('Set').click(); + workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); + ndv.actions.execute(); + ndv.getters.outputPanel().contains('25 items').should('exist'); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + ndv.getters.outputDisplayMode().contains('JSON').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + }) + it('should display large schema', () => { + cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.actions.openNode('Set'); + + ndv.getters.outputPanel().contains('20 items').should('exist'); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); + }) + }); it('can link and unlink run selectors between input and output', () => { cy.fixture('Test_workflow_5.json').then((data) => { From e3eb34807e9d7a9623ead53d0054fde34d7f5241 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 21 Apr 2023 16:42:17 +0200 Subject: [PATCH 4/9] test: change click --- cypress/e2e/5-ndv.cy.ts | 304 ++++++++++++++++++++-------------------- 1 file changed, 152 insertions(+), 152 deletions(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index 129eeefb5b130..7a1a94f8419c5 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -16,154 +16,154 @@ describe('NDV', () => { workflowPage.actions.saveWorkflowOnButtonClick(); }); - it('should show up when double clicked on a node and close when Back to canvas clicked', () => { - workflowPage.actions.addInitialNodeToCanvas('Manual'); - workflowPage.getters.canvasNodes().first().dblclick(); - ndv.getters.container().should('be.visible'); - ndv.getters.backToCanvas().click(); - ndv.getters.container().should('not.be.visible'); - }); - - it('should test webhook node', () => { - workflowPage.actions.addInitialNodeToCanvas('Webhook'); - workflowPage.getters.canvasNodes().first().dblclick(); - - ndv.actions.execute(); - ndv.getters.copyInput().click(); - - cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); - - cy.readClipboard().then((url) => { - cy.request({ - method: 'GET', - url, - }).then((resp) => { - expect(resp.status).to.eq(200); - }); - }); - - ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); - }); - - it('should change input', () => { - cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.getters.canvasNodes().last().dblclick(); - ndv.getters.inputSelect().click(); - ndv.getters.inputOption().last().click(); - ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') - ndv.getters.inputDataContainer().should('contain', 'start'); - }); - - it('should show correct validation state for resource locator params', () => { - workflowPage.actions.addNodeToCanvas('Typeform', true, true); - ndv.getters.container().should('be.visible'); - cy.get('.has-issues').should('have.length', 0); - cy.get('[class*=hasIssues]').should('have.length', 0); - ndv.getters.backToCanvas().click(); - // Both credentials and resource locator errors should be visible - workflowPage.actions.openNode('Typeform'); - cy.get('.has-issues').should('have.length', 1); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - - it('should show validation errors only after blur or re-opening of NDV', () => { - workflowPage.actions.addNodeToCanvas('Manual'); - workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); - ndv.getters.container().should('be.visible'); - cy.get('.has-issues').should('have.length', 0); - ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); - ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); - cy.get('.has-issues').should('have.length', 2); - ndv.getters.backToCanvas().click(); - workflowPage.actions.openNode('Airtable'); - cy.get('.has-issues').should('have.length', 3); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - - it('should show all validation errors when opening pasted node', () => { - cy.fixture('Test_workflow_ndv_errors.json').then((data) => { - cy.get('body').paste(JSON.stringify(data)); - workflowPage.getters.canvasNodes().should('have.have.length', 1); - workflowPage.actions.openNode('Airtable'); - cy.get('.has-issues').should('have.length', 3); - cy.get('[class*=hasIssues]').should('have.length', 1); - }); - }); - - it('should save workflow using keyboard shortcut from NDV', () => { - workflowPage.actions.addNodeToCanvas('Manual'); - workflowPage.actions.addNodeToCanvas('Set', true, true); - ndv.getters.container().should('be.visible'); - workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); - workflowPage.getters.isWorkflowSaved(); - }) - - describe('test output schema view', () => { - const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; - function setupSchemaWorkflow() { - cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.actions.openNode('Set'); - ndv.actions.execute(); - } - - it('should switch to output schema view and validate it', () => { - setupSchemaWorkflow() - ndv.getters.outputDisplayMode().children().should('have.length', 3); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - - schemaKeys.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); - }); - }); - it('should preserve schema view after execution', () => { - setupSchemaWorkflow() - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.actions.execute(); - ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - }) - it('should collapse and expand nested schema object', () => { - setupSchemaWorkflow() - const expandedObjectProps = ['prop1', 'prop2'];; - const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - - expandedObjectProps.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); - }); - getObjectValueItem().find('label').click(); - expandedObjectProps.forEach((key) => { - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); - }); - }) - it('should not display pagination for schema', () => { - setupSchemaWorkflow() - ndv.getters.backToCanvas().click(); - workflowPage.getters.canvasNodeByName('Set').click(); - workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); - ndv.actions.execute(); - ndv.getters.outputPanel().contains('25 items').should('exist'); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - ndv.getters.outputDisplayMode().contains('JSON').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - }) - it('should display large schema', () => { - cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); - workflowPage.actions.zoomToFit(); - workflowPage.actions.openNode('Set'); - - ndv.getters.outputPanel().contains('20 items').should('exist'); - ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - ndv.getters.outputDisplayMode().contains('Schema').click(); - ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); - }) - }); + // it('should show up when double clicked on a node and close when Back to canvas clicked', () => { + // workflowPage.actions.addInitialNodeToCanvas('Manual'); + // workflowPage.getters.canvasNodes().first().dblclick(); + // ndv.getters.container().should('be.visible'); + // ndv.getters.backToCanvas().click(); + // ndv.getters.container().should('not.be.visible'); + // }); + + // it('should test webhook node', () => { + // workflowPage.actions.addInitialNodeToCanvas('Webhook'); + // workflowPage.getters.canvasNodes().first().dblclick(); + + // ndv.actions.execute(); + // ndv.getters.copyInput().click(); + + // cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); + + // cy.readClipboard().then((url) => { + // cy.request({ + // method: 'GET', + // url, + // }).then((resp) => { + // expect(resp.status).to.eq(200); + // }); + // }); + + // ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); + // }); + + // it('should change input', () => { + // cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.getters.canvasNodes().last().dblclick(); + // ndv.getters.inputSelect().click(); + // ndv.getters.inputOption().last().click(); + // ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') + // ndv.getters.inputDataContainer().should('contain', 'start'); + // }); + + // it('should show correct validation state for resource locator params', () => { + // workflowPage.actions.addNodeToCanvas('Typeform', true, true); + // ndv.getters.container().should('be.visible'); + // cy.get('.has-issues').should('have.length', 0); + // cy.get('[class*=hasIssues]').should('have.length', 0); + // ndv.getters.backToCanvas().click(); + // // Both credentials and resource locator errors should be visible + // workflowPage.actions.openNode('Typeform'); + // cy.get('.has-issues').should('have.length', 1); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + + // it('should show validation errors only after blur or re-opening of NDV', () => { + // workflowPage.actions.addNodeToCanvas('Manual'); + // workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); + // ndv.getters.container().should('be.visible'); + // cy.get('.has-issues').should('have.length', 0); + // ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); + // ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); + // cy.get('.has-issues').should('have.length', 2); + // ndv.getters.backToCanvas().click(); + // workflowPage.actions.openNode('Airtable'); + // cy.get('.has-issues').should('have.length', 3); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + + // it('should show all validation errors when opening pasted node', () => { + // cy.fixture('Test_workflow_ndv_errors.json').then((data) => { + // cy.get('body').paste(JSON.stringify(data)); + // workflowPage.getters.canvasNodes().should('have.have.length', 1); + // workflowPage.actions.openNode('Airtable'); + // cy.get('.has-issues').should('have.length', 3); + // cy.get('[class*=hasIssues]').should('have.length', 1); + // }); + // }); + + // it('should save workflow using keyboard shortcut from NDV', () => { + // workflowPage.actions.addNodeToCanvas('Manual'); + // workflowPage.actions.addNodeToCanvas('Set', true, true); + // ndv.getters.container().should('be.visible'); + // workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); + // workflowPage.getters.isWorkflowSaved(); + // }) + + // describe('test output schema view', () => { + // const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; + // function setupSchemaWorkflow() { + // cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.actions.openNode('Set'); + // ndv.actions.execute(); + // } + + // it('should switch to output schema view and validate it', () => { + // setupSchemaWorkflow() + // ndv.getters.outputDisplayMode().children().should('have.length', 3); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + + // schemaKeys.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); + // }); + // }); + // it('should preserve schema view after execution', () => { + // setupSchemaWorkflow() + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.actions.execute(); + // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + // }) + // it('should collapse and expand nested schema object', () => { + // setupSchemaWorkflow() + // const expandedObjectProps = ['prop1', 'prop2'];; + // const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + + // expandedObjectProps.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); + // }); + // getObjectValueItem().find('label').click(); + // expandedObjectProps.forEach((key) => { + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); + // }); + // }) + // it('should not display pagination for schema', () => { + // setupSchemaWorkflow() + // ndv.getters.backToCanvas().click(); + // workflowPage.getters.canvasNodeByName('Set').click(); + // workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); + // ndv.actions.execute(); + // ndv.getters.outputPanel().contains('25 items').should('exist'); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + // ndv.getters.outputDisplayMode().contains('JSON').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // }) + // it('should display large schema', () => { + // cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); + // workflowPage.actions.zoomToFit(); + // workflowPage.actions.openNode('Set'); + + // ndv.getters.outputPanel().contains('20 items').should('exist'); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + // ndv.getters.outputDisplayMode().contains('Schema').click(); + // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); + // }) + // }); it('can link and unlink run selectors between input and output', () => { cy.fixture('Test_workflow_5.json').then((data) => { @@ -200,7 +200,7 @@ describe('NDV', () => { // unlink ndv.actions.toggleOutputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).click(); // remove tooltip ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); ndv.getters.inputRunSelector() .should('exist') @@ -209,14 +209,14 @@ describe('NDV', () => { // link again ndv.actions.toggleOutputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).click(); // remove tooltip ndv.getters.inputRunSelector() .find('input') .should('include.value', '1 of 2 (6 items)'); // unlink again ndv.actions.toggleInputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).click(); // remove tooltip ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); ndv.getters.outputRunSelector() .find('input') @@ -224,7 +224,7 @@ describe('NDV', () => { // link again ndv.actions.toggleInputRunLinking(); - ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).click(); // remove tooltip ndv.getters.outputRunSelector() .find('input') .should('include.value', '2 of 2 (6 items)'); From 33bfa5fee9fb911483824205fe7fd82c3cb6a086 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 21 Apr 2023 16:50:51 +0200 Subject: [PATCH 5/9] test: bring back tests, update click --- cypress/e2e/5-ndv.cy.ts | 298 ++++++++++++++++++++-------------------- 1 file changed, 149 insertions(+), 149 deletions(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index 7a1a94f8419c5..a6303c60e2cef 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -16,154 +16,154 @@ describe('NDV', () => { workflowPage.actions.saveWorkflowOnButtonClick(); }); - // it('should show up when double clicked on a node and close when Back to canvas clicked', () => { - // workflowPage.actions.addInitialNodeToCanvas('Manual'); - // workflowPage.getters.canvasNodes().first().dblclick(); - // ndv.getters.container().should('be.visible'); - // ndv.getters.backToCanvas().click(); - // ndv.getters.container().should('not.be.visible'); - // }); - - // it('should test webhook node', () => { - // workflowPage.actions.addInitialNodeToCanvas('Webhook'); - // workflowPage.getters.canvasNodes().first().dblclick(); - - // ndv.actions.execute(); - // ndv.getters.copyInput().click(); - - // cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); - - // cy.readClipboard().then((url) => { - // cy.request({ - // method: 'GET', - // url, - // }).then((resp) => { - // expect(resp.status).to.eq(200); - // }); - // }); - - // ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); - // }); - - // it('should change input', () => { - // cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.getters.canvasNodes().last().dblclick(); - // ndv.getters.inputSelect().click(); - // ndv.getters.inputOption().last().click(); - // ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') - // ndv.getters.inputDataContainer().should('contain', 'start'); - // }); - - // it('should show correct validation state for resource locator params', () => { - // workflowPage.actions.addNodeToCanvas('Typeform', true, true); - // ndv.getters.container().should('be.visible'); - // cy.get('.has-issues').should('have.length', 0); - // cy.get('[class*=hasIssues]').should('have.length', 0); - // ndv.getters.backToCanvas().click(); - // // Both credentials and resource locator errors should be visible - // workflowPage.actions.openNode('Typeform'); - // cy.get('.has-issues').should('have.length', 1); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - - // it('should show validation errors only after blur or re-opening of NDV', () => { - // workflowPage.actions.addNodeToCanvas('Manual'); - // workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); - // ndv.getters.container().should('be.visible'); - // cy.get('.has-issues').should('have.length', 0); - // ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); - // ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); - // cy.get('.has-issues').should('have.length', 2); - // ndv.getters.backToCanvas().click(); - // workflowPage.actions.openNode('Airtable'); - // cy.get('.has-issues').should('have.length', 3); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - - // it('should show all validation errors when opening pasted node', () => { - // cy.fixture('Test_workflow_ndv_errors.json').then((data) => { - // cy.get('body').paste(JSON.stringify(data)); - // workflowPage.getters.canvasNodes().should('have.have.length', 1); - // workflowPage.actions.openNode('Airtable'); - // cy.get('.has-issues').should('have.length', 3); - // cy.get('[class*=hasIssues]').should('have.length', 1); - // }); - // }); - - // it('should save workflow using keyboard shortcut from NDV', () => { - // workflowPage.actions.addNodeToCanvas('Manual'); - // workflowPage.actions.addNodeToCanvas('Set', true, true); - // ndv.getters.container().should('be.visible'); - // workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); - // workflowPage.getters.isWorkflowSaved(); - // }) - - // describe('test output schema view', () => { - // const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; - // function setupSchemaWorkflow() { - // cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.actions.openNode('Set'); - // ndv.actions.execute(); - // } - - // it('should switch to output schema view and validate it', () => { - // setupSchemaWorkflow() - // ndv.getters.outputDisplayMode().children().should('have.length', 3); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - - // schemaKeys.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); - // }); - // }); - // it('should preserve schema view after execution', () => { - // setupSchemaWorkflow() - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.actions.execute(); - // ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); - // }) - // it('should collapse and expand nested schema object', () => { - // setupSchemaWorkflow() - // const expandedObjectProps = ['prop1', 'prop2'];; - // const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - - // expandedObjectProps.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); - // }); - // getObjectValueItem().find('label').click(); - // expandedObjectProps.forEach((key) => { - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); - // }); - // }) - // it('should not display pagination for schema', () => { - // setupSchemaWorkflow() - // ndv.getters.backToCanvas().click(); - // workflowPage.getters.canvasNodeByName('Set').click(); - // workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); - // ndv.actions.execute(); - // ndv.getters.outputPanel().contains('25 items').should('exist'); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - // ndv.getters.outputDisplayMode().contains('JSON').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // }) - // it('should display large schema', () => { - // cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); - // workflowPage.actions.zoomToFit(); - // workflowPage.actions.openNode('Set'); - - // ndv.getters.outputPanel().contains('20 items').should('exist'); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); - // ndv.getters.outputDisplayMode().contains('Schema').click(); - // ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); - // ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); - // }) - // }); + it('should show up when double clicked on a node and close when Back to canvas clicked', () => { + workflowPage.actions.addInitialNodeToCanvas('Manual'); + workflowPage.getters.canvasNodes().first().dblclick(); + ndv.getters.container().should('be.visible'); + ndv.getters.backToCanvas().click(); + ndv.getters.container().should('not.be.visible'); + }); + + it('should test webhook node', () => { + workflowPage.actions.addInitialNodeToCanvas('Webhook'); + workflowPage.getters.canvasNodes().first().dblclick(); + + ndv.actions.execute(); + ndv.getters.copyInput().click(); + + cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite'); + + cy.readClipboard().then((url) => { + cy.request({ + method: 'GET', + url, + }).then((resp) => { + expect(resp.status).to.eq(200); + }); + }); + + ndv.getters.outputDisplayMode().should('have.length.at.least', 1).and('be.visible'); + }); + + it('should change input', () => { + cy.createFixtureWorkflow('NDV-test-select-input.json', `NDV test select input ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.getters.canvasNodes().last().dblclick(); + ndv.getters.inputSelect().click(); + ndv.getters.inputOption().last().click(); + ndv.getters.inputDataContainer().find('[class*=schema_]').should('exist') + ndv.getters.inputDataContainer().should('contain', 'start'); + }); + + it('should show correct validation state for resource locator params', () => { + workflowPage.actions.addNodeToCanvas('Typeform', true, true); + ndv.getters.container().should('be.visible'); + cy.get('.has-issues').should('have.length', 0); + cy.get('[class*=hasIssues]').should('have.length', 0); + ndv.getters.backToCanvas().click(); + // Both credentials and resource locator errors should be visible + workflowPage.actions.openNode('Typeform'); + cy.get('.has-issues').should('have.length', 1); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + + it('should show validation errors only after blur or re-opening of NDV', () => { + workflowPage.actions.addNodeToCanvas('Manual'); + workflowPage.actions.addNodeToCanvas('Airtable', true, true, 'Read data from a table'); + ndv.getters.container().should('be.visible'); + cy.get('.has-issues').should('have.length', 0); + ndv.getters.parameterInput('table').find('input').eq(1).focus().blur(); + ndv.getters.parameterInput('application').find('input').eq(1).focus().blur(); + cy.get('.has-issues').should('have.length', 2); + ndv.getters.backToCanvas().click(); + workflowPage.actions.openNode('Airtable'); + cy.get('.has-issues').should('have.length', 3); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + + it('should show all validation errors when opening pasted node', () => { + cy.fixture('Test_workflow_ndv_errors.json').then((data) => { + cy.get('body').paste(JSON.stringify(data)); + workflowPage.getters.canvasNodes().should('have.have.length', 1); + workflowPage.actions.openNode('Airtable'); + cy.get('.has-issues').should('have.length', 3); + cy.get('[class*=hasIssues]').should('have.length', 1); + }); + }); + + it('should save workflow using keyboard shortcut from NDV', () => { + workflowPage.actions.addNodeToCanvas('Manual'); + workflowPage.actions.addNodeToCanvas('Set', true, true); + ndv.getters.container().should('be.visible'); + workflowPage.actions.saveWorkflowUsingKeyboardShortcut(); + workflowPage.getters.isWorkflowSaved(); + }) + + describe('test output schema view', () => { + const schemaKeys = ['id', 'name', 'email', 'notes', 'country', 'created', 'objectValue', 'prop1', 'prop2']; + function setupSchemaWorkflow() { + cy.createFixtureWorkflow('Test_workflow_schema_test.json', `NDV test schema view ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.actions.openNode('Set'); + ndv.actions.execute(); + } + + it('should switch to output schema view and validate it', () => { + setupSchemaWorkflow() + ndv.getters.outputDisplayMode().children().should('have.length', 3); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Table'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + + schemaKeys.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('exist'); + }); + }); + it('should preserve schema view after execution', () => { + setupSchemaWorkflow() + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.actions.execute(); + ndv.getters.outputDisplayMode().find('[class*=active]').should('contain', 'Schema'); + }) + it('should collapse and expand nested schema object', () => { + setupSchemaWorkflow() + const expandedObjectProps = ['prop1', 'prop2'];; + const getObjectValueItem = () => ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').filter(':contains("objectValue")'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + + expandedObjectProps.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('be.visible'); + }); + getObjectValueItem().find('label').click(); + expandedObjectProps.forEach((key) => { + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item]').contains(key).should('not.be.visible'); + }); + }) + it('should not display pagination for schema', () => { + setupSchemaWorkflow() + ndv.getters.backToCanvas().click(); + workflowPage.getters.canvasNodeByName('Set').click(); + workflowPage.actions.addNodeToCanvas('Customer Datastore (n8n training)', true, true, 'Get All People'); + ndv.actions.execute(); + ndv.getters.outputPanel().contains('25 items').should('exist'); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + ndv.getters.outputDisplayMode().contains('JSON').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + }) + it('should display large schema', () => { + cy.createFixtureWorkflow('Test_workflow_schema_test_pinned_data.json', `NDV test schema view ${uuid()}`); + workflowPage.actions.zoomToFit(); + workflowPage.actions.openNode('Set'); + + ndv.getters.outputPanel().contains('20 items').should('exist'); + ndv.getters.outputPanel().find('[class*=_pagination]').should('exist'); + ndv.getters.outputDisplayMode().contains('Schema').click(); + ndv.getters.outputPanel().find('[class*=_pagination]').should('not.exist'); + ndv.getters.outputPanel().find('[data-test-id=run-data-schema-item] [data-test-id=run-data-schema-item]').should('have.length', 20); + }) + }); it('can link and unlink run selectors between input and output', () => { cy.fixture('Test_workflow_5.json').then((data) => { @@ -192,7 +192,7 @@ describe('NDV', () => { ndv.getters.inputTbodyCell(1, 0).should('have.text', '1111'); ndv.getters.outputTbodyCell(1, 0).should('have.text', '1111'); - ndv.getters.inputTbodyCell(1, 0).realClick(); // remove tooltip + ndv.getters.inputTbodyCell(1, 0).click(); // remove tooltip ndv.actions.changeInputRunSelector('2 of 2 (6 items)'); ndv.getters.outputRunSelector() .find('input') From 7421e30620c222b00fc47004631cfab3f5bd5aed Mon Sep 17 00:00:00 2001 From: Mutasem Date: Mon, 24 Apr 2023 08:27:29 +0200 Subject: [PATCH 6/9] test: fix flaky paired item test --- cypress/e2e/24-ndv-paired-item.cy.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/cypress/e2e/24-ndv-paired-item.cy.ts b/cypress/e2e/24-ndv-paired-item.cy.ts index 133cc808bb626..210244d83e223 100644 --- a/cypress/e2e/24-ndv-paired-item.cy.ts +++ b/cypress/e2e/24-ndv-paired-item.cy.ts @@ -110,12 +110,16 @@ describe('NDV', () => { ndv.getters.parameterExpressionPreview('value').should('include.text', '1111'); ndv.actions.selectInputNode('Set1'); + ndv.getters.backToCanvas().realHover(); // reset to default hover + ndv.getters.inputHoveringItem().should('have.text', '1000').realHover(); ndv.getters.outputHoveringItem().should('have.text', '1000'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1000'); ndv.actions.selectInputNode('Item Lists'); ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); + ndv.getters.backToCanvas().realHover(); // reset to default hover + ndv.getters.inputHoveringItem().should('have.text', '1111').realHover(); ndv.getters.outputHoveringItem().should('have.text', '1111'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1111'); From 3c1aa937e3dd1e13dd5c0b4a234d508ea9b5de0d Mon Sep 17 00:00:00 2001 From: Mutasem Date: Mon, 24 Apr 2023 09:39:28 +0200 Subject: [PATCH 7/9] test: update flaky tests --- cypress/e2e/24-ndv-paired-item.cy.ts | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/cypress/e2e/24-ndv-paired-item.cy.ts b/cypress/e2e/24-ndv-paired-item.cy.ts index 210244d83e223..e263ead828e78 100644 --- a/cypress/e2e/24-ndv-paired-item.cy.ts +++ b/cypress/e2e/24-ndv-paired-item.cy.ts @@ -103,7 +103,6 @@ describe('NDV', () => { ndv.actions.switchInputMode('Table'); ndv.actions.switchOutputMode('Table'); - cy.wait(50); ndv.getters.backToCanvas().realHover(); // reset to default hover ndv.getters.outputHoveringItem().should('not.exist'); @@ -112,7 +111,11 @@ describe('NDV', () => { ndv.actions.selectInputNode('Set1'); ndv.getters.backToCanvas().realHover(); // reset to default hover - ndv.getters.inputHoveringItem().should('have.text', '1000').realHover(); + ndv.getters.inputTableRow(1) + .should('have.text', '1000') + .invoke('attr', 'data-test-id') + .should('equal', 'hovering-item'); + ndv.getters.inputTableRow(1).realHover(); ndv.getters.outputHoveringItem().should('have.text', '1000'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1000'); @@ -120,7 +123,11 @@ describe('NDV', () => { ndv.actions.changeOutputRunSelector('1 of 2 (6 items)'); ndv.getters.backToCanvas().realHover(); // reset to default hover - ndv.getters.inputHoveringItem().should('have.text', '1111').realHover(); + ndv.getters.inputTableRow(1) + .should('have.text', '1111') + .invoke('attr', 'data-test-id') + .should('equal', 'hovering-item'); + ndv.getters.inputTableRow(1).realHover(); ndv.getters.outputHoveringItem().should('have.text', '1111'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1111'); }); @@ -204,7 +211,11 @@ describe('NDV', () => { ndv.actions.switchOutputMode('Table'); ndv.getters.backToCanvas().realHover(); // reset to default hover - ndv.getters.inputHoveringItem().should('have.text', '1111').realHover(); + ndv.getters.inputTableRow(1) + .should('have.text', '1111') + .invoke('attr', 'data-test-id') + .should('equal', 'hovering-item'); + ndv.getters.inputTableRow(1).realHover(); ndv.getters.outputHoveringItem().should('not.exist'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1111'); From 01cfc9d11022612be276a2dbb84d42b6a302f65d Mon Sep 17 00:00:00 2001 From: Mutasem Date: Mon, 24 Apr 2023 09:43:23 +0200 Subject: [PATCH 8/9] test: add timeouts --- cypress/e2e/24-ndv-paired-item.cy.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/cypress/e2e/24-ndv-paired-item.cy.ts b/cypress/e2e/24-ndv-paired-item.cy.ts index e263ead828e78..05f5dd8581a71 100644 --- a/cypress/e2e/24-ndv-paired-item.cy.ts +++ b/cypress/e2e/24-ndv-paired-item.cy.ts @@ -116,6 +116,7 @@ describe('NDV', () => { .invoke('attr', 'data-test-id') .should('equal', 'hovering-item'); ndv.getters.inputTableRow(1).realHover(); + cy.wait(50); ndv.getters.outputHoveringItem().should('have.text', '1000'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1000'); @@ -128,6 +129,7 @@ describe('NDV', () => { .invoke('attr', 'data-test-id') .should('equal', 'hovering-item'); ndv.getters.inputTableRow(1).realHover(); + cy.wait(50); ndv.getters.outputHoveringItem().should('have.text', '1111'); ndv.getters.parameterExpressionPreview('value').should('include.text', '1111'); }); From 5c8298af5e7bafa60fb2b19a86af5f0370acb703 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Mon, 24 Apr 2023 10:14:38 +0200 Subject: [PATCH 9/9] test: update import --- cypress/e2e/5-ndv.cy.ts | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/cypress/e2e/5-ndv.cy.ts b/cypress/e2e/5-ndv.cy.ts index a6303c60e2cef..749fb4434e506 100644 --- a/cypress/e2e/5-ndv.cy.ts +++ b/cypress/e2e/5-ndv.cy.ts @@ -166,9 +166,7 @@ describe('NDV', () => { }); it('can link and unlink run selectors between input and output', () => { - cy.fixture('Test_workflow_5.json').then((data) => { - cy.get('body').paste(JSON.stringify(data)); - }); + cy.createFixtureWorkflow('Test_workflow_5.json', 'Test'); workflowPage.actions.zoomToFit(); workflowPage.actions.executeWorkflow(); workflowPage.actions.openNode('Set3');