import { TemplatesPage } from '../pages/templates';
import { WorkflowsPage } from '../pages/workflows';
import { MainSidebar } from '../pages/sidebar/main-sidebar';

const templatesPage = new TemplatesPage();
const workflowsPage = new WorkflowsPage();
const mainSidebar = new MainSidebar();

describe('Workflow templates', () => {
	beforeEach(() => {
		cy.intercept('GET', '**/rest/settings', (req) => {
			// Disable cache
			delete req.headers['if-none-match']
			req.reply((res) => {
				if (res.body.data) {
					// Disable custom templates host if it has been overridden by another intercept
					res.body.data.templates = { enabled: true, host: 'https://api.n8n.io/api/' };
				}
			});
		}).as('settingsRequest');
	});

	it('Opens website when clicking templates sidebar link', () => {
		cy.visit(workflowsPage.url);
		mainSidebar.getters.menuItem('Templates').should('be.visible');
		// Templates should be a link to the website
		mainSidebar.getters.templates().parent('a').should('have.attr', 'href').and('include', 'https://n8n.io/workflows');
		// Link should contain instance address and n8n version
		mainSidebar.getters.templates().parent('a').then(($a) => {
			const href = $a.attr('href');
			const params = new URLSearchParams(href);
			// Link should have all mandatory parameters expected on the website
			expect(decodeURIComponent(`${params.get('utm_instance')}`)).to.include(window.location.origin);
			expect(params.get('utm_n8n_version')).to.match(/[0-9]+\.[0-9]+\.[0-9]+/);
			expect(params.get('utm_awc')).to.match(/[0-9]+/);
		});
		mainSidebar.getters.templates().parent('a').should('have.attr', 'target', '_blank');
	});

	it('Redirects to website when visiting templates page directly', () => {
		cy.visit(templatesPage.url);
		cy.origin('https://n8n.io', () => {
			cy.url().should('include', 'https://n8n.io/workflows');
		})
	});
});