n8n-enterprise-unlocked/packages/testing/playwright/tests/ui/building-blocks/03-node-details-configuration.spec.ts

import { test, expect } from '../../../fixtures/base';

test.describe('03 - Node Details Configuration', () => {
	test.beforeEach(async ({ n8n }) => {
		await n8n.start.fromBlankCanvas();
	});

	test('should configure webhook node', async ({ n8n }) => {
		await n8n.canvas.addNode('Webhook');

		await n8n.ndv.setupHelper.webhook({
			httpMethod: 'POST',
			path: 'test-webhook',
			authentication: 'Basic Auth',
		});

		await expect(n8n.ndv.getParameterInputField('path')).toHaveValue('test-webhook');
	});

	test('should configure HTTP Request node', async ({ n8n }) => {
		await n8n.canvas.addNode('HTTP Request');

		await n8n.ndv.setupHelper.httpRequest({
			method: 'POST',
			url: 'https://api.example.com/test',
			sendQuery: true,
			sendHeaders: false,
		});

		await expect(n8n.ndv.getParameterInputField('url')).toHaveValue('https://api.example.com/test');
	});

	test('should auto-detect parameter types', async ({ n8n }) => {
		await n8n.canvas.addNode('Webhook');

		await n8n.ndv.setupHelper.setParameter('httpMethod', 'PUT');
		await n8n.ndv.setupHelper.setParameter('path', 'auto-detect-test');

		await expect(n8n.ndv.getParameterInputField('path')).toHaveValue('auto-detect-test');
	});

	test('should use explicit types for better performance', async ({ n8n }) => {
		await n8n.canvas.addNode('Webhook');

		await n8n.ndv.setupHelper.setParameter('httpMethod', 'PATCH', 'dropdown');
		await n8n.ndv.setupHelper.setParameter('path', 'explicit-types', 'text');

		await expect(n8n.ndv.getParameterInputField('path')).toHaveValue('explicit-types');
	});

	test('should configure Edit Fields node with single field', async ({ n8n }) => {
		await n8n.canvas.addNode('Edit Fields (Set)');

		await n8n.ndv.editFields.setSingleFieldValue('testField', 'string', 'Hello World');

		const nameInput = n8n.ndv.getAssignmentName('assignments', 0).getByRole('textbox');
		await expect(nameInput).toHaveValue('testField');
	});

	test('should configure Edit Fields node with multiple fields', async ({ n8n }) => {
		await n8n.canvas.addNode('Edit Fields (Set)');

		await n8n.ndv.editFields.setFieldsValues([
			{ name: 'stringField', type: 'string', value: 'Test String' },
			{ name: 'numberField', type: 'number', value: 123 },
			{ name: 'booleanField', type: 'boolean', value: true },
		]);

		await expect(
			n8n.ndv.getAssignmentCollectionContainer('assignments').getByTestId('assignment'),
		).toHaveCount(3);
	});

	test('should configure Edit Fields node with all field types', async ({ n8n }) => {
		await n8n.canvas.addNode('Edit Fields (Set)');

		await n8n.ndv.editFields.setFieldsValues([
			{ name: 'myString', type: 'string', value: 'Hello' },
			{ name: 'myNumber', type: 'number', value: 42 },
			{ name: 'myBoolean', type: 'boolean', value: false },
			{ name: 'myArray', type: 'array', value: '["item1", "item2"]' },
		]);

		await expect(
			n8n.ndv.getAssignmentCollectionContainer('assignments').getByTestId('assignment'),
		).toHaveCount(4);
	});
});