vimo-dt/lib/components/header/__tests__/index.spec.js

A Vue2.x UI Project For Mobile & HyBrid

'use strict';

var _vueTestUtils = require('vue-test-utils');

var _index = require('../index');

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var options = {
  slots: {
    default: '<span>Test</span>'
  }
};

describe('Header', function () {
  it('@base: renders the correct markup', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default, options);
    var result = '<header class="ion-header header-ios"><div id="right-button-placeholder"></div> <span>Test</span></header>';
    expect(wrapper.html().trim()).toEqual(result);
  });

  it('@base: renders the correct text', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default, options);
    expect(wrapper.text().trim()).toEqual('Test');
  });

  it('@base: component must have a name', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default, options);
    expect(wrapper.name()).toEqual('Header');
  });

  it('@base: have the right className', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default, options);
    expect(wrapper.hasClass('ion-header')).toBeTruthy();
  });

  it('hide()', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default);
    wrapper.vm.hide();
    expect(wrapper.vm.isHide).toBeTruthy();
  });

  it('show()', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default);
    wrapper.vm.show();
    expect(wrapper.vm.isHide).toBeFalsy();
  });

  it('toggle()', function () {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default);
    var isHide = !wrapper.vm.isHide;
    wrapper.vm.toggle();
    expect(wrapper.vm.isHide).toEqual(isHide);
  });

  it('setStyle()', function (cb) {
    var wrapper = (0, _vueTestUtils.mount)(_index2.default);
    wrapper.vm.setStyle({
      color: '#EEEEEE'
    });
    setTimeout(function () {
      expect(wrapper.hasStyle('color', '#EEEEEE')).toBeTruthy();
      cb();
    }, 100);
  });
});