declare namespace Cypress {
  interface Chainable {
    genericFormSubmitForm: typeof genericFormSubmitForm
    selectMultiselectValue: typeof selectMultiselectValue
    selectPlatformValue: typeof selectPlatformValue
    selectLobValue: typeof selectLobValue
    checkMultiSelectValue: typeof checkMultiSelectValue
    checkPlatformValue: typeof checkPlatformValue
    checkLobValue: typeof checkLobValue

  }
}


function selectMultiselectValue(dataTestsId: string , selectOptionId: string) {
  cy.getElementByDataTestsId(dataTestsId).find('.c-btn').eq(0).click({force: true})
  cy.getElementByDataTestsId(selectOptionId).click();
  cy.getElementByDataTestsId(dataTestsId).find('.c-btn').eq(0).click({force: true})
}

function selectPlatformValue(selectOptionId: string) {
  selectMultiselectValue("multi-selectPlatform", "multi-selectPlatform-" + selectOptionId)
}

function selectLobValue(selectOptionId: string) {
  selectMultiselectValue("multi-lineOfBusiness", "multi-lineOfBusiness-" + selectOptionId)

}

function checkPlatformValue(value: string){
  return checkMultiSelectValue("multi-selectPlatform", value)
}

function checkLobValue(value: string){
  return checkMultiSelectValue("multi-lineOfBusiness", value)
}

function checkMultiSelectValue(dataTestsId: string, value: string) {
  return cy.getElementByDataTestsId(dataTestsId).should("contain", value)
}

function genericFormSubmitForm(): Chainable<any> {
  return cy.getElementByDataTestsId('form-set').click({force: true});
}


Cypress.Commands.add('genericFormSubmitForm', genericFormSubmitForm);
Cypress.Commands.add('selectMultiselectValue', selectMultiselectValue);
Cypress.Commands.add('selectPlatformValue', selectPlatformValue);
Cypress.Commands.add('selectLobValue', selectLobValue);
Cypress.Commands.add('checkMultiSelectValue', checkMultiSelectValue);
Cypress.Commands.add('checkPlatformValue', checkPlatformValue);
Cypress.Commands.add('checkLobValue', checkLobValue);