test: Ado 1296 add e2e tests (#7792)

Adds e2e tests for the template credential setup.

packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupTemplateFormStep.vue

@@ -77,16 +77,16 @@ const onCredentialDeselected = () => {
 </script>
 
 <template>
-	<li :class="$style.container">
+	<li :class="$style.container" data-test-id="setup-credentials-form-step">
 		<n8n-heading tag="h2" size="large">
-			<div v-if="nodeType" :class="$style.heading">
+			<div v-if="nodeType" :class="$style.heading" data-test-id="credential-step-heading">
 				<span :class="$style.headingOrder">{{ order }}.</span>
 				<span :class="$style.headingIcon"><NodeIcon :node-type="nodeType" /></span>
 				{{ appName }}
 			</div>
 		</n8n-heading>
 
-		<p :class="$style.description">
+		<p :class="$style.description" data-test-id="credential-step-description">
 			<i18n-t
 				tag="span"
 				keypath="templateSetup.credential.description"

packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue

@@ -109,7 +109,7 @@ onMounted(async () => {
 		<template #content>
 			<div :class="$style.grid">
 				<div :class="$style.gridContent">
-					<div :class="$style.notice">
+					<div :class="$style.notice" data-test-id="info-callout">
 						<AppsRequiringCredsNotice v-if="isReady" />
 						<n8n-loading v-else variant="p" />
 					</div>
@@ -145,6 +145,7 @@ onMounted(async () => {
 								:label="$locale.baseText('templateSetup.continue.button')"
 								:disabled="setupTemplateStore.numCredentialsLeft > 0 || setupTemplateStore.isSaving"
 								@click="setupTemplateStore.createWorkflow($router)"
+								data-test-id="continue-button"
 							/>
 						</n8n-tooltip>
 						<div v-else>

packages/editor-ui/src/views/TemplatesWorkflowView.vue

@@ -14,6 +14,7 @@
 				<div :class="$style.button">
 					<n8n-button
 						v-if="template"
+						data-test-id="use-template-button"
 						:label="$locale.baseText('template.buttons.useThisWorkflowButton')"
 						size="large"
 						@click="openTemplateSetup(template.id, $event)"