import {$, browser} from 'protractor';
import {ElementFinder} from 'protractor/built/index';

const getTabHeaderAccordionPage = (tabNumber: number) => {
  return $('accordion-group:nth-child(' + tabNumber + ') .panel-heading');
};
const getTabContentAccordionPage = (tabNumber: number) => {
  return $('accordion-group:nth-child(' + tabNumber + ') .panel-body');
};

export class DataProvider {

  public static accordionTableContent: any = {
    '1stTabHeaderText': {
      element: (): ElementFinder => getTabHeaderAccordionPage(1),
      actualResult: 'Static Header, initially expanded'
    },
    '1stTabContentText': {
      element: (): ElementFinder => getTabContentAccordionPage(1),
      actualResult: 'This content is straight in the template.'
    },
    '2stTabHeaderText': {
      element: (): ElementFinder => getTabHeaderAccordionPage(2),
      actualResult: 'Dynamic Group Header - 1'
    },
    '2stTabContentText': {
      element: (): ElementFinder => getTabContentAccordionPage(2),
      actualResult: 'Dynamic Group Body - 1'
    },
    '3stTabHeaderText': {
      element: (): ElementFinder => getTabHeaderAccordionPage(3),
      actualResult: 'Dynamic Group Header - 2'
    },
    '3stTabContentText': {
      element: (): ElementFinder => getTabContentAccordionPage(3),
      actualResult: 'Dynamic Group Body - 2'
    },
    '4stTabHeaderText': {
      element: (): ElementFinder => getTabHeaderAccordionPage(4),
      actualResult: 'Dynamic Body Content'
    },
    '4stTabContentText1stString': {
      element: (): ElementFinder => $('accordion-group:nth-child(4) .panel-body>p'),
      actualResult: 'The body of the accordion group grows to fit the contents'
    },
    '4stTabContentTextAddButton': {
      element: (): ElementFinder => $('accordion-group:nth-child(4) .panel-body>button'),
      actualResult: 'Add Item'
    },
    '4stTabContentTextTableItem': {
      element: (): ElementFinder => $('accordion-group:nth-child(4) .panel-body :nth-child(4)'),
      actualResult: 'Item 2'
    },
    '5stTabHeaderText': {
      element: (): ElementFinder => getTabHeaderAccordionPage(5),
      actualResult: 'I can have markup, too!'
    },
    '5stTabContentText': {
      element: (): ElementFinder => getTabContentAccordionPage(5),
      actualResult: 'This is just some content to illustrate fancy headings.'
    }
  };

  public static alertTableContains: any = {
    'Alert Danger text': {
      element: (): ElementFinder => $('[ng-reflect-type="danger"]>div'),
      actualResult: 'Oh snap! Change a few things up and try submitting again.'
    },
    'Alert Success text': {
      element: (): ElementFinder => $('[ng-reflect-type="success"]>div:not(span):not(.close)'),
      actualResult: 'Well done! You successfully read this important alert message.'
    },
    'Alert Dismissible text': {
      element: (): ElementFinder => $('[dismissontimeout="3000"]'),
      actualResult: 'This alert will dismiss in 3s'
    },
    'Alert Another text': {
      element: (): ElementFinder => $('[ng-reflect-type="warning"]:nth-child(2n)'),
      actualResult: 'Another alert!'
    }
  };
  public static modalsTableContains: any = {
    'Modal Large button text': {element: (): ElementFinder => $('.btn:nth-child(1)'), actualResult: 'Large modal'},
    'Modal Small button text': {element: (): ElementFinder => $('.btn:nth-child(3)'), actualResult: 'Small modal'},
    'Modal Child button text': {element: (): ElementFinder => $('.btn:nth-child(5)'), actualResult: 'Open child modal'},
    'Modal Static button text': {element: (): ElementFinder => $('.btn:nth-child(7)'), actualResult: 'Static modal'}
  };
  public static buttonsTableContains: any = {
    'Buttons Example header text': {element: (): ElementFinder => $('#example>h3'), actualResult: 'Example'},
    'Buttons Single Toggle header text': {
      element: (): ElementFinder => $('buttons-demo>h4:nth-child(1)'),
      actualResult: 'Single toggle'
    },
    'Buttons Single Toggle button text': {
      element: (): ElementFinder => $('buttons-demo>.btn'),
      actualResult: 'Single Toggle'
    },
    'Buttons Checkbox Left button text': {
      element: (): ElementFinder => $('.btn-group [btncheckbox]:nth-child(1)'),
      actualResult: 'Left'
    },
    'Buttons Radio Header text': {
      element: (): ElementFinder => $('buttons-demo :nth-child(8)'),
      actualResult: 'Radio & Uncheckable Radio'
    },
    'Buttons Checkbox Middle button text': {
      element: (): ElementFinder => $('.btn-group [btncheckbox]:nth-child(2)'),
      actualResult: 'Middle'
    },
    'Buttons Checkbox Right button text': {
      element: (): ElementFinder => $('.btn-group [btncheckbox]:nth-child(3)'),
      actualResult: 'Right'
    },
    'Buttons Radio Left button text': {
      element: (): ElementFinder => $('.btn-group:nth-child(2n) :nth-child(1)'),
      actualResult: 'Left'
    },
    'Buttons Radio Middle button text': {
      element: (): ElementFinder => $('.btn-group:nth-child(2n) :nth-child(2)'),
      actualResult: 'Middle'
    },
    'Buttons Radio Right button text': {
      element: (): ElementFinder => $('.btn-group:nth-child(2n) :nth-child(3)'),
      actualResult: 'Right'
    },
    'Buttons Uncheckable Left button text': {
      element: (): ElementFinder => $('.btn-group [uncheckable]:nth-child(1)'),
      actualResult: 'Left'
    },
    'Buttons Uncheckable Middle button text': {
      element: (): ElementFinder => $('.btn-group [uncheckable]:nth-child(2)'),
      actualResult: 'Middle'
    },
    'Buttons Uncheckable Right button text': {
      element: (): ElementFinder => $('.btn-group [uncheckable]:nth-child(3)'),
      actualResult: 'Right'
    }
  };

  public static tooltipDefaultContains: any = {
    'Dynamic Tooltip header text': {
      element: (): ElementFinder => $('tooltip-demo>div:nth-child(1) label'),
      actualResult: 'Dynamic Tooltip Text'
    },
    'Dynamic Tooltip Popup header text': {
      element: (): ElementFinder => $('tooltip-demo>div:nth-child(2) label'),
      actualResult: 'Dynamic Tooltip Popup Text'
    },
    'I can even contain HTML': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(4)'),
      actualResult: 'I can even contain HTML. Check me out!'
    },
    'Or use a TemplateRef': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(5)'),
      actualResult: 'Or use a TemplateRef. Check me out!'
    },
    'Programatically show/hide tooltip': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(6)'),
      actualResult: 'Programatically show/hide tooltip Check me out! Show tooltip Hide tooltip'
    },
    'I can have a custom class': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(7)'),
      actualResult: 'I can have a custom class. Check me out!'
    },
    'And if I am in overflow': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(8)'),
      actualResult: 'And if I am in overflow: hidden container, then just tooltipAppendToBody me instead!'
    },
    'Button Show tooltip text': {element: (): ElementFinder => $('.btn.btn-primary'), actualResult: 'Show tooltip'},
    'Button Hide tooltip text': {element: (): ElementFinder => $('.btn.btn-danger'), actualResult: 'Hide tooltip'},
    'Or use custom triggers, like focus header text': {
      element: (): ElementFinder => $('[role="form"]>.form-group:nth-child(1) label'),
      actualResult: 'Or use custom triggers, like focus:'
    },
    'Disable tooltips conditionally header text': {
      element: (): ElementFinder => $('[role="form"]>.form-group:nth-child(2) label'),
      actualResult: 'Disable tooltips conditionally:'
    }
  };
  public static tooltipElementsTexts: any = {
    'Dynamic Tooltip': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(3)>a:nth-child(1)'),
      actualResult: 'Hello, World!'
    },
    'Left Tooltip': {element: (): ElementFinder => $('[tooltip="On the Left!"]'), actualResult: 'On the Left!'},
    'Right Tooltip': {element: (): ElementFinder => $('[tooltip="On the Right!"]'), actualResult: 'On the Right!'},
    'Bottom Tooltip': {element: (): ElementFinder => $('[tooltip="On the Bottom!"]'), actualResult: 'On the Bottom!'},
    'Fading Tooltip': {
      element: (): ElementFinder => $(`[tooltip="I don't fade. :-("]`),
      actualResult: `I don't fade. :-(`
    },
    'Show/hide Tooltip': {element: (): ElementFinder => $('tooltip-demo>p:nth-child(6)>a'), actualResult: 'Foo'},
    'Custom class Tooltip': {
      element: (): ElementFinder => $('tooltip-demo>p:nth-child(7)>a'),
      actualResult: 'I can have a custom class applied to me!'
    },
    'Overflow:hidden Tooltip': {
      element: (): ElementFinder => $('[tooltip="That ruins the tooltip"]'),
      actualResult: 'That ruins the tooltip'
    },
    'Overflow:toBody Tooltip': {
      element: (): ElementFinder => $('[tooltip="So the tooltip is visible always correctly"]'),
      actualResult: 'So the tooltip is visible always correctly'
    },
    'Custom triggers Tooltip': {
      element: (): ElementFinder => $('[tooltip="See? Now click away..."]'),
      actualResult: 'See? Now click away...'
    },
    'Disable Tooltip': {
      element: (): ElementFinder => $('[tooltip="Enter something in this input field to disable this tooltip"]'),
      actualResult: 'Enter something in this input field to disable this tooltip'
    }
  };
  public static inputDifferentData: any = {
    'Text normal': {inputText: 'First or second'},
    'Text URL': {inputText: 'http://www.mysite.com:80'},
    'Text chinese': {inputText: '京位於華北平原的西北边缘，背靠燕山，'},
    'Text JS XSS': {inputText: `'-prompt()-'`},
    'Text Unicode': {inputText: 'Iñtërnâtiônàlizætiøn'},
    'Text Numeric': {inputText: '1234567890'}
  };
  public static carouselSlidesTexts: any = {
    '1st slide text': {element: (): ElementFinder => $('slide:nth-child(1) p'), actualResult: 'More Cats'},
    '2nd slide text': {element: (): ElementFinder => $('slide:nth-child(2) p'), actualResult: 'Extra Kittys'},
    '3rd slide text': {element: (): ElementFinder => $('slide:nth-child(3) p'), actualResult: 'Lots of Felines'},
    '4th slide text': {element: (): ElementFinder => $('slide:nth-child(4) p'), actualResult: 'Surplus Cutes'}
  };
  public static typeaheadDefaultTexts: any = {
    'Static Array header text': {element: (): ElementFinder => $('#static'), actualResult: 'Static array'},
    'Static Array model text': {
      element: (): ElementFinder => $('demo-typeahead-static>.card.card-block.card-header'),
      actualResult: 'Model: '
    },
    'Item template header text': {element: (): ElementFinder => $('#item-template'), actualResult: 'Item template'},
    'Item template modal text': {
      element: (): ElementFinder => $('demo-typeahead-item-template>.card.card-block.card-header'),
      actualResult: 'Model: '
    },
    'Option field header text': {element: (): ElementFinder => $('#option-field'), actualResult: 'Option field'},
    'Option field modal text': {
      element: (): ElementFinder => $('demo-typeahead-field>.card.card-block.card-header'),
      actualResult: 'Model: '
    },
    'Async data field header text': {element: (): ElementFinder => $('#async'), actualResult: 'Async data'},
    'Async data field modal text': {
      element: (): ElementFinder => $('demo-typeahead-async>.card.card-block.card-header'),
      actualResult: 'Model: '
    },
    'Reactive forms field header text': {element: (): ElementFinder => $('#forms'), actualResult: 'Reactive forms'},
    'Reactive forms field modal text': {
      element: (): ElementFinder => $('demo-typeahead-forms>.card.card-block.card-header'),
      actualResult: 'Model: '
    },
    'Grouping results field header text': {
      element: (): ElementFinder => $('#grouping-results'),
      actualResult: 'Grouping results'
    },
    'Grouping results field modal text': {
      element: (): ElementFinder => $('demo-typeahead-grouping>.card.card-block.card-header'),
      actualResult: 'Model: '
    }
  };
  public static typeaheadInputCityTexts: any = {
    California: {inputText: 'Cal', expectedResult: 'California'},
    Texas: {inputText: 'xa', expectedResult: 'Texas'},
    Florida: {inputText: 'rida', expectedResult: 'Florida'},
    Mississippi: {inputText: 'ssi', expectedResult: 'Mississippi'},
    'New Jersey': {inputText: 'J', expectedResult: 'New Jersey'},
    Idaho: {inputText: 'dah', expectedResult: 'Idaho'}
  };
}