// ***********************************************
// This example commands.js shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add('login', (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

import { WorkflowsPage, SigninPage, SignupPage } from "../pages";
import { N8N_AUTH_COOKIE } from "../constants";
import { WorkflowPage as WorkflowPageClass } from '../pages/workflow';

Cypress.Commands.add('getByTestId', (selector, ...args) => {
	return cy.get(`[data-test-id="${selector}"]`, ...args)
})

Cypress.Commands.add('createFixtureWorkflow', (fixtureKey, workflowName) => {
	const WorkflowPage = new WorkflowPageClass()

	// We need to force the click because the input is hidden
	WorkflowPage.get('workflowImportInput').selectFile(`cypress/fixtures/${fixtureKey}`, { force: true});
	WorkflowPage.get('workflowNameInput').should('be.disabled');
	WorkflowPage.get('workflowNameInput').parent().click()
	WorkflowPage.get('workflowNameInput').should('be.enabled');
	WorkflowPage.get('workflowNameInput').clear().type(workflowName).type('{enter}');

	WorkflowPage.get('saveButton').should('contain', 'Saved');
})

Cypress.Commands.add('findChildByTestId', { prevSubject: true }, (subject: Cypress.Chainable<JQuery<HTMLElement>>, childTestId) => {
	return subject.find(`[data-test-id="${childTestId}"]`);
})

Cypress.Commands.add(
	'signin',
	(email, password) => {
		const signinPage = new SigninPage();
		const workflowsPage = new WorkflowsPage();

		cy.session([email, password], () => {
			cy.visit(signinPage.url);

			signinPage.get('form').within(() => {
				signinPage.get('email').type(email);
				signinPage.get('password').type(password);
				signinPage.get('submit').click();
			});

			// we should be redirected to /workflows
			cy.url().should('include', workflowsPage.url);
		},
		{
			validate() {
				cy.getCookie(N8N_AUTH_COOKIE).should('exist');
			},
		});
});

Cypress.Commands.add('signup', (email, firstName, lastName, password) => {
	const signupPage = new SignupPage();

	cy.visit(signupPage.url);

	signupPage.get('form').within(() => {
		cy.url().then((url) => {
			if (url.endsWith(signupPage.url)) {
				signupPage.get('email').type(email);
				signupPage.get('firstName').type(firstName);
				signupPage.get('lastName').type(lastName);
				signupPage.get('password').type(password);
				signupPage.get('submit').click();
			} else {
				cy.log('User already signed up');
			}
		});
	});
})