element/test/unit/specs/row.spec.js

import { createTest, destroyVM } from '../util';
import Row from 'packages/row';

describe('Row', () => {
  let vm;
  afterEach(() => {
    destroyVM(vm);
  });

  it('create', () => {
    vm = createTest(Row, true);
    let rowElm = vm.$el;
    expect(rowElm.classList.contains('el-row')).to.be.true;
  });
  it('gutter', () => {
    vm = createTest(Row, {
      gutter: 20
    }, true);
    let rowElm = vm.$el;
    expect(rowElm.style.marginLeft).to.be.equal('-10px');
    expect(rowElm.style.marginRight).to.be.equal('-10px');
  });
  it('type', () => {
    vm = createTest(Row, {
      type: 'flex'
    }, true);
    let rowElm = vm.$el;
    expect(rowElm.classList.contains('el-row--flex')).to.be.true;
  });
  it('justify', () => {
    vm = createTest(Row, {
      justify: 'end'
    }, true);
    let rowElm = vm.$el;
    expect(rowElm.classList.contains('is-justify-end')).to.be.true;
  });
  it('align', () => {
    vm = createTest(Row, {
      align: 'bottom'
    }, true);
    let rowElm = vm.$el;
    expect(rowElm.classList.contains('is-align-bottom')).to.be.true;
  });
});