This commit is a significant rewriting of client-side discuss, chatter, chat window, and messaging menu using OWL. The behavior should be broadly the same, with some slight functional changes here and there. From a technical standpoint, the code of messaging is mainly organized in 2 main groups of modules: - models, which are logical entities that depict the client-side state of messaging as a whole. - components, which are in charge of displaying information from models. This refactoring also introduces new JS guidelines regarding folder structure (/static) and naming rules for JS modules. Community PR: https://github.com/odoo/odoo/pull/39023 Enterprise PR: https://github.com/odoo/enterprise/pull/6249 Task-1914207 This PR is a collaborative work by Alexandre, Julien, Sébastien and Xavier, with the precious help of Lucas to speed it up towards the end. closes odoo/odoo#39023 Related: odoo/enterprise#6249 Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com> Co-authored-by: Alexandre Kühn <aku@odoo.com> Co-authored-by: Julien Giannone <jgi@odoo.com> Co-authored-by: Lucas Perais <lpe@odoo.com> Co-authored-by: Sébastien Theys <seb@odoo.com> Co-authored-by: Xavier Dubuc <xdu@odoo.com>
182 lines
6.2 KiB
JavaScript
182 lines
6.2 KiB
JavaScript
odoo.define('mail.Many2OneAvatarUserTests', function (require) {
|
|
"use strict";
|
|
|
|
const { start } = require('mail/static/src/utils/test_utils.js');
|
|
|
|
const FormView = require('web.FormView');
|
|
const KanbanView = require('web.KanbanView');
|
|
const ListView = require('web.ListView');
|
|
const { Many2OneAvatarUser } = require('mail.Many2OneAvatarUser');
|
|
const { dom, mock } = require('web.test_utils');
|
|
|
|
|
|
QUnit.module('mail', {}, function () {
|
|
QUnit.module('Many2OneAvatarUser', {
|
|
beforeEach: function () {
|
|
// reset the cache before each test
|
|
Many2OneAvatarUser.prototype.partnerIds = {};
|
|
|
|
this.data = {
|
|
'foo': {
|
|
fields: {
|
|
user_id: { string: "User", type: 'many2one', relation: 'res.users' },
|
|
},
|
|
records: [
|
|
{ id: 1, user_id: 11 },
|
|
{ id: 2, user_id: 7 },
|
|
{ id: 3, user_id: 11 },
|
|
{ id: 4, user_id: 23 },
|
|
],
|
|
},
|
|
'res.users': {
|
|
fields: {
|
|
display_name: { string: "Name", type: "char" },
|
|
partner_id: { string: "Partner", type: "many2one", relation: 'res.partner' },
|
|
},
|
|
records: [{
|
|
id: 11,
|
|
name: "Mario",
|
|
partner_id: 1,
|
|
}, {
|
|
id: 7,
|
|
name: "Luigi",
|
|
partner_id: 2,
|
|
}, {
|
|
id: 23,
|
|
name: "Yoshi",
|
|
partner_id: 3,
|
|
}],
|
|
},
|
|
'res.partner': {
|
|
fields: {
|
|
display_name: { string: "Name", type: "char" },
|
|
},
|
|
records: [{
|
|
id: 1,
|
|
display_name: "Partner 1",
|
|
}, {
|
|
id: 2,
|
|
display_name: "Partner 2",
|
|
}, {
|
|
id: 3,
|
|
display_name: "Partner 3",
|
|
}],
|
|
},
|
|
};
|
|
},
|
|
});
|
|
|
|
QUnit.test('many2one_avatar_user widget in list view', async function (assert) {
|
|
assert.expect(5);
|
|
|
|
const { widget: list } = await start({
|
|
hasView: true,
|
|
View: ListView,
|
|
model: 'foo',
|
|
data: this.data,
|
|
arch: '<tree><field name="user_id" widget="many2one_avatar_user"/></tree>',
|
|
mockRPC(route, args) {
|
|
if (args.method === 'read') {
|
|
assert.step(`read ${args.model} ${args.args[0]}`);
|
|
}
|
|
return this._super(...arguments);
|
|
},
|
|
});
|
|
|
|
mock.intercept(list, 'open_record', () => {
|
|
assert.step('open record');
|
|
});
|
|
|
|
assert.strictEqual(list.$('.o_data_cell span').text(), 'MarioLuigiMarioYoshi');
|
|
|
|
// sanity check: later on, we'll check that clicking on the avatar doesn't open the record
|
|
await dom.click(list.$('.o_data_row:first span'));
|
|
|
|
await dom.click(list.$('.o_data_cell:nth(0) .o_m2o_avatar'));
|
|
await dom.click(list.$('.o_data_cell:nth(1) .o_m2o_avatar'));
|
|
await dom.click(list.$('.o_data_cell:nth(2) .o_m2o_avatar'));
|
|
|
|
|
|
assert.verifySteps([
|
|
'open record',
|
|
'read res.users 11',
|
|
// 'call service openDMChatWindow 1',
|
|
'read res.users 7',
|
|
// 'call service openDMChatWindow 2',
|
|
// 'call service openDMChatWindow 1',
|
|
]);
|
|
|
|
list.destroy();
|
|
});
|
|
|
|
QUnit.test('many2one_avatar_user widget: click on self', async function (assert) {
|
|
assert.expect(4);
|
|
|
|
const { widget: form } = await start({
|
|
hasView: true,
|
|
View: FormView,
|
|
model: 'foo',
|
|
data: this.data,
|
|
arch: '<form><field name="user_id" widget="many2one_avatar_user"/></form>',
|
|
mockRPC(route, args) {
|
|
if (args.method === 'read') {
|
|
assert.step(`read ${args.model} ${args.args[0]}`);
|
|
}
|
|
return this._super(...arguments);
|
|
},
|
|
session: {
|
|
uid: 23,
|
|
},
|
|
res_id: 4,
|
|
});
|
|
|
|
mock.intercept(form, 'call_service', (ev) => {
|
|
if (ev.data.service === 'notification') {
|
|
assert.step(`display notification "${ev.data.args[0].message}"`);
|
|
}
|
|
}, true);
|
|
|
|
assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), 'Yoshi');
|
|
|
|
await dom.click(form.$('.o_m2o_avatar'));
|
|
|
|
assert.verifySteps([
|
|
'read foo 4',
|
|
'display notification "You cannot chat with yourself"',
|
|
]);
|
|
|
|
form.destroy();
|
|
});
|
|
|
|
QUnit.test('many2one_avatar_user widget in kanban view', async function (assert) {
|
|
assert.expect(6);
|
|
|
|
const { widget: kanban } = await start({
|
|
hasView: true,
|
|
View: KanbanView,
|
|
model: 'foo',
|
|
data: this.data,
|
|
arch: `
|
|
<kanban>
|
|
<templates>
|
|
<t t-name="kanban-box">
|
|
<div>
|
|
<field name="user_id" widget="many2one_avatar_user"/>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
</kanban>`,
|
|
});
|
|
|
|
assert.strictEqual(kanban.$('.o_kanban_record').text().trim(), '');
|
|
assert.containsN(kanban, '.o_m2o_avatar', 4);
|
|
assert.strictEqual(kanban.$('.o_m2o_avatar:nth(0)').data('src'), '/web/image/res.users/11/image_128');
|
|
assert.strictEqual(kanban.$('.o_m2o_avatar:nth(1)').data('src'), '/web/image/res.users/7/image_128');
|
|
assert.strictEqual(kanban.$('.o_m2o_avatar:nth(2)').data('src'), '/web/image/res.users/11/image_128');
|
|
assert.strictEqual(kanban.$('.o_m2o_avatar:nth(3)').data('src'), '/web/image/res.users/23/image_128');
|
|
|
|
kanban.destroy();
|
|
});
|
|
});
|
|
});
|