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

test.describe(
	'ADO-2362 ADO-2350 NDV Prevent clipping long parameters and scrolling to expression',
	{
		annotation: [{ type: 'owner', description: 'Adore' }],
	},
	() => {
		test('should show last parameters and open at scroll top of parameters', async ({ n8n }) => {
			await n8n.start.fromImportedWorkflow('Test-workflow-with-long-parameters.json');

			await n8n.canvas.openNode('Schedule Trigger');

			await expect(n8n.ndv.getInlineExpressionEditorInput().first()).toBeVisible();

			await n8n.ndv.close();

			await n8n.canvas.openNode('Edit Fields1');

			await expect(n8n.ndv.getInputLabel().nth(0)).toContainText('Mode');
			await expect(n8n.ndv.getInputLabel().nth(0)).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput()).toHaveCount(2);

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toHaveText(
				'should be visible!',
			);
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).toHaveText('not visible');
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).toBeVisible();

			await n8n.ndv.close();
			await n8n.canvas.openNode('Schedule Trigger');

			await expect(n8n.ndv.getNthParameter(0)).toContainText(
				'This workflow will run on the schedule ',
			);
			await expect(n8n.ndv.getInputLabel().nth(0)).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput()).toHaveCount(2);

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toHaveText('should be visible');
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).toHaveText('not visible');
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).not.toBeInViewport();

			await n8n.ndv.close();
			await n8n.canvas.openNode('Slack');

			await expect(n8n.ndv.getCredentialsLabel()).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toHaveText('should be visible');
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toBeVisible();

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).toHaveText('not visible');
			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(1)).not.toBeInViewport();
		});

		test('NODE-1272 ensure expressions scrolled to top, not middle', async ({ n8n }) => {
			await n8n.start.fromImportedWorkflow('Test-workflow-with-long-parameters.json');

			await n8n.canvas.openNode('With long expression');

			await expect(n8n.ndv.getInlineExpressionEditorInput().nth(0)).toBeVisible();

			const editor = n8n.ndv.getInlineExpressionEditorInput().nth(0);
			await expect(editor.locator('.cm-line').nth(0)).toHaveText('1 visible!');
			await expect(editor.locator('.cm-line').nth(0)).toBeVisible();
			await expect(editor.locator('.cm-line').nth(6)).toHaveText('7 not visible!');
			await expect(editor.locator('.cm-line').nth(6)).not.toBeInViewport();
		});
	},
);