import { v4 as uuid } from 'uuid';
import { WorkflowExecutionsTab, WorkflowPage as WorkflowPageClass } from '../pages';
import { BACKEND_BASE_URL } from '../constants';

const workflowPage = new WorkflowPageClass();
const executionsTab = new WorkflowExecutionsTab();

describe('ADO-2106 connections should be colored correctly for pinned data in executions preview', () => {
	beforeEach(() => {
		workflowPage.actions.visit();
	});

	beforeEach(() => {
		cy.createFixtureWorkflow('Webhook_set_pinned.json', `Webhook set pinned ${uuid()}`);
		workflowPage.actions.deselectAll();
		workflowPage.getters.zoomToFitButton().click();

		workflowPage.getters.getConnectionBetweenNodes('Webhook', 'Set').should('have.class', 'pinned');
	});

	it('should not color connections for pinned data nodes for production executions', () => {
		workflowPage.actions.activateWorkflow();

		// Execute the workflow
		cy.request('POST', `${BACKEND_BASE_URL}/webhook/23fc3930-b8f9-41d9-89db-b647291a2201`, {
			here: 'is some data',
		}).then((response) => {
			expect(response.status).to.eq(200);
		});

		executionsTab.actions.switchToExecutionsTab();

		executionsTab.getters.successfulExecutionListItems().should('have.length', 1);

		executionsTab.getters
			.workflowExecutionPreviewIframe()
			.should('be.visible')
			.its('0.contentDocument.body')
			.should('not.be.empty')
			// eslint-disable-next-line @typescript-eslint/unbound-method
			.then(cy.wrap)
			.find('.jtk-connector[data-source-node="Webhook"][data-target-node="Set"]')
			.should('have.class', 'success')
			.should('have.class', 'has-run')
			.should('not.have.class', 'pinned');
	});

	it('should color connections for pinned data nodes for manual executions', () => {
		workflowPage.actions.executeWorkflow();

		executionsTab.actions.switchToExecutionsTab();

		executionsTab.getters.successfulExecutionListItems().should('have.length', 1);

		executionsTab.getters
			.workflowExecutionPreviewIframe()
			.should('be.visible')
			.its('0.contentDocument.body')
			.should('not.be.empty')
			// eslint-disable-next-line @typescript-eslint/unbound-method
			.then(cy.wrap)
			.find('.jtk-connector[data-source-node="Webhook"][data-target-node="Set"]')
			.should('have.class', 'success')
			.should('have.class', 'has-run')
			.should('have.class', 'pinned');
	});
});