Géry Debongnie
29427bdcb3
autosize does not work correctly (it moves the screen in all directions sometimes when the user press enter in the bottom of the screen in some browser), So, we decided to have our own version, because of course, we can do it better. A few horrible hacks later, I proudly present you "autoresize" (it was almost named "odooresize" but common sense prevailed). As added benefits, it plays better with our web client, so when you open a dialog in a modal for example, the autosize fields should have the correct height automagically (or should I say 'odoomagically')
577 lines
21 KiB
JavaScript
577 lines
21 KiB
JavaScript
odoo.define('web.test.x2many', function (require) {
|
|
'use strict';
|
|
|
|
var Tour = require('web.Tour');
|
|
var inc;
|
|
|
|
Tour.register({
|
|
id: 'widget_x2many',
|
|
name: "one2many and many2many checks",
|
|
mode: 'test',
|
|
path: '/web#action=test_new_api.action_discussions',
|
|
|
|
steps: [
|
|
{
|
|
title: "wait web client",
|
|
waitFor: '.oe-view-title:contains(Discussions)'
|
|
},
|
|
|
|
// create test discussion
|
|
{
|
|
title: "create new discussion",
|
|
element: 'button.o_list_button_add'
|
|
},
|
|
{
|
|
title: "insert title",
|
|
element: '.oe_form_required input',
|
|
sampleText: 'test'
|
|
},
|
|
|
|
// try to add a user with one2many form
|
|
{
|
|
title: "click on moderator one2many drop down",
|
|
waitFor: '.oe_form_required input:propValue(test)',
|
|
element: 'tr:contains(Moderator) .oe_m2o_drop_down_button'
|
|
},
|
|
{
|
|
title: "click on 'Create and Edit...'",
|
|
element: '.oe_m2o_dropdown_option:last'
|
|
},
|
|
{
|
|
title: "insert a name into the modal form",
|
|
element: '.modal .oe_form_field.oe_form_required:first input',
|
|
sampleText: 'user_test',
|
|
onload: function () {
|
|
inc = new Date().getTime();
|
|
this.sampleText = 'user_test_' + inc;
|
|
}
|
|
},
|
|
{
|
|
title: "insert an email into the modal form",
|
|
waitFor: '.modal .oe_form_field.oe_form_required input:propValueContains(user_test)',
|
|
element: '.modal .oe_form_field.oe_form_required:eq(1) input',
|
|
sampleText: 'user_test@test',
|
|
onload: function () {
|
|
this.sampleText = 'user_test_' + inc + '@test';
|
|
}
|
|
},
|
|
{
|
|
title: "save the modal content and create the new moderator",
|
|
waitFor: '.modal .oe_form_field.oe_form_required input:propValueContains(@test)',
|
|
element: '.modal .o_formdialog_save',
|
|
},
|
|
{
|
|
title: "check if the modal is saved",
|
|
waitFor: 'tr:contains(Moderator) .oe_form_field_many2one input:propValueContains(user_test)',
|
|
},
|
|
{
|
|
title: "check the onchange from the o2m to the m2m",
|
|
waitFor: '.tab-pane:last tr:has(.oe_list_field_cell):not(:has(.oe_list_record_selector)):contains(user_test)',
|
|
},
|
|
|
|
// add message a
|
|
{
|
|
title: "create new message a",
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "insert body a",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'a'
|
|
},
|
|
{
|
|
title: "save new message a",
|
|
waitFor: '.modal textarea.field_text:propValue(a)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// add message b
|
|
{
|
|
title: "create new message b",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_application:has(.oe_list_field_cell):has(textarea[name="message_concat"]:propValue([test] Administrator:a))',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "insert body b",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'b'
|
|
},
|
|
{
|
|
title: "save new message b",
|
|
waitFor: '.modal textarea.field_text:propValue(b)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// change title to trigger on change
|
|
{
|
|
title: "insert title",
|
|
waitNot: '.modal',
|
|
waitFor: 'textarea[name="message_concat"]:propValue([test] Administrator:a\n[test] Administrator:b)',
|
|
element: '.oe_form_required input',
|
|
sampleText: 'test_trigger'
|
|
},
|
|
{
|
|
title: "blur the title field",
|
|
waitFor: '.oe_form_required input:propValue(test_trigger)',
|
|
element: '.oe_form_field_many2one input:first',
|
|
},
|
|
{
|
|
title: "check onchange",
|
|
waitFor: 'textarea[name="message_concat"]:propValue([test_trigger] Administrator:a\n[test_trigger] Administrator:b)',
|
|
},
|
|
|
|
// change message b
|
|
|
|
{
|
|
title: "edit message b",
|
|
waitFor: '.tab-pane:first tr:has(.oe_list_field_cell):not(:has(.oe_list_record_selector)):eq(1) .oe_list_field_cell:contains([test_trigger] )',
|
|
waitNot: '.tab-pane:first tr:has(.oe_list_field_cell):not(:has(.oe_list_record_selector)):eq(2)',
|
|
element: '.oe_list_field_cell:containsExact(b)'
|
|
},
|
|
{
|
|
title: "change the body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'bbb'
|
|
},
|
|
{
|
|
title: "save changes",
|
|
waitFor: '.modal textarea.field_text:propValue(bbb)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// add message c
|
|
{
|
|
title: "create new message c",
|
|
waitNot: '.modal',
|
|
waitFor: 'textarea[name="message_concat"]:propValue([test_trigger] Administrator:a\n[test_trigger] Administrator:bbb)',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "insert body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'c'
|
|
},
|
|
{
|
|
title: "save new message c",
|
|
waitFor: '.modal textarea.field_text:propValue(c)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// add participants
|
|
{
|
|
title: "change tab to Participants",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_form_field_one2many .oe_list_field_cell:eq(3)',
|
|
element: '[data-toggle="tab"]:contains(Participants)'
|
|
},
|
|
{
|
|
title: "click to add participants",
|
|
element: '.tab-pane:eq(1).active .oe_form_field_x2many_list_row_add a'
|
|
},
|
|
{
|
|
title: "select Admin",
|
|
element: '.modal .oe_list_content tr:has(td[data-field="name"]:containsExact(Administrator)) .oe_list_record_selector input[type="checkbox"]'
|
|
},
|
|
{
|
|
title: "select Demo User",
|
|
waitFor: '.modal .oe_list_content tr:has(td[data-field="name"]:containsExact(Administrator)) .oe_list_record_selector input[type="checkbox"]:propChecked',
|
|
element: '.modal .oe_list_content tr:has(td[data-field="name"]:containsExact(Demo User)) .oe_list_record_selector input[type="checkbox"]'
|
|
},
|
|
{
|
|
title: "save selected participants",
|
|
waitFor: '.modal .oe_list_content tr:has(td[data-field="name"]:containsExact(Demo User)) .oe_list_record_selector input[type="checkbox"]:propChecked',
|
|
element: '.o_selectcreatepopup_search_select'
|
|
},
|
|
|
|
// save
|
|
{
|
|
title: "save discussion",
|
|
waitFor: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(2)',
|
|
waitNot: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(3)',
|
|
element: 'button.oe_form_button_save'
|
|
},
|
|
|
|
// check saved data
|
|
{
|
|
title: "check data 1",
|
|
waitFor: '.oe_form_field_one2many tbody tr:has(.oe_list_field_char):eq(2)',
|
|
waitNot: '.oe_form_field_one2many tbody tr:has(.oe_list_field_char):eq(3)',
|
|
},
|
|
{
|
|
title: "check data 2",
|
|
waitFor: '.oe_form_field_one2many tr:has(.oe_list_field_text:containsExact(bbb)):has(.oe_list_field_char:containsExact([test_trigger] Administrator))',
|
|
},
|
|
{
|
|
title: "check data 3",
|
|
waitFor: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(2)',
|
|
waitNot: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(3)',
|
|
},
|
|
|
|
// edit
|
|
{
|
|
title: "edit discussion",
|
|
element: 'button.oe_form_button_edit'
|
|
},
|
|
{
|
|
title: "change tab to Participants",
|
|
waitFor: '.oe_form_editable',
|
|
element: '[data-toggle="tab"]:contains(Messages)'
|
|
},
|
|
|
|
// add message d
|
|
{
|
|
title: "create new message d",
|
|
waitFor: 'li.active a[data-toggle="tab"]:contains(Messages)',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "insert body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'd'
|
|
},
|
|
{
|
|
title: "save new message d",
|
|
waitFor: '.modal textarea.field_text:propValue(d)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// add message e
|
|
{
|
|
title: "create new message e",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_list_field_cell:containsExact(d)',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "insert body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'e'
|
|
},
|
|
{
|
|
title: "save new message e",
|
|
waitFor: '.modal textarea.field_text:propValue(e)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// change message a
|
|
{
|
|
title: "edit message a",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_list_field_cell:containsExact(e)',
|
|
element: '.oe_list_field_cell:containsExact(a)'
|
|
},
|
|
{
|
|
title: "change the body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'aaa'
|
|
},
|
|
{
|
|
title: "save changes",
|
|
waitFor: '.modal textarea.field_text:propValue(aaa)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// change message e
|
|
{
|
|
title: "edit message e",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_list_field_text:contains(aaa)',
|
|
element: '.oe_list_field_cell:containsExact(e)'
|
|
},
|
|
|
|
{
|
|
title: "open the many2one to select an other user",
|
|
element: '.modal .oe_m2o_drop_down_button',
|
|
},
|
|
{
|
|
title: "select an other user",
|
|
element: '.ui-autocomplete li:contains(Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many's line onchange after many2one",
|
|
waitFor: '.oe_form_char_content:contains([test_trigger] Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many field not triggered onchange",
|
|
waitFor: 'textarea[name="message_concat"]:propValueContains([test_trigger] Administrator:e)',
|
|
},
|
|
{
|
|
title: "save changes",
|
|
element: '.o_formdialog_save'
|
|
},
|
|
{
|
|
title: "test one2many triggered the onchange on save for the line",
|
|
waitFor: '.oe_list_content td.oe_list_field_cell.oe_readonly:contains([test_trigger] Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many triggered the onchange on save",
|
|
waitFor: 'textarea[name="message_concat"]:propValueContains([test_trigger] Demo User:e)',
|
|
},
|
|
|
|
// remove
|
|
{
|
|
title: "remove b",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_list_field_text:contains(aaa)',
|
|
element: 'tr:has(.oe_list_field_cell:containsExact(bbb)) .oe_list_record_delete'
|
|
},
|
|
{
|
|
title: "remove e",
|
|
waitNot: 'tr:has(.oe_list_field_cell:containsExact(bbb))',
|
|
element: 'tr:has(.oe_list_field_cell:containsExact(e)) .oe_list_record_delete'
|
|
},
|
|
|
|
// save
|
|
{
|
|
title: "save discussion",
|
|
waitNot: 'tr:has(.oe_list_field_cell:containsExact(e))',
|
|
element: 'button.oe_form_button_save'
|
|
},
|
|
|
|
// check saved data
|
|
{
|
|
title: "check data 4",
|
|
waitNot: '.oe_form_field_one2many tbody tr:has(.oe_list_field_char):eq(4)',
|
|
},
|
|
{
|
|
title: "check data 5",
|
|
waitFor: 'body:has(.oe_list_field_text:containsExact(aaa)):has(.oe_list_field_text:containsExact(c)):has(.oe_list_field_text:containsExact(d))',
|
|
},
|
|
{
|
|
title: "check data 6",
|
|
waitFor: '.oe_form_field_one2many tr:has(.oe_list_field_text:containsExact(aaa)):has(.oe_list_field_char:containsExact([test_trigger] Administrator))',
|
|
},
|
|
{
|
|
title: "check data 7",
|
|
waitFor: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(2)',
|
|
waitNot: '.oe_form_field_many2many tbody tr:has(.oe_list_field_char):eq(3)',
|
|
},
|
|
|
|
// edit
|
|
{
|
|
title: "edit discussion",
|
|
element: 'button.oe_form_button_edit'
|
|
},
|
|
|
|
// add message ddd
|
|
{
|
|
title: "create new message ddd",
|
|
waitNot: '.modal',
|
|
waitFor: '.oe_list_field_cell:containsExact(d)',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "select an other user",
|
|
element: '.modal .oe_m2o_drop_down_button',
|
|
},
|
|
{
|
|
title: "select demo user",
|
|
element: 'li:contains(Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many's line onchange after many2one",
|
|
waitFor: '.oe_form_char_content:contains([test_trigger] Demo User)',
|
|
},
|
|
{
|
|
title: "insert body",
|
|
element: '.modal textarea.field_text',
|
|
sampleText: 'ddd'
|
|
},
|
|
{
|
|
title: "save new message ddd",
|
|
waitFor: '.modal textarea.field_text:propValue(ddd)',
|
|
element: '.o_formdialog_save'
|
|
},
|
|
|
|
// trigger onchange
|
|
{
|
|
title: "blur the one2many",
|
|
waitFor: '.oe_list_field_cell:containsExact(ddd)',
|
|
element: '.oe_form_required input',
|
|
},
|
|
|
|
// check onchange data
|
|
{
|
|
title: "check data 8",
|
|
waitFor: 'textarea[name="message_concat"]:propValueContains([test_trigger] Administrator:aaa\n[test_trigger] Administrator:c\n[test_trigger] Administrator:d\n[test_trigger] Demo User:ddd)',
|
|
},
|
|
{
|
|
title: "check data 9",
|
|
waitFor: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(3)',
|
|
waitNot: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(4)',
|
|
},
|
|
|
|
// cancel
|
|
{
|
|
title: "cancel change",
|
|
waitFor: '.oe_list_field_cell:containsExact(ddd)',
|
|
element: 'button.oe_form_button_cancel',
|
|
onload: function () {
|
|
// remove the window alert (can't click on it with JavaScript tour)
|
|
$('.oe_form_dirty').removeClass('oe_form_dirty');
|
|
}
|
|
},
|
|
|
|
/////////////////////////////////////////////////////////////////////////////////////////////
|
|
/////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
{
|
|
title: "switch to the second form view to test one2many with editable list",
|
|
waitFor: '.oe_list_field_cell:eq(3)',
|
|
element: 'a.oe_menu_leaf:contains(Discussions 2)'
|
|
},
|
|
|
|
{
|
|
title: "select previous created record",
|
|
waitFor: '.breadcrumb li:containsExact(Discussions 2)',
|
|
element: 'td[data-field="name"]:contains(test_trigger):last',
|
|
},
|
|
{
|
|
title: "click on edit",
|
|
element: '.oe_form_button_edit',
|
|
},
|
|
|
|
{
|
|
title: "edit title",
|
|
waitFor: ".oe_form_editable",
|
|
element: '.oe_form_required:first input',
|
|
sampleText: 'test_trigger2'
|
|
},
|
|
{
|
|
title: "click outside to trigger onchange",
|
|
element: '.oe_form_sheet',
|
|
},
|
|
{
|
|
title: "click on a field of the editable list to edit content",
|
|
waitFor: '.oe_list_editable:contains(test_trigger2)',
|
|
element: '.oe_list_editable tr[data-id]:eq(1) .oe_list_field_cell:eq(2)',
|
|
},
|
|
{
|
|
title: "change text value",
|
|
element: '.oe_form_field[data-fieldname="body"] textarea[name="body"]',
|
|
sampleText: 'ccc'
|
|
},
|
|
{
|
|
title: "click on first field (trigger the line onchange)",
|
|
element: '.oe_list_editable .oe_form_editable .oe_form_field[data-fieldname="name"]',
|
|
},
|
|
{
|
|
title: "test one2many's line onchange",
|
|
waitFor: '.oe_list_editable .oe_form_editable .oe_form_field[data-fieldname="size"]:contains(3)',
|
|
},
|
|
{
|
|
title: "test one2many field not triggered onchange",
|
|
waitNot: 'textarea[name="message_concat"]:propValueContains(ccc)',
|
|
},
|
|
|
|
{
|
|
title: "open the many2one to select an other user",
|
|
element: '.oe_list .oe_m2o_drop_down_button',
|
|
},
|
|
{
|
|
title: "select an other user",
|
|
element: '.ui-autocomplete li:contains(Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many's line onchange after many2one",
|
|
waitFor: '.oe_form_char_content:contains([test_trigger2] Demo User)',
|
|
},
|
|
{
|
|
title: "test one2many field not triggered onchange",
|
|
waitNot: 'textarea[name="message_concat"]:propValueContains(ccc)',
|
|
},
|
|
{
|
|
title: "change text value",
|
|
element: '.oe_form_field[data-fieldname="body"] textarea',
|
|
sampleText: 'ccccc'
|
|
},
|
|
|
|
// check onchange
|
|
{
|
|
title: "click outside to trigger one2many onchange",
|
|
waitNot: 'textarea[name="message_concat"]:propValueContains(Demo User)',
|
|
element: '.oe_form_required input',
|
|
},
|
|
{
|
|
title: "test one2many onchange",
|
|
waitFor: 'textarea[name="message_concat"]:propValueContains([test_trigger2] Demo User:ccccc)',
|
|
},
|
|
|
|
{
|
|
title: "click outside to trigger one2many onchange",
|
|
element: '.o_form_field_many2manytags .oe_m2o_drop_down_button',
|
|
},
|
|
{
|
|
title: "add a tag",
|
|
element: '.ui-autocomplete li:first',
|
|
},
|
|
|
|
// remove record
|
|
{
|
|
title: "delete the last item in the editable list",
|
|
element: '.oe_list_record_delete:visible:last',
|
|
},
|
|
{
|
|
title: "test one2many onchange after delete",
|
|
waitNot: 'textarea[name="message_concat"]:propValueContains(Administrator:d)',
|
|
},
|
|
|
|
// save
|
|
{
|
|
title: "save discussion",
|
|
waitNot: 'tr:has(.oe_list_field_cell:containsExact(e))',
|
|
element: 'button.oe_form_button_save'
|
|
},
|
|
|
|
// check saved data
|
|
{
|
|
title: "check data 10",
|
|
waitFor: '.oe_form_text_content:containsExact([test_trigger2] Administrator:aaa\n[test_trigger2] Demo User:ccccc)',
|
|
},
|
|
{
|
|
title: "check data 11",
|
|
waitFor: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(1)',
|
|
waitNot: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(2)',
|
|
},
|
|
|
|
// edit
|
|
{
|
|
title: "edit discussion",
|
|
element: 'button.oe_form_button_edit'
|
|
},
|
|
|
|
// add message eee
|
|
{
|
|
title: "create new message eee",
|
|
waitFor: 'li.active a[data-toggle="tab"]:contains(Messages)',
|
|
element: '.oe_form_field_x2many_list_row_add:first a'
|
|
},
|
|
{
|
|
title: "change text value",
|
|
element: '.oe_form_field[data-fieldname="body"] textarea',
|
|
sampleText: 'eee'
|
|
},
|
|
|
|
// save
|
|
{
|
|
title: "save discussion",
|
|
waitFor: '.oe_form_field[data-fieldname="body"] textarea:propValueContains(eee)',
|
|
element: 'button.oe_form_button_save'
|
|
},
|
|
|
|
// check saved data
|
|
{
|
|
title: "check data 12",
|
|
waitFor: '.oe_form_text_content:containsExact([test_trigger2] Administrator:aaa\n[test_trigger2] Demo User:ccccc\n[test_trigger2] Administrator:eee)',
|
|
},
|
|
{
|
|
title: "check data 13",
|
|
waitFor: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(2)',
|
|
waitNot: '.oe_form_field_one2many tbody tr:has(.oe_list_field_cell):eq(3)',
|
|
},
|
|
]
|
|
});
|
|
|
|
});
|