import Dialog from 'packages/dialog';
import Vue from 'vue';

describe('Dialog', () => {
  afterEach(() => {
    const el = document.querySelector('.van-dialog-wrapper');
    if (!el) return;
    if (el.parentNode) {
      el.parentNode.removeChild(el);
    }
    Dialog.close();
  });

  it('create a alert dialog', (done) => {
    Dialog.alert({
      title: 'title',
      message: 'message'
    }).then((action) => {
      expect(action).to.equal('confirm');
      done();
    });

    expect(document.querySelector('.van-dialog-wrapper')).to.exist;
    expect(document.querySelector('.van-dialog__cancel').style.display).to.equal('none');

    setTimeout(() => {
      document.querySelector('.van-dialog__confirm').click();
    }, 500);
  });

  it('create a confirm dialog', () => {
    Dialog.confirm({
      title: 'title',
      message: 'message'
    });

    expect(document.querySelector('.van-dialog-wrapper')).to.exist;
  });

  it('create a confirm dialog with callback', (done) => {
    let dialogAction;
    Dialog.confirm({
      title: 'title',
      message: 'message',
      callback: (action) => {
        dialogAction = action;
      }
    });

    expect(document.querySelector('.van-dialog-wrapper')).to.exist;
    setTimeout(() => {
      document.querySelector('.van-dialog__cancel').click();
      expect(dialogAction).to.equal('cancel');
      done();
    }, 500);
  });
});