test: Add tests for pinning data (#5157)

* test: add tests for pinning

* test: add test for value

* test: add pinned data tests

* test: refactor into ndv

* refactor: move to ndv

* refactor: rename node

* test: fix test

* test: fix refactor

* test: remove unused id

* test: update test

* test: chain rename input

* test: refactor invoking text

* test: fix ndv tests

* test: move test id

* test: update selectors

packages/editor-ui/src/components/NodeExecuteButton.vue

@@ -5,7 +5,6 @@
 		</template>
 		<div>
 			<n8n-button
-				data-test-id="node-execute-button"
 				:loading="nodeRunning && !isListeningForEvents && !isListeningForWorkflowEvents"
 				:disabled="disabled || !!disabledHint"
 				:label="buttonLabel"

packages/editor-ui/src/components/NodeSettings.vue

@@ -18,6 +18,7 @@
 				<div v-if="isExecutable">
 					<NodeExecuteButton
 						v-if="!blockUI"
+						data-test-id="node-execute-button"
 						:nodeName="node.name"
 						:disabled="outputPanelEditMode.enabled && !isTriggerNode"
 						size="small"

packages/editor-ui/src/components/OutputPanel.vue

@@ -18,7 +18,6 @@
 		@tableMounted="$emit('tableMounted', $event)"
 		@itemHover="$emit('itemHover', $event)"
 		ref="runData"
-		data-test-id="ndv-output-panel"
 	>
 		<template #header>
 			<div :class="$style.titleSection">

packages/editor-ui/src/components/RunData.vue

@@ -67,6 +67,7 @@
 					class="ml-2xs"
 					icon="pencil-alt"
 					type="tertiary"
+					data-test-id="ndv-edit-pinned-data"
 					@click="enterEditMode({ origin: 'editIconButton' })"
 				/>
 				<n8n-tooltip
@@ -100,6 +101,7 @@
 						icon="thumbtack"
 						:disabled="editMode.enabled || (inputData.length === 0 && !hasPinData) || isReadOnly"
 						@click="onTogglePinData({ source: 'pin-icon-click' })"
+						data-test-id="ndv-pin-data"
 					/>
 				</n8n-tooltip>