import { string } from 'prop-types';

// ***********************************************
// 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) => { ... })

Cypress.Commands.add('getBySel', (selector, ...args) => {
  return cy.get(`[data-qa=${selector}]`, ...args);
});

Cypress.Commands.add('navigateToHome', () => {
  cy.getBySel('nav-home').click();
});

Cypress.Commands.add('navigateToAdmin', () => {
  cy.getBySel('spiffworkflow-logo').click();
});

Cypress.Commands.add('login', (selector, ...args) => {
  cy.visit('/admin');
  cy.get('#username').type('ciadmin1');
  cy.get('#password').type('ciadmin1');
  cy.get('#kc-login').click();
});

Cypress.Commands.add('logout', (selector, ...args) => {
  cy.getBySel('logout-button').click();

  // otherwise we can click logout, quickly load the next page, and the javascript
  // doesn't have time to actually sign you out
  cy.contains('Sign in to your account');
});

Cypress.Commands.add('createGroup', (groupId, groupDisplayName) => {
  cy.contains(groupId).should('not.exist');
  cy.contains('Add a process group').click();
  cy.get('input[name=display_name]').type(groupDisplayName);
  cy.get('input[name=display_name]').should('have.value', groupDisplayName);
  cy.get('input[name=id]').should('have.value', groupId);
  cy.contains('Submit').click();

  cy.url().should('include', `process-groups/${groupId}`);
  cy.contains(`Process Group: ${groupDisplayName}`);
});

Cypress.Commands.add('createModel', (groupId, modelId, modelDisplayName) => {
  cy.contains(modelId).should('not.exist');

  cy.contains('Add a process model').click();
  cy.get('input[name=display_name]').type(modelDisplayName);
  cy.get('input[name=display_name]').should('have.value', modelDisplayName);
  cy.get('input[name=id]').should('have.value', modelId);
  cy.contains('Submit').click();

  cy.url().should('include', `process-models/${groupId}/${modelId}`);
  cy.contains(`Process Model: ${modelId}`);
});

Cypress.Commands.add('runPrimaryBpmnFile', (reload = true) => {
  cy.contains('Run').click();
  cy.contains(/Process Instance.*kicked off/);
  if (reload) {
    cy.reload(true);
    cy.contains(/Process Instance.*kicked off/).should('not.exist');
  }
});

Cypress.Commands.add(
  'navigateToProcessModel',
  (groupDisplayName, modelDisplayName) => {
    cy.navigateToAdmin();
    cy.contains(groupDisplayName).click();
    cy.contains(`Process Group: ${groupDisplayName}`);
    // https://stackoverflow.com/q/51254946/6090676
    cy.getBySel('process-model-show-link').contains(modelDisplayName).click();
    // cy.url().should('include', `process-models/${groupDisplayName}/${modelDisplayName}`);
    cy.contains(`Process Model: ${modelDisplayName}`);
  }
);

Cypress.Commands.add('basicPaginationTest', () => {
  cy.get('#pagination-page-dropdown')
    .type('typing_to_open_dropdown_box....FIXME')
    .find('.dropdown-item')
    .contains(/^2$/)
    .click();

  cy.contains(/^1-2 of \d+$/);
  cy.getBySel('pagination-previous-button-inactive');
  cy.getBySel('pagination-next-button').click();
  cy.contains(/^3-4 of \d+$/);
  cy.getBySel('pagination-previous-button').click();
  cy.contains(/^1-2 of \d+$/);
});

Cypress.Commands.add('assertAtLeastOneItemInPaginatedResults', () => {
  cy.getBySel('total-paginated-items')
    .invoke('text')
    .then(parseFloat)
    .should('be.gt', 0);
});

Cypress.Commands.add('assertNoItemInPaginatedResults', () => {
  cy.getBySel('total-paginated-items').contains('0');
});