Christophe Matthieu
07cd24b1ec
this.call('web.Notification', 'notify', params)
Display a notification at the appropriate location, and returns the
reference id to the same widget. Note that this method does not wait
for the appendTo method to complete.
@param {Object} params
@param {string} params.title notification title
@param {string} params.message notification main message
@param {string} params.type 'notification' or 'warning'
@param {boolean} [params.sticky=false] if true, the notification will stay
visible until the user clicks on it.
@param {string} [params.className] className to add on the dom
@param {function} [params.onClose] callback when the user click on the x
or when the notification is auto close (no sticky)
@param {Array<Object>} params.buttons
@param {function} params.buttons[0].click callback on click
@param {Boolean} [params.buttons[0].primary] display the button as primary
@param {string} [params.buttons[0].text] button label
@param {string} [params.buttons[0].icon] font-awsome className or image src
@returns {Number} notification id
this.call('web.Notification', 'close', notificationId)
248 lines
9.1 KiB
JavaScript
248 lines
9.1 KiB
JavaScript
odoo.define('web.notification_tests', function (require) {
|
|
"use strict";
|
|
|
|
var AbstractView = require('web.AbstractView');
|
|
var Notification = require('web.Notification');
|
|
var NotificationService = require('web.NotificationService');
|
|
|
|
var testUtils = require('web.test_utils');
|
|
var createView = testUtils.createView;
|
|
|
|
|
|
QUnit.module('Services', {
|
|
beforeEach: function () {
|
|
testUtils.patch(Notification, {
|
|
_autoCloseDelay: 0,
|
|
_animationDelay: 0,
|
|
});
|
|
this.viewParams = {
|
|
View: AbstractView,
|
|
arch: '<fake/>',
|
|
data: {
|
|
fake_model: {
|
|
fields: {},
|
|
record: [],
|
|
},
|
|
},
|
|
model: 'fake_model',
|
|
services: [NotificationService],
|
|
};
|
|
},
|
|
afterEach: function () {
|
|
testUtils.unpatch(Notification);
|
|
}
|
|
}, function () {
|
|
QUnit.module('Notification');
|
|
|
|
QUnit.test('Display a simple notification', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(4);
|
|
|
|
var view = createView(this.viewParams);
|
|
view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
});
|
|
var $notification = $('body .o_notification_manager .o_notification');
|
|
assert.strictEqual(_.str.trim($notification.html().replace(/\s+/g, ' ')),
|
|
"<div class=\"o_notification_title\"> <span class=\"o_icon fa fa-3x fa-lightbulb-o\"></span> a </div> <div class=\"o_notification_content\">b</div>",
|
|
"should display notification");
|
|
assert.strictEqual($notification.find('.o_close').length, 0, "should not display the close button in ");
|
|
setTimeout(function () {
|
|
assert.strictEqual($notification.is(':hidden'), true, "should hide the notification");
|
|
assert.strictEqual($('body .o_notification_manager .o_notification').length, 0, "should destroy the notification");
|
|
view.destroy();
|
|
done();
|
|
});
|
|
});
|
|
|
|
QUnit.test('Display a warning', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(1);
|
|
|
|
var view = createView(this.viewParams);
|
|
view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
type: 'warning'
|
|
});
|
|
var $notification = $('body .o_notification_manager .o_notification');
|
|
assert.strictEqual(_.str.trim($notification.html().replace(/\s+/g, ' ')),
|
|
"<div class=\"o_notification_title\"> <span class=\"o_icon fa fa-3x fa-exclamation\"></span> a </div> <div class=\"o_notification_content\">b</div>",
|
|
"should display notification");
|
|
view.destroy();
|
|
setTimeout(done);
|
|
});
|
|
|
|
QUnit.test('Display a sticky notification', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(3);
|
|
|
|
var view = createView(this.viewParams);
|
|
view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
sticky: true,
|
|
});
|
|
var $notification = $('body .o_notification_manager .o_notification');
|
|
assert.strictEqual($notification.find('.o_close').length, 1, "should display the close button in notification");
|
|
|
|
setTimeout(function () {
|
|
assert.strictEqual($notification.is(':hidden'), false, "should not hide the notification automatically");
|
|
$notification.find('.o_close').click();
|
|
setTimeout(function () {
|
|
assert.strictEqual($('body .o_notification_manager .o_notification').length, 0, "should destroy the notification");
|
|
view.destroy();
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
|
|
QUnit.test('Display a simple notification with onClose callback when automatically close', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(2);
|
|
|
|
var close = 0;
|
|
var view = createView(this.viewParams);
|
|
view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
onClose: function () {
|
|
close++;
|
|
}
|
|
});
|
|
view.destroy();
|
|
assert.strictEqual(close, 0, "should wait to call onClose method once");
|
|
setTimeout(function () {
|
|
assert.strictEqual(close, 1, "should call onClose method once");
|
|
done();
|
|
});
|
|
});
|
|
|
|
QUnit.test('Display a sticky notification with onClose callback', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(2);
|
|
|
|
testUtils.unpatch(Notification);
|
|
testUtils.patch(Notification, {
|
|
_autoCloseDelay: 2500,
|
|
_animationDelay: 0,
|
|
});
|
|
var view = createView(this.viewParams);
|
|
|
|
var close = 0;
|
|
view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
sticky: true,
|
|
onClose: function () {
|
|
close++;
|
|
}
|
|
});
|
|
assert.strictEqual(close, 0, "should wait to call onClose method once");
|
|
$('body .o_notification_manager .o_notification .o_close').click();
|
|
setTimeout(function () {
|
|
assert.strictEqual(close, 1, "should call onClose method once");
|
|
view.destroy();
|
|
done();
|
|
});
|
|
});
|
|
|
|
QUnit.test('Display a question', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(8);
|
|
|
|
var view = createView(this.viewParams);
|
|
function notification (inc) {
|
|
return {
|
|
title: 'a' + inc,
|
|
message: 'b' + inc,
|
|
buttons: [
|
|
{
|
|
text: 'accept' + inc,
|
|
primary: true,
|
|
click: function () {
|
|
assert.step('accept' + inc);
|
|
},
|
|
},
|
|
{
|
|
text: 'refuse' + inc,
|
|
click: function () {
|
|
assert.step('refuse' + inc);
|
|
},
|
|
}
|
|
],
|
|
onClose: function () {
|
|
assert.step('close' + inc);
|
|
}
|
|
};
|
|
};
|
|
view.call('notification', 'notify', notification(0));
|
|
view.call('notification', 'notify', notification(1));
|
|
view.call('notification', 'notify', notification(2));
|
|
|
|
var $notification = $('body .o_notification_manager .o_notification');
|
|
assert.strictEqual($notification.eq(0).find('.o_close').length, 1, "should display the close button in notification");
|
|
assert.strictEqual(_.str.trim($notification.eq(0).html().replace(/\s+/g, ' ')),
|
|
"<a class=\"fa fa-times o_close\" href=\"#\"></a> <div class=\"o_notification_title\"> <span class=\"o_icon fa fa-3x fa-question-circle-o\"></span> a0 </div> <div class=\"o_notification_content\">b0</div> <div class=\"o_buttons\"> <button type=\"button\" class=\"btn btn-sm btn-primary\"> <span>accept0</span> </button><button type=\"button\" class=\"btn btn-sm btn-default\"> <span>refuse0</span> </button> </div>",
|
|
"should display notification");
|
|
|
|
$notification.find('.o_buttons button:contains(accept0)').click();
|
|
$notification.find('.o_buttons button:contains(accept0)').click();
|
|
$notification.find('.o_buttons button:contains(refuse0)').click();
|
|
$notification.eq(0).find('.o_close').click();
|
|
|
|
$notification.find('.o_buttons button:contains(refuse1)').click();
|
|
|
|
$notification.eq(2).find('.o_close').click();
|
|
|
|
setTimeout(function () {
|
|
assert.strictEqual($notification.is(':hidden'), true, "should hide the notification");
|
|
assert.strictEqual($('body .o_notification_manager .o_notification').length, 0, "should destroy the notification");
|
|
assert.verifySteps(['accept0', 'refuse1', 'close2']);
|
|
view.destroy();
|
|
done();
|
|
});
|
|
});
|
|
|
|
QUnit.test('call close notification service', function (assert) {
|
|
var done = assert.async();
|
|
assert.expect(2);
|
|
|
|
testUtils.unpatch(Notification);
|
|
testUtils.patch(Notification, {
|
|
_autoCloseDelay: 2500,
|
|
_animationDelay: 0,
|
|
});
|
|
var view = createView(this.viewParams);
|
|
|
|
var close = 0;
|
|
var notificationId0 = view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
onClose: function () {
|
|
close++;
|
|
}
|
|
});
|
|
var notificationId1 = view.call('notification', 'notify', {
|
|
title: 'a',
|
|
message: 'b',
|
|
sticky: true,
|
|
onClose: function () {
|
|
close++;
|
|
}
|
|
});
|
|
|
|
view.call('notification', 'close', notificationId0);
|
|
view.call('notification', 'close', notificationId1);
|
|
|
|
setTimeout(function () {
|
|
assert.strictEqual($('body .o_notification_manager .o_notification').length, 0, "should destroy the notifications");
|
|
assert.strictEqual(close, 2, "should call onClose method twice");
|
|
view.destroy();
|
|
done();
|
|
});
|
|
});
|
|
|
|
});});
|