import { BaseComponent } from './base.component';

export class AlertsPo extends BaseComponent {
  pageUrl = '#/components/alerts';
  pageTitle = 'Alerts';
  ghLinkToComponent = 'https://github.com/valor-software/ngx-bootstrap/tree/development/src/alert';

  linkClass = '.alert-link';
  heading = '.alert-heading';

  exampleDemosArr = {
    basic: 'tab[heading="Overview"] demo-alert-basic',
    link: 'tab[heading="Overview"] demo-alert-link',
    content: 'tab[heading="Overview"] demo-alert-content',
    dismissing: 'tab[heading="Overview"] demo-alert-dismiss',
    dynamicHtml: 'tab[heading="Overview"] demo-alert-dynamic-html',
    dynamicContent: 'tab[heading="Overview"] demo-alert-content-html',
    dismissTimeout: 'tab[heading="Overview"] demo-alert-timeout',
    globalStyling: 'tab[heading="Overview"] demo-alert-styling-global',
    componentStyling: 'tab[heading="Overview"] demo-alert-styling-local',
    config: 'tab[heading="Overview"] demo-alert-config'
  };

  isAlertVisible(baseSelector: string, alertType: string, exist = true) {
    cy.get(`${baseSelector} ${this.getAlertClass(alertType)}`)
      .should(exist ? 'be.visible' : 'not.exist');
  }

  IsButtonDisappeared(baseSelector: string, buttonName: string) {
    cy.get(`${baseSelector}`).contains(buttonName).should('not.exist');
  }

  isAlertHaveLink(baseSelector: string, alertType: string) {
    cy.get(`${baseSelector} ${this.getAlertClass(alertType)}`)
      .find(this.linkClass)
      .should('have.attr', 'href', '#');
  }

  isAlertContentContains(baseSelector: string, alertType: string, expectedContentClass: string) {
    cy.get(`${baseSelector} ${this.getAlertClass(alertType)}`)
      .should('to.have.descendants', expectedContentClass);
  }

  isAlertLengthEqual(baseSelector: string, expectedLength: number) {
    cy.get(`${baseSelector} alert`)
      .should('to.have.length', expectedLength);
  }

  isAlertHaveCss(baseSelector: string, nameCSS: string , valueCSS: string) {
    cy.get(`${baseSelector} alert div`)
        .should('to.have.css', nameCSS, valueCSS);
  }

  isAlertTextContains(baseSelector: string, alertType: string, expectedText: string) {
    cy.get(`${baseSelector} ${this.getAlertClass(alertType)}`)
      .invoke('text')
      .should('to.contains', expectedText);
  }

  getAlertClass(alertType: string) {
    switch (alertType) {
      case 'success':
        return '.alert-success';
      case 'info':
        return '.alert-info';
      case 'warning':
        return '.alert-warning';
      case 'danger':
        return '.alert-danger';
      case 'colored':
        return '.alert-md-color';
      case 'local':
        return '.alert-md-local';

      default:
        throw new Error('Incorrect alert type, available: success, info, warning, danger, coloured, local');
    }
  }
}