import $ from 'jquery';
import * as notify from '@/js/notify';

test('show message', () => {
    document.body.innerHTML = '<div id=msg class="callout-x"></div>';
    notify.showMsg('hi');

    const element = $('#msg');
    expect(element.hasClass('callout')).toBeTrue();
    expect(element.hasClass('callout-info')).toBeTrue();
    expect(element.html()).toBe('hi');
});

test('show AJAX error', () => {
    notify.showAjaxError();  // Can be no arguments

    $.fn.modal = function () {
        document.body.innerHTML = this.html();
    };
    notify.showAjaxError('error\nerror');
    expect(document.body.innerHTML).toContain('error<br>error');

    notify.showAjaxError(new Error('an-error'));
    expect(document.body.innerHTML).toContain('an-error');
});

test('show modal', () => {
    notify.showModal('message');
    expect($('.modal-title').html()).toBe('Message');

    notify.showModal('message', '', 'default', {
        callback: () => undefined,
        destroyOnClose: false
    });
});