text: const expect = chai.expect;
  import Vue from 'vue'
  import Row from '../src/row'
  import Col from '../src/col'
  
  Vue.config.productionTip = false;
  Vue.config.devtools = false;
  
  describe('Row 组件', () => {
  
      it('存在.', () => {
          expect(Row).to.ok
      })
      it('可以接受 gutter 属性',(done)=>{
          Vue.component('g-row',Row)
          Vue.component('g-col',Col)
          const div = document.createElement('div')
          document.body.appendChild(div)
          div.innerHTML = `
          <g-row gutter="20">
              <g-col span="12"></g-col>
              <g-col span="12"></g-col>
          </g-row>
          `
          const vm = new Vue({
              el: div
          })
          setTimeout(()=>{
              const row = vm.$el.querySelector('.row');
              expect(getComputedStyle(row).marginLeft).to.eq('-10px');
              expect(getComputedStyle(row).marginRight).to.eq('-10px');
              const cols = vm.$el.querySelectorAll('.col');
              expect(getComputedStyle(cols[0]).paddingRight).to.eq('10px');
              expect(getComputedStyle(cols[1]).paddingLeft).to.eq('10px')
              done()
              div.remove()
              vm.$destroy()
          })
      })
      it('可以接受 align 属性', () => {
          const div = document.createElement('div')
          document.body.appendChild(div)
          const Constructor = Vue.extend(Row)
          const vm = new Constructor({
              propsData: {
                  align: 'center'
              }
          }).$mount(div)
          const element = vm.$el
          expect(getComputedStyle(element).justifyContent).to.eq('center')
          div.remove()
          vm.$destroy()
      })
  })