/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

import { browser, element, by } from 'protractor';

import { hasClass } from './e2e-helper';

describe('nb-route-tabset', () => {
  beforeEach(() => {
    browser.get('#/route-tabset');
  });

  it('should display default route-tabset', () => {
    expect(element(by.css('nb-route-tabset:nth-child(1) > ul > li:nth-child(1)'))
      .getText()).toEqual('Tab #1');

    expect(element(by.css('nb-route-tabset:nth-child(1) > ul > li:nth-child(2)'))
      .getText()).toEqual('Tab #2');
  });

  it('should change tabs of a route-tabset"', () => {
    const tab2 = by.css('nb-route-tabset:nth-child(1) > ul > li:nth-child(2)');

    element(tab2).click()
      .then(() => {
        expect(hasClass(element(tab2), 'active')).toBeTruthy();
        expect(browser.getCurrentUrl()).toContain('/#/route-tabset/tab2');
      });

    const tab1 = by.css('nb-route-tabset:nth-child(1) > ul > li:nth-child(1)');

    element(tab1).click()
      .then(() => {
        expect(hasClass(element(tab1), 'active')).toBeTruthy();
        expect(browser.getCurrentUrl()).toContain('/#/route-tabset/tab1');
      });
  });

  it('should display a full-width route-tabset', () => {
    const tab1 = by.css('nb-route-tabset:nth-child(2) > ul > li:nth-child(1)');

    expect(element(tab1)
      .getText()).toEqual('Tab #1');

    const tab2 = by.css('nb-route-tabset:nth-child(2) > ul > li:nth-child(2)');

    expect(element(tab2)
      .getText()).toEqual('Tab #2');
  });

  it('should change tabs of a full-width route-tabset', () => {
    const tab2 = by.css('nb-route-tabset:nth-child(2) > ul > li:nth-child(2)');

    element(tab2).click()
      .then(() => {
        expect(hasClass(element(tab2), 'active')).toBeTruthy();
        expect(browser.getCurrentUrl()).toContain('/#/route-tabset/tab2');
      });

    const tab1 = by.css('nb-route-tabset:nth-child(2) > ul > li:nth-child(1)');

    element(tab1).click()
      .then(() => {
        expect(hasClass(element(tab1), 'active')).toBeTruthy();
        expect(browser.getCurrentUrl()).toContain('/#/route-tabset/tab1');
      });
  });
});