test: E2E NDV (#4712)

* test: start testing node details view

* test: deleting workflow after test

* test: rename deleteWorkflow command

* test: webhook node

* test: roll back deleting workflow in workflow test

* test: check output display modes after webhook node invoked

* test: simplifying test

* test: simplifying test

* test: adding more tests related to NDV

* test: adding more tests related to NDV

* test: update after merge

* Merge remote-tracking branch 'origin/master' into n8n-5494-e2e-ndv

# Conflicts:
#	cypress/pages/workflow.ts

* test: improving test blocks

* test: NDV change node input

* test: NDV change node input

* test: NDV fix missing command

* test(editor): Add NDV page object

cypress/e2e/5-ndv.cy.ts

@@ -0,0 +1,66 @@
+import { WorkflowsPage, WorkflowPage, NDV } from '../pages';
+import { v4 as uuid } from 'uuid';
+
+const workflowsPage = new WorkflowsPage();
+const workflowPage = new WorkflowPage();
+const ndv = new NDV();
+
+describe('NDV', () => {
+	beforeEach(() => {
+		cy.resetAll();
+		cy.skipSetup();
+		workflowsPage.actions.createWorkflowFromCard();
+		workflowPage.actions.renameWorkflow(uuid());
+		workflowPage.actions.saveWorkflowOnButtonClick();
+	});
+
+	it('should show up when double clicked on a node and close when Back to canvas clicked', () => {
+		workflowPage.actions.addInitialNodeToCanvas('Manual Trigger');
+		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.getters.nodeExecuteButton().first().click();
+		ndv.getters.copyInput().click();
+
+		cy.wrap(Cypress.automation('remote:debugger:protocol', {
+			command: 'Browser.grantPermissions',
+			params: {
+				permissions: ['clipboardReadWrite', 'clipboardSanitizedWrite'],
+				origin: window.location.origin,
+			},
+		}));
+
+		cy.window().its('navigator.permissions')
+			.invoke('query', {name: 'clipboard-read'})
+			.its('state').should('equal', 'granted');
+
+		cy.window().its('navigator.clipboard').invoke('readText').then(url => {
+			cy.request({
+				method: 'GET',
+				url,
+			}).then((resp) => {
+				expect(resp.status).to.eq(200)
+			})
+		});
+
+		ndv.getters.runDataDisplayMode().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.inputPanel().within(() => {
+			ndv.getters.dataContainer().should('contain', 'start');
+		});
+	});
+});