text: const expect = chai.expect;
  import Vue from 'vue'
  import Tabs from '../src/tabs'
  import TabsBody from '../src/tabs-body'
  import TabHead from '../src/tabs-head'
  import TabsItem from '../src/tabs-item'
  import TabsPane from '../src/tabs-pane'
  
  Vue.component('g-tabs', Tabs);
  Vue.component('g-tabs-head', TabHead);
  Vue.component('g-tabs-body', TabsBody);
  Vue.component('g-tabs-item', TabsItem);
  Vue.component('g-tabs-pane', TabsPane);
  
  Vue.config.productionTip = false;
  Vue.config.devtools = false;
  
  describe('Tabs', () => {
    it('存在.', () => {
      expect(Tabs).to.be.ok
    });
    it('接受selected属性', function (done) {
      const div = document.createElement('div')
      document.body.appendChild(div)
      div.innerHTML = `
      <g-tabs selected="finance">
      <g-tabs-head>
        <g-tabs-item name="women">美女</g-tabs-item>
        <g-tabs-item name="finance">财经</g-tabs-item>
        <g-tabs-item name="sports">体育</g-tabs-item>
      </g-tabs-head>
      <g-tabs-body>
        <g-tabs-pane name="women">美女信息</g-tabs-pane>
        <g-tabs-pane name="finance">财经信息</g-tabs-pane>
        <g-tabs-pane name="sports">体育信息
        </g-tabs-pane>
      </g-tabs-body>
    </g-tabs>
      `
      let vm = new Vue({
        el: div
      })
      vm.$nextTick(() => {
        let x = vm.$el.querySelector(`.tabs-item[data-name='finance']`)
        expect(x.classList.contains('active')).to.be.true
        done()
      })
    });
    it('接受direction和prop', function () {
  
    });
  });