import fs from 'fs';

import {
	MANUAL_TRIGGER_NODE_NAME,
	MANUAL_TRIGGER_NODE_DISPLAY_NAME,
	CODE_NODE_NAME,
	CODE_NODE_DISPLAY_NAME,
} from '../../../../../config/constants';
import { test, expect } from '../../../../../fixtures/base';
import type { n8nPage } from '../../../../../pages/n8nPage';
import { resolveFromRoot } from '../../../../../utils/path-helper';

const DEFAULT_ZOOM_FACTOR = 1;
const ZOOM_IN_X1_FACTOR = 1.25; // Expected zoom after 1 zoom-in click (125%)
const ZOOM_IN_X2_FACTOR = 1.5625; // Expected zoom after 2 zoom-in clicks (156.25%)
const ZOOM_OUT_X1_FACTOR = 0.8; // Expected zoom after 1 zoom-out click (80%)
const ZOOM_OUT_X2_FACTOR = 0.64; // Expected zoom after 2 zoom-out clicks (64%)
const ZOOM_TOLERANCE = 0.2; // Acceptable variance for floating-point zoom comparisons

test.describe('Canvas Zoom Functionality', () => {
	test.beforeEach(async ({ n8n }) => {
		await n8n.start.fromBlankCanvas();
	});

	const expectZoomLevel = async (n8n: n8nPage, expectedFactor: number) => {
		const actual = await n8n.canvas.getCanvasZoomLevel();
		expect(actual).toBeGreaterThanOrEqual(expectedFactor - ZOOM_TOLERANCE);
		expect(actual).toBeLessThanOrEqual(expectedFactor + ZOOM_TOLERANCE);
	};

	test('should zoom in', async ({ n8n }) => {
		await expect(n8n.canvas.getZoomInButton()).toBeVisible();

		const initialZoom = await n8n.canvas.getCanvasZoomLevel();

		await n8n.canvas.clickZoomInButton();
		await expectZoomLevel(n8n, initialZoom * ZOOM_IN_X1_FACTOR);

		await n8n.canvas.clickZoomInButton();
		await expectZoomLevel(n8n, initialZoom * ZOOM_IN_X2_FACTOR);
	});

	test('should zoom out', async ({ n8n }) => {
		await n8n.canvas.clickZoomOutButton();
		await expectZoomLevel(n8n, ZOOM_OUT_X1_FACTOR);

		await n8n.canvas.clickZoomOutButton();
		const finalZoom = await n8n.canvas.getCanvasZoomLevel();
		expect(finalZoom).toBeGreaterThanOrEqual(ZOOM_OUT_X2_FACTOR - ZOOM_TOLERANCE);
		expect(finalZoom).toBeLessThanOrEqual(ZOOM_OUT_X2_FACTOR + ZOOM_TOLERANCE);
	});

	test('should reset zoom', async ({ n8n }) => {
		await expect(n8n.canvas.getResetZoomButton()).not.toBeAttached();

		await n8n.canvas.clickZoomInButton();

		await expect(n8n.canvas.getResetZoomButton()).toBeVisible();
		await n8n.canvas.getResetZoomButton().click();

		await expectZoomLevel(n8n, DEFAULT_ZOOM_FACTOR);
	});

	test('should zoom to fit', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });

		await n8n.canvas.clickZoomOutButton();
		await n8n.canvas.clickZoomOutButton();

		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });

		await n8n.canvas.clickZoomInButton();
		await n8n.canvas.clickZoomInButton();

		await expect(n8n.canvas.getCanvasNodes().last()).not.toBeInViewport();

		await n8n.canvas.clickZoomToFitButton();

		await expect(n8n.canvas.getCanvasNodes().last()).toBeInViewport();
	});

	test('should disable node (context menu or shortcut)', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.nodeByName(MANUAL_TRIGGER_NODE_DISPLAY_NAME).click();
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.getCanvasNodes().last().click();
		await n8n.page.keyboard.press('d');
		await expect(n8n.canvas.disabledNodes()).toHaveCount(1);

		await n8n.canvas.disableNodeFromContextMenu(CODE_NODE_DISPLAY_NAME);
		await expect(n8n.canvas.disabledNodes()).toHaveCount(0);
	});

	test('should disable multiple nodes (context menu or shortcut)', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.nodeByName(MANUAL_TRIGGER_NODE_DISPLAY_NAME).click();
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript' });
		await n8n.page.keyboard.press('Escape');
		await n8n.page.keyboard.press('Escape');

		await n8n.canvas.selectAll();
		await n8n.page.keyboard.press('d');
		await expect(n8n.canvas.disabledNodes()).toHaveCount(2);
		await n8n.page.keyboard.press('d');
		await expect(n8n.canvas.disabledNodes()).toHaveCount(0);
		await n8n.canvas.deselectAll();
		await n8n.canvas.nodeByName(MANUAL_TRIGGER_NODE_DISPLAY_NAME).click();
		await n8n.page.keyboard.press('d');
		await expect(n8n.canvas.disabledNodes()).toHaveCount(1);
		await n8n.canvas.selectAll();
		await n8n.page.keyboard.press('d');
		await expect(n8n.canvas.disabledNodes()).toHaveCount(2);

		await n8n.canvas.selectAll();
		await n8n.canvas.rightClickCanvas();
		await n8n.canvas.getContextMenuItem('toggle_activation').click();
		await expect(n8n.canvas.disabledNodes()).toHaveCount(0);
		await n8n.canvas.rightClickCanvas();
		await n8n.canvas.getContextMenuItem('toggle_activation').click();
		await expect(n8n.canvas.disabledNodes()).toHaveCount(2);
		await n8n.canvas.deselectAll();
		await n8n.canvas.nodeByName(MANUAL_TRIGGER_NODE_DISPLAY_NAME).click();
		await n8n.canvas.rightClickCanvas();
		await n8n.canvas.getContextMenuItem('toggle_activation').click();
		await expect(n8n.canvas.disabledNodes()).toHaveCount(1);
		await n8n.canvas.selectAll();
		await n8n.canvas.rightClickCanvas();
		await n8n.canvas.getContextMenuItem('toggle_activation').click();
		await expect(n8n.canvas.disabledNodes()).toHaveCount(2);
	});

	test('should rename node (context menu or shortcut)', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvasComposer.renameNodeViaShortcut(CODE_NODE_DISPLAY_NAME, 'Something else');
		await expect(n8n.canvas.nodeByName('Something else')).toBeAttached();

		await n8n.canvas.rightClickNode('Something else');
		await n8n.canvas.getContextMenuItem('rename').click();
		await expect(n8n.canvas.getRenamePrompt()).toBeVisible();
		await n8n.page.keyboard.type('Something different');
		await n8n.page.keyboard.press('Enter');
		await expect(n8n.canvas.nodeByName('Something different')).toBeAttached();
	});

	test('should not allow empty strings for node names', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.getCanvasNodes().last().click();
		await n8n.page.keyboard.press('F2');
		await expect(n8n.canvas.getRenamePrompt()).toBeVisible();
		await n8n.page.keyboard.press('Backspace');
		await n8n.page.keyboard.press('Enter');
		await expect(n8n.canvas.getRenamePrompt()).toContainText('Invalid Name');
	});

	test('should duplicate nodes (context menu or shortcut)', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.nodeByName(MANUAL_TRIGGER_NODE_DISPLAY_NAME).click();
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.duplicateNode(CODE_NODE_DISPLAY_NAME);
		await expect(n8n.canvas.getCanvasNodes()).toHaveCount(3);
		await expect(n8n.canvas.nodeConnections()).toHaveCount(1);

		await n8n.canvas.selectAll();
		await n8n.page.keyboard.press('ControlOrMeta+d');
		await expect(n8n.canvas.getCanvasNodes()).toHaveCount(5);
	});

	test('should preserve connections after rename & node-view switch', async ({ n8n }) => {
		await n8n.canvas.addNode(MANUAL_TRIGGER_NODE_NAME);
		await n8n.canvas.addNode(CODE_NODE_NAME, { action: 'Code in JavaScript', closeNDV: true });
		await n8n.canvas.clickExecuteWorkflowButton();
		await expect(n8n.canvas.stopExecutionButton()).toBeHidden();

		await expect(
			n8n.notifications.getNotificationByTitleOrContent('Workflow executed successfully'),
		).toBeVisible();
		await n8n.notifications.closeNotificationByText('Workflow executed successfully');

		await n8n.canvas.openExecutions();
		await expect(n8n.executions.getSuccessfulExecutionItems()).toHaveCount(1);

		await n8n.canvas.clickEditorTab();

		await n8n.canvas.openExecutions();
		await expect(n8n.executions.getSuccessfulExecutionItems()).toHaveCount(1);

		await n8n.canvas.clickEditorTab();
		await expect(n8n.canvas.getCanvasNodes()).toHaveCount(2);

		await n8n.canvasComposer.renameNodeViaShortcut(CODE_NODE_DISPLAY_NAME, 'Something else');
		await expect(n8n.canvas.nodeByName('Something else')).toBeAttached();

		await n8n.canvasComposer.waitForWorkflowSaveAndUrl();

		await n8n.canvasComposer.reloadAndWaitForCanvas();

		await expect(n8n.canvas.getCanvasNodes()).toHaveCount(2);
		await expect(n8n.canvas.nodeConnections()).toHaveCount(1);
	});

	test('should remove unknown credentials on pasting workflow', async ({ n8n }) => {
		const workflowJson = fs.readFileSync(
			resolveFromRoot('workflows', 'workflow-with-unknown-credentials.json'),
			'utf-8',
		);

		await n8n.canvas.canvasPane().click();

		await n8n.clipboard.paste(workflowJson);
		await expect(n8n.canvas.getCanvasNodes()).toHaveCount(2);

		await n8n.canvas.nodeByName('n8n').hover();
		await n8n.canvas.nodeByName('n8n').getByTestId('overflow-node-button').click();
		await n8n.page.getByTestId('context-menu-item-open').click();

		await expect(n8n.ndv.getNodesWithIssues()).toHaveCount(1);
	});

	test.fixme(
		'should open and close the about modal on keyboard shortcut @fixme',
		async ({ n8n }) => {
			await n8n.sideBar.openAboutModalViaShortcut();
			await expect(n8n.sideBar.getAboutModal()).toBeVisible();
			await n8n.sideBar.closeAboutModal();
		},
	);
});