fix(editor): No need to add click emitting click events, VUE delegate…

…s the handler to the root element of the component (#7182)

packages/editor-ui/src/components/CredentialEdit/OauthButton.vue

@@ -1,11 +1,10 @@
 <template>
 	<div :class="$style.container">
-		<GoogleAuthButton v-if="isGoogleOAuthType" @click.stop="$emit('click')" />
+		<GoogleAuthButton v-if="isGoogleOAuthType" />
 		<n8n-button
 			v-else
 			:label="$locale.baseText('credentialEdit.oAuthButton.connectMyAccount')"
 			size="large"
-			@click.stop="$emit('click')"
 		/>
 	</div>
 </template>

packages/editor-ui/src/components/CredentialEdit/__tests__/OauthButton.test.ts

@@ -0,0 +1,24 @@
+import userEvent from '@testing-library/user-event';
+import { createTestingPinia } from '@pinia/testing';
+import { createComponentRenderer } from '@/__tests__/render';
+import OauthButton from '@/components/CredentialEdit/OauthButton.vue';
+
+const renderComponent = createComponentRenderer(OauthButton, {
+	pinia: createTestingPinia(),
+});
+
+describe('OauthButton', () => {
+	test.each([
+		['GoogleAuthButton', true],
+		['n8n-button', false],
+	])('should emit click event only once when %s is clicked', async (name, isGoogleOAuthType) => {
+		const { emitted, getByRole } = renderComponent({
+			props: { isGoogleOAuthType },
+		});
+
+		const button = getByRole('button');
+		await userEvent.click(button);
+
+		expect(emitted().click).toHaveLength(1);
+	});
+});