import NoticeBar from '../components/notice-bar';
import { mount } from 'avoriaz';

describe('NoticeBar', () => {
  let wrapper;
  afterEach(() => {
    wrapper && wrapper.destroy();
  });

  it('create a notice-bar', () => {
    wrapper = mount(NoticeBar, {
      propsData: {},
      attachToDocument: true
    });

    expect(wrapper.find('.van-notice-bar').length).to.equal(1);
  });

  it('mode closeable', () => {
    wrapper = mount(NoticeBar, {
      propsData: {
        mode: 'closeable'
      },
      attachToDocument: true
    });

    const icon = wrapper.find('.van-icon-close');
    expect(icon.length).to.equal(1);

    icon[0].trigger('click');
    expect(wrapper.hasStyle('display', 'none'));
  });

  it('mode link', () => {
    wrapper = mount(NoticeBar, {
      propsData: {
        mode: 'link'
      },
      attachToDocument: true
    });

    expect(wrapper.find('.van-icon-arrow').length).to.equal(1);
  });

  it('notice-bar transitionend', (done) => {
    wrapper = mount(NoticeBar, {
      propsData: {
        text: '足协杯战线连续第2年上演广州德比战',
        speed: 1000,
        delay: 0
      },
      attachToDocument: true
    });

    const content = wrapper.find('.van-notice-bar__content')[0];
    setTimeout(() => {
      expect(content.hasStyle('transition-delay', '0s')).to.be.true;
      done();
    }, 500);
  });
});