layout-theme.e2e-spec.ts

/**
 * @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';

describe('nb-layout theme', () => {

  beforeEach((done) => {
    browser.get('#/layout/theme-change-test.component').then(() => done());
  });

  it('should render default theme', () => {
    element(by.css('body')).getAttribute('class').then(value => {
      expect(value).toMatch('theme-default');
    });
  });

  it('should switch theme', () => {

    const button = element(by.css('#change-theme'));
    const body = element(by.css('body'));
    const cardHeader = element(by.css('nb-card-header'));

    const themeDefault = 'nb-theme-default';
    const themeBlue = 'nb-theme-cosmic';

    button.click().then(() => {
      return browser.driver.wait(() => {
        return body.getAttribute('class').then(value => {
          return value === themeBlue;
        });
      }, 10000);
    });

    body.getAttribute('class').then(value => {
      expect(value).toEqual(themeBlue);
    });
    cardHeader.getCssValue('color').then(value => {
      expect(value).toEqual('rgba(255, 255, 255, 1)');
    });
    cardHeader.getCssValue('text-decoration').then(value => {
      expect(value).toMatch('none');
    });

    button.click().then(() => {
      return browser.driver.wait(() => {
        return body.getAttribute('class').then(value => {
          return value === themeDefault;
        });
      }, 10000);
    });

    body.getAttribute('class').then(value => {
      expect(value).toEqual(themeDefault);
    });
    cardHeader.getCssValue('color').then(value => {
      expect(value).toEqual('rgba(34, 43, 69, 1)');
    });
    cardHeader.getCssValue('text-decoration').then(value => {
      expect(value).toMatch('none');
    });
  });

});