From 3751379f1e9a4c215fb6eb898b4ccc67659b9ace Mon Sep 17 00:00:00 2001
From: stephanchrst <stephanchrst@gmail.com>
Date: Tue, 10 May 2022 21:51:50 +0700
Subject: initial commit 2

---
 .../relational_fields/field_many2many_tests.js     | 1809 ++++
 .../relational_fields/field_many2one_tests.js      | 3565 +++++++
 .../relational_fields/field_one2many_tests.js      | 9959 ++++++++++++++++++++
 3 files changed, 15333 insertions(+)
 create mode 100644 addons/web/static/tests/fields/relational_fields/field_many2many_tests.js
 create mode 100644 addons/web/static/tests/fields/relational_fields/field_many2one_tests.js
 create mode 100644 addons/web/static/tests/fields/relational_fields/field_one2many_tests.js

(limited to 'addons/web/static/tests/fields/relational_fields')

diff --git a/addons/web/static/tests/fields/relational_fields/field_many2many_tests.js b/addons/web/static/tests/fields/relational_fields/field_many2many_tests.js
new file mode 100644
index 00000000..bececc25
--- /dev/null
+++ b/addons/web/static/tests/fields/relational_fields/field_many2many_tests.js
@@ -0,0 +1,1809 @@
+odoo.define('web.field_many_to_many_tests', function (require) {
+"use strict";
+
+var FormView = require('web.FormView');
+var testUtils = require('web.test_utils');
+
+const cpHelpers = testUtils.controlPanel;
+var createView = testUtils.createView;
+
+QUnit.module('fields', {}, function () {
+
+    QUnit.module('relational_fields', {
+        beforeEach: function () {
+            this.data = {
+                partner: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        foo: { string: "Foo", type: "char", default: "My little Foo Value" },
+                        int_field: { string: "int_field", type: "integer", sortable: true },
+                        turtles: { string: "one2many turtle field", type: "one2many", relation: 'turtle', relation_field: 'turtle_trululu' },
+                        timmy: { string: "pokemon", type: "many2many", relation: 'partner_type' },
+                        color: {
+                            type: "selection",
+                            selection: [['red', "Red"], ['black', "Black"]],
+                            default: 'red',
+                            string: "Color",
+                        },
+                        user_id: { string: "User", type: 'many2one', relation: 'user' },
+                        reference: {
+                            string: "Reference Field", type: 'reference', selection: [
+                                ["product", "Product"], ["partner_type", "Partner Type"], ["partner", "Partner"]]
+                        },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "first record",
+                        foo: "yop",
+                        int_field: 10,
+                        turtles: [2],
+                        timmy: [],
+                        user_id: 17,
+                        reference: 'product,37',
+                    }, {
+                        id: 2,
+                        display_name: "second record",
+                        foo: "blip",
+                        int_field: 9,
+                        timmy: [],
+                        user_id: 17,
+                    }, {
+                        id: 4,
+                        display_name: "aaa",
+                    }],
+                    onchanges: {},
+                },
+                product: {
+                    fields: {
+                        name: { string: "Product Name", type: "char" }
+                    },
+                    records: [{
+                        id: 37,
+                        display_name: "xphone",
+                    }, {
+                        id: 41,
+                        display_name: "xpad",
+                    }]
+                },
+                partner_type: {
+                    fields: {
+                        name: { string: "Partner Type", type: "char" },
+                        color: { string: "Color index", type: "integer" },
+                    },
+                    records: [
+                        { id: 12, display_name: "gold", color: 2 },
+                        { id: 14, display_name: "silver", color: 5 },
+                    ]
+                },
+                turtle: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        turtle_foo: { string: "Foo", type: "char" },
+                        turtle_bar: { string: "Bar", type: "boolean", default: true },
+                        partner_ids: { string: "Partner", type: "many2many", relation: 'partner' },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "leonardo",
+                        turtle_foo: "yop",
+                        partner_ids: [],
+                    }, {
+                        id: 2,
+                        display_name: "donatello",
+                        turtle_foo: "blip",
+                        partner_ids: [2, 4],
+                    }, {
+                        id: 3,
+                        display_name: "raphael",
+                        turtle_foo: "kawa",
+                        partner_ids: [],
+                    }],
+                    onchanges: {},
+                },
+                user: {
+                    fields: {
+                        name: { string: "Name", type: "char" },
+                    },
+                    records: [{
+                        id: 17,
+                        name: "Aline",
+                    }, {
+                        id: 19,
+                        name: "Christine",
+                    }]
+                },
+            };
+        },
+    }, function () {
+        QUnit.module('FieldMany2Many');
+
+        QUnit.test('many2many kanban: edition', async function (assert) {
+            assert.expect(33);
+
+            this.data.partner.records[0].timmy = [12, 14];
+            this.data.partner_type.records.push({ id: 15, display_name: "red", color: 6 });
+            this.data.partner_type.records.push({ id: 18, display_name: "yellow", color: 4 });
+            this.data.partner_type.records.push({ id: 21, display_name: "blue", color: 1 });
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<kanban>' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_global_click">' +
+                    '<a t-if="!read_only_mode" type="delete" class="fa fa-times float-right delete_icon"/>' +
+                    '<span><t t-esc="record.display_name.value"/></span>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,form': '<form string="Types"><field name="display_name"/></form>',
+                    'partner_type,false,list': '<tree string="Types"><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search string="Types">' +
+                        '<field name="name" string="Name"/>' +
+                        '</search>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner_type/write') {
+                        assert.strictEqual(args.args[1].display_name, "new name", "should write 'new_name'");
+                    }
+                    if (route === '/web/dataset/call_kw/partner_type/create') {
+                        assert.strictEqual(args.args[0].display_name, "A new type", "should create 'A new type'");
+                    }
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        var commands = args.args[1].timmy;
+                        assert.strictEqual(commands.length, 1, "should have generated one command");
+                        assert.strictEqual(commands[0][0], 6, "generated command should be REPLACE WITH");
+                        // get the created type's id
+                        var createdType = _.findWhere(this.data.partner_type.records, {
+                            display_name: "A new type"
+                        });
+                        var ids = _.sortBy([12, 15, 18].concat(createdType.id), _.identity.bind(_));
+                        assert.ok(_.isEqual(_.sortBy(commands[0][2], _.identity.bind(_)), ids),
+                            "new value should be " + ids);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // the SelectCreateDialog requests the session, so intercept its custom
+            // event to specify a fake session to prevent it from crashing
+            testUtils.mock.intercept(form, 'get_session', function (event) {
+                event.data.callback({ user_context: {} });
+            });
+
+            assert.ok(!form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should not be visible in readonly');
+            assert.ok(!form.$('.o_field_many2many .o-kanban-button-new').length,
+                '"Add" button should not be visible in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 2,
+                'should contain 2 records');
+            assert.strictEqual(form.$('.o_kanban_record:first() span').text(), 'gold',
+                'display_name of subrecord should be the one in DB');
+            assert.ok(form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should be visible in edit');
+            assert.ok(form.$('.o_field_many2many .o-kanban-button-new').length,
+                '"Add" button should be visible in edit');
+            assert.strictEqual(form.$('.o_field_many2many .o-kanban-button-new').text().trim(), "Add",
+                'Create button should have "Add" label');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.oe_kanban_global_click:first()'));
+
+            await testUtils.fields.editInput($('.modal .o_form_view input'), 'new name');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_kanban_record:first() span').text(), 'new name',
+                'value of subrecord should have been updated');
+
+            // add subrecords
+            // -> single select
+            await testUtils.dom.click(form.$('.o_field_many2many .o-kanban-button-new'));
+            assert.ok($('.modal .o_list_view').length, "should have opened a list view in a modal");
+            assert.strictEqual($('.modal .o_list_view tbody .o_list_record_selector').length, 3,
+                "list view should contain 3 records");
+            await testUtils.dom.click($('.modal .o_list_view tbody tr:contains(red)'));
+            assert.ok(!$('.modal .o_list_view').length, "should have closed the modal");
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 3,
+                'kanban should now contain 3 records');
+            assert.ok(form.$('.o_kanban_record:contains(red)').length,
+                'record "red" should be in the kanban');
+
+            // -> multiple select
+            await testUtils.dom.click(form.$('.o_field_many2many .o-kanban-button-new'));
+            assert.ok($('.modal .o_select_button').prop('disabled'), "select button should be disabled");
+            assert.strictEqual($('.modal .o_list_view tbody .o_list_record_selector').length, 2,
+                "list view should contain 2 records");
+            await testUtils.dom.click($('.modal .o_list_view thead .o_list_record_selector input'));
+            await testUtils.dom.click($('.modal .o_select_button'));
+            assert.ok(!$('.modal .o_select_button').prop('disabled'), "select button should be enabled");
+            assert.ok(!$('.modal .o_list_view').length, "should have closed the modal");
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 5,
+                'kanban should now contain 5 records');
+            // -> created record
+            await testUtils.dom.click(form.$('.o_field_many2many .o-kanban-button-new'));
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:nth(1)'));
+            assert.ok($('.modal .o_form_view.o_form_editable').length,
+                "should have opened a form view in edit mode, in a modal");
+            await testUtils.fields.editInput($('.modal .o_form_view input'), 'A new type');
+            await testUtils.dom.click($('.modal:nth(1) footer .btn-primary:first()'));
+            assert.ok(!$('.modal').length, "should have closed both modals");
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 6,
+                'kanban should now contain 6 records');
+            assert.ok(form.$('.o_kanban_record:contains(A new type)').length,
+                'the newly created type should be in the kanban');
+
+            // delete subrecords
+            await testUtils.dom.click(form.$('.o_kanban_record:contains(silver)'));
+            assert.strictEqual($('.modal .modal-footer .o_btn_remove').length, 1,
+                'There should be a modal having Remove Button');
+            await testUtils.dom.click($('.modal .modal-footer .o_btn_remove'));
+            assert.containsNone($('.o_modal'), "modal should have been closed");
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 5,
+                'should contain 5 records');
+            assert.ok(!form.$('.o_kanban_record:contains(silver)').length,
+                'the removed record should not be in kanban anymore');
+
+            await testUtils.dom.click(form.$('.o_kanban_record:contains(blue) .delete_icon'));
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 4,
+                'should contain 4 records');
+            assert.ok(!form.$('.o_kanban_record:contains(blue)').length,
+                'the removed record should not be in kanban anymore');
+
+            // save the record
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('many2many kanban(editable): properly handle create_text node option', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].timmy = [12];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy" options="{\'create_text\': \'Add timmy\'}" mode="kanban">' +
+                    '<kanban>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_details">' +
+                    '<field name="display_name"/>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+            assert.strictEqual(form.$('.o_field_many2many[name="timmy"] .o-kanban-button-new').text().trim(),
+                "Add timmy", "In M2M Kanban, Add button should have 'Add timmy' label");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many kanban: create action disabled', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<kanban create="0">' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_global_click">' +
+                    '<a t-if="!read_only_mode" type="delete" class="fa fa-times float-right delete_icon"/>' +
+                    '<span><t t-esc="record.display_name.value"/></span>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search>' +
+                        '<field name="display_name" string="Name"/>' +
+                        '</search>',
+                },
+                res_id: 1,
+                session: { user_context: {} },
+            });
+
+            assert.ok(!form.$('.o-kanban-button-new').length,
+                '"Add" button should not be available in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.ok(form.$('.o-kanban-button-new').length,
+                '"Add" button should be available in edit');
+            assert.ok(form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should be visible in edit');
+
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            assert.strictEqual($('.modal .modal-footer .btn-primary').length, 1, // only button 'Select'
+                '"Create" button should not be available in the modal');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many kanban: conditional create/delete actions', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'create': [('color', '=', 'red')], 'delete': [('color', '=', 'red')]}">
+                            <kanban>
+                                <field name="display_name"/>
+                                <templates>
+                                    <t t-name="kanban-box">
+                                        <div class="oe_kanban_global_click">
+                                            <span><t t-esc="record.display_name.value"/></span>
+                                        </div>
+                                    </t>
+                                </templates>
+                            </kanban>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,form': '<form><field name="name"/></form>',
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red
+            assert.containsOnce(form, '.o-kanban-button-new', '"Add" button should be available');
+
+            await testUtils.dom.click(form.$('.o_kanban_record:contains(silver)'));
+            assert.containsOnce(document.body, '.modal .modal-footer .o_btn_remove',
+                'remove button should be visible in modal');
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            assert.containsN(document.body, '.modal .modal-footer button', 3,
+                'there should be 3 buttons available in the modal');
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+            assert.containsOnce(form, '.o-kanban-button-new',
+                '"Add" button should still be available even after color field changed');
+
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            // only select and cancel button should be available, create
+            // button should be removed based on color field condition
+            assert.containsN(document.body, '.modal .modal-footer button', 2,
+                '"Create" button should not be available in the modal after color field changed');
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            await testUtils.dom.click(form.$('.o_kanban_record:contains(silver)'));
+            assert.containsNone(document.body, '.modal .modal-footer .o_btn_remove',
+                'remove button should be visible in modal');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list (non editable): edition', async function (assert) {
+            assert.expect(29);
+
+            this.data.partner.records[0].timmy = [12, 14];
+            this.data.partner_type.records.push({ id: 15, display_name: "bronze", color: 6 });
+            this.data.partner_type.fields.float_field = { string: 'Float', type: 'float' };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<tree>' +
+                    '<field name="display_name"/><field name="float_field"/>' +
+                    '</tree>' +
+                    '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search><field name="display_name"/></search>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method !== 'load_views') {
+                        assert.step(_.last(route.split('/')));
+                    }
+                    if (args.method === 'write' && args.model === 'partner') {
+                        assert.deepEqual(args.args[1].timmy, [
+                            [6, false, [12, 15]],
+                        ]);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+            assert.containsNone(form.$('.o_list_record_remove'),
+                'delete icon should not be visible in readonly');
+            assert.containsNone(form.$('.o_field_x2many_list_row_add'),
+                '"Add an item" should not be visible in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 records');
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'gold',
+                'display_name of first subrecord should be the one in DB');
+            assert.ok(form.$('.o_list_record_remove').length,
+                'delete icon should be visible in edit');
+            assert.ok(form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" should be visible in edit');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.o_list_view tbody tr:first()'));
+
+            assert.containsNone($('.modal .modal-footer .o_btn_remove'),
+                'there should not be a "Remove" button in the modal footer');
+
+            await testUtils.fields.editInput($('.modal .o_form_view input'), 'new name');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'new name',
+                'value of subrecord should have been updated');
+
+            // add new subrecords
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsNone($('.modal .modal-footer .o_btn_remove'),
+                'there should not be a "Remove" button in the modal footer');
+            assert.strictEqual($('.modal .o_list_view').length, 1,
+                "a modal should be open");
+            assert.strictEqual($('.modal .o_list_view .o_data_row').length, 1,
+                "the list should contain one row");
+            await testUtils.dom.click($('.modal .o_list_view .o_data_row'));
+            assert.strictEqual($('.modal .o_list_view').length, 0,
+                "the modal should be closed");
+            assert.containsN(form, '.o_list_view td.o_list_number', 3,
+                'should contain 3 subrecords');
+
+            // remove subrecords
+            await testUtils.dom.click(form.$('.o_list_record_remove:nth(1)'));
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 subrecords');
+            assert.strictEqual(form.$('.o_list_view .o_data_row td:first').text(), 'new name',
+                'the updated row still has the correct values');
+
+            // save
+            await testUtils.form.clickSave(form);
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 subrecords');
+            assert.strictEqual(form.$('.o_list_view .o_data_row td:first').text(),
+                'new name', 'the updated row still has the correct values');
+
+            assert.verifySteps([
+                'read', // main record
+                'read', // relational field
+                'read', // relational record in dialog
+                'write', // save relational record from dialog
+                'read', // relational field (updated)
+                'search_read', // list view in dialog
+                'read', // relational field (updated)
+                'write', // save main record
+                'read', // main record
+                'read', // relational field
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list (editable): edition', async function (assert) {
+            assert.expect(31);
+
+            this.data.partner.records[0].timmy = [12, 14];
+            this.data.partner_type.records.push({ id: 15, display_name: "bronze", color: 6 });
+            this.data.partner_type.fields.float_field = { string: 'Float', type: 'float' };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<tree editable="top">' +
+                    '<field name="display_name"/><field name="float_field"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search><field name="display_name"/></search>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method !== 'load_views') {
+                        assert.step(_.last(route.split('/')));
+                    }
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].timmy, [
+                            [6, false, [12, 15]],
+                            [1, 12, { display_name: 'new name' }],
+                        ]);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+
+            assert.ok(!form.$('.o_list_record_remove').length,
+                'delete icon should not be visible in readonly');
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" should not be visible in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 records');
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'gold',
+                'display_name of first subrecord should be the one in DB');
+            assert.ok(form.$('.o_list_record_remove').length,
+                'delete icon should be visible in edit');
+            assert.hasClass(form.$('td.o_list_record_remove button').first(),'fa fa-times',
+                "should have X icons to remove (unlink) records");
+            assert.ok(form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" should not visible in edit');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.o_list_view tbody td:first()'));
+            assert.ok(!$('.modal').length,
+                'in edit, clicking on a subrecord should not open a dialog');
+            assert.hasClass(form.$('.o_list_view tbody tr:first()'),'o_selected_row',
+                'first row should be in edition');
+            await testUtils.fields.editInput(form.$('.o_list_view input:first()'), 'new name');
+            assert.hasClass(form.$('.o_list_view .o_data_row:first'),'o_selected_row',
+                'first row should still be in edition');
+            assert.strictEqual(form.$('.o_list_view input[name=display_name]').get(0),
+                document.activeElement, 'edited field should still have the focus');
+            await testUtils.dom.click(form.$el);
+            assert.doesNotHaveClass(form.$('.o_list_view tbody tr:first'), 'o_selected_row',
+                'first row should not be in edition anymore');
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'new name',
+                'value of subrecord should have been updated');
+            assert.verifySteps(['read', 'read']);
+
+            // add new subrecords
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal .o_list_view').length, 1,
+                "a modal should be open");
+            assert.strictEqual($('.modal .o_list_view .o_data_row').length, 1,
+                "the list should contain one row");
+            await testUtils.dom.click($('.modal .o_list_view .o_data_row'));
+            assert.strictEqual($('.modal .o_list_view').length, 0,
+                "the modal should be closed");
+            assert.containsN(form, '.o_list_view td.o_list_number', 3,
+                'should contain 3 subrecords');
+
+            // remove subrecords
+            await testUtils.dom.click(form.$('.o_list_record_remove:nth(1)'));
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 subrecord');
+            assert.strictEqual(form.$('.o_list_view tbody .o_data_row td:first').text(),
+                'new name', 'the updated row still has the correct values');
+
+            // save
+            await testUtils.form.clickSave(form);
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 subrecords');
+            assert.strictEqual(form.$('.o_list_view .o_data_row td:first').text(),
+                'new name', 'the updated row still has the correct values');
+
+            assert.verifySteps([
+                'search_read', // list view in dialog
+                'read', // relational field (updated)
+                'write', // save main record
+                'read', // main record
+                'read', // relational field
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many: create & delete attributes', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<tree create="true" delete="true">' +
+                    '<field name="color"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_field_x2many_list_row_add', "should have the 'Add an item' link");
+            assert.containsN(form, '.o_list_record_remove', 2, "should have the 'Add an item' link");
+
+            form.destroy();
+
+            form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<tree create="false" delete="false">' +
+                    '<field name="color"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_field_x2many_list_row_add', "should have the 'Add an item' link");
+            assert.containsN(form, '.o_list_record_remove', 2, "each record should have the 'Remove Item' link");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list: create action disabled', async function (assert) {
+            assert.expect(2);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy">' +
+                    '<tree create="0">' +
+                    '<field name="name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsNone(form, '.o_field_x2many_list_row_add',
+                '"Add an item" link should not be available in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                '"Add an item" link should be available in edit');
+
+            form.destroy();
+        });
+
+        QUnit.test('fieldmany2many list comodel not writable', async function (assert) {
+            /**
+             * Many2Many List should behave as the m2m_tags
+             * that is, the relation can be altered even if the comodel itself is not CRUD-able
+             * This can happen when someone has read access alone on the comodel
+             * and full CRUD on the current model
+             */
+            assert.expect(12);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:`<form string="Partners">
+                        <field name="timmy" widget="many2many" can_create="false" can_write="false"/>
+                    </form>`,
+                archs:{
+                    'partner_type,false,list': `<tree create="false" delete="false" edit="false">
+                                                    <field name="display_name"/>
+                                                </tree>`,
+                    'partner_type,false,search': '<search><field name="display_name"/></search>',
+                },
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/create') {
+                        assert.deepEqual(args.args[0], {timmy: [[6, false, [12]]]});
+                    }
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        assert.deepEqual(args.args[1], {timmy: [[6, false, []]]});
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            assert.containsOnce(form, '.o_field_many2many .o_field_x2many_list_row_add');
+            await testUtils.dom.click(form.$('.o_field_many2many .o_field_x2many_list_row_add a'));
+            assert.containsOnce(document.body, '.modal');
+
+            assert.containsN($('.modal-footer'), 'button', 2);
+            assert.containsOnce($('.modal-footer'), 'button.o_select_button');
+            assert.containsOnce($('.modal-footer'), 'button.o_form_button_cancel');
+
+            await testUtils.dom.click($('.modal .o_list_view .o_data_cell:first()'));
+            assert.containsNone(document.body, '.modal');
+
+            assert.containsOnce(form, '.o_field_many2many .o_data_row');
+            assert.equal($('.o_field_many2many .o_data_row').text(), 'gold');
+            assert.containsOnce(form, '.o_field_many2many .o_field_x2many_list_row_add');
+
+            await testUtils.form.clickSave(form);
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_field_many2many .o_data_row .o_list_record_remove');
+            await testUtils.dom.click(form.$('.o_field_many2many .o_data_row .o_list_record_remove'));
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list: conditional create/delete actions', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'create': [('color', '=', 'red')], 'delete': [('color', '=', 'red')]}">
+                            <tree>
+                                <field name="name"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red -> create and delete actions are available
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                "should have the 'Add an item' link");
+            assert.containsN(form, '.o_list_record_remove', 2,
+                "should have two remove icons");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(document.body, '.modal .modal-footer button', 3,
+                'there should be 3 buttons available in the modal');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black -> create and delete actions are no longer available
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+
+            // add a line and remove icon should still be there as they don't create/delete records,
+            // but rather add/remove links
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                '"Add a line" button should still be available even after color field changed');
+            assert.containsN(form, '.o_list_record_remove', 2,
+                "should still have remove icon even after color field changed");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsN(document.body, '.modal .modal-footer button', 2,
+                '"Create" button should not be available in the modal after color field changed');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many field with link/unlink options (list)', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'link': [('color', '=', 'red')], 'unlink': [('color', '=', 'red')]}">
+                            <tree>
+                                <field name="name"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red -> link and unlink actions are available
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                "should have the 'Add an item' link");
+            assert.containsN(form, '.o_list_record_remove', 2,
+                "should have two remove icons");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(document.body, '.modal .modal-footer button', 3,
+                'there should be 3 buttons available in the modal (Create action is available)');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black -> link and unlink actions are no longer available
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+
+            assert.containsNone(form, '.o_field_x2many_list_row_add',
+                '"Add a line" should no longer be available after color field changed');
+            assert.containsNone(form, '.o_list_record_remove',
+                "should no longer have remove icon after color field changed");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many field with link/unlink options (list, create="0")', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'link': [('color', '=', 'red')], 'unlink': [('color', '=', 'red')]}">
+                            <tree create="0">
+                                <field name="name"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red -> link and unlink actions are available
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                "should have the 'Add an item' link");
+            assert.containsN(form, '.o_list_record_remove', 2,
+                "should have two remove icons");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(document.body, '.modal .modal-footer button', 2,
+                'there should be 2 buttons available in the modal (Create action is not available)');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black -> link and unlink actions are no longer available
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+
+            assert.containsNone(form, '.o_field_x2many_list_row_add',
+                '"Add a line" should no longer be available after color field changed');
+            assert.containsNone(form, '.o_list_record_remove',
+                "should no longer have remove icon after color field changed");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many field with link option (kanban)', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'link': [('color', '=', 'red')]}">
+                            <kanban>
+                                <templates>
+                                    <t t-name="kanban-box">
+                                        <div><field name="name"/></div>
+                                    </t>
+                                </templates>
+                            </kanban>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red -> link and unlink actions are available
+            assert.containsOnce(form, '.o-kanban-button-new', "should have the 'Add' button");
+
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+
+            assert.containsN(document.body, '.modal .modal-footer button', 3,
+                'there should be 3 buttons available in the modal (Create action is available');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black -> link and unlink actions are no longer available
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+
+            assert.containsNone(form, '.o-kanban-button-new',
+                '"Add" should no longer be available after color field changed');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many field with link option (kanban, create="0")', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].timmy = [12, 14];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="color"/>
+                        <field name="timmy" options="{'link': [('color', '=', 'red')]}">
+                            <kanban create="0">
+                                <templates>
+                                    <t t-name="kanban-box">
+                                        <div><field name="name"/></div>
+                                    </t>
+                                </templates>
+                            </kanban>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="name"/></tree>',
+                    'partner_type,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // color is red -> link and unlink actions are available
+            assert.containsOnce(form, '.o-kanban-button-new', "should have the 'Add' button");
+
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+
+            assert.containsN(document.body, '.modal .modal-footer button', 2,
+                'there should be 2 buttons available in the modal (Create action is not available');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set color to black -> link and unlink actions are no longer available
+            await testUtils.fields.editSelect(form.$('select[name="color"]'), '"black"');
+
+            assert.containsNone(form, '.o-kanban-button-new',
+                '"Add" should no longer be available after color field changed');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list: list of id as default value', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.turtles.default = [2, 3];
+            this.data.partner.fields.turtles.type = "many2many";
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.strictEqual(form.$('td.o_data_cell').text(), "blipkawa",
+                "should have loaded default data");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many checkboxes with default values', async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.fields.turtles.default = [3];
+            this.data.partner.fields.turtles.type = "many2many";
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles" widget="many2many_checkboxes">' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0].turtles, [[6, false, [1]]],
+                            "correct values should have been sent to create");
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            assert.notOk(form.$('.o_form_view .custom-checkbox input').eq(0).prop('checked'),
+                "first checkbox should not be checked");
+            assert.notOk(form.$('.o_form_view .custom-checkbox input').eq(1).prop('checked'),
+                "second checkbox should not be checked");
+            assert.ok(form.$('.o_form_view .custom-checkbox input').eq(2).prop('checked'),
+                "third checkbox should be checked");
+
+            await testUtils.dom.click(form.$('.o_form_view .custom-checkbox input:checked'));
+            await testUtils.dom.click(form.$('.o_form_view .custom-checkbox input').first());
+            await testUtils.dom.click(form.$('.o_form_view .custom-checkbox input').first());
+            await testUtils.dom.click(form.$('.o_form_view .custom-checkbox input').first());
+
+            assert.ok(form.$('.o_form_view .custom-checkbox input').eq(0).prop('checked'),
+                "first checkbox should be checked");
+            assert.notOk(form.$('.o_form_view .custom-checkbox input').eq(1).prop('checked'),
+                "second checkbox should not be checked");
+            assert.notOk(form.$('.o_form_view .custom-checkbox input').eq(2).prop('checked'),
+                "third checkbox should not be checked");
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list with x2many: add a record', async function (assert) {
+            assert.expect(18);
+
+            this.data.partner_type.fields.m2m = {
+                string: "M2M", type: "many2many", relation: 'turtle',
+            };
+            this.data.partner_type.records[0].m2m = [1, 2];
+            this.data.partner_type.records[1].m2m = [2, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner_type,false,list': '<tree>' +
+                        '<field name="display_name"/>' +
+                        '<field name="m2m" widget="many2many_tags"/>' +
+                        '</tree>',
+                    'partner_type,false,search': '<search>' +
+                        '<field name="display_name" string="Name"/>' +
+                        '</search>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method !== 'load_views') {
+                        assert.step(_.last(route.split('/')) + ' on ' + args.model);
+                    }
+                    if (args.model === 'turtle') {
+                        assert.step(JSON.stringify(args.args[0])); // the read ids
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal .o_data_row:first'));
+
+            assert.containsOnce(form, '.o_data_row',
+                "the record should have been added to the relation");
+            assert.strictEqual(form.$('.o_data_row:first .o_badge_text').text(), 'leonardodonatello',
+                "inner m2m should have been fetched and correctly displayed");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal .o_data_row:first'));
+
+            assert.containsN(form, '.o_data_row', 2,
+                "the second record should have been added to the relation");
+            assert.strictEqual(form.$('.o_data_row:nth(1) .o_badge_text').text(), 'donatelloraphael',
+                "inner m2m should have been fetched and correctly displayed");
+
+            assert.verifySteps([
+                'read on partner',
+                'search_read on partner_type',
+                'read on turtle',
+                '[1,2,3]',
+                'read on partner_type',
+                'read on turtle',
+                '[1,2]',
+                'search_read on partner_type',
+                'read on turtle',
+                '[2,3]',
+                'read on partner_type',
+                'read on turtle',
+                '[2,3]',
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many with a domain', async function (assert) {
+            // The domain specified on the field should not be replaced by the potential
+            // domain the user writes in the dialog, they should rather be concatenated
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy" domain="[[\'display_name\', \'=\', \'gold\']]"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner_type,false,list': '<tree>' +
+                        '<field name="display_name"/>' +
+                        '</tree>',
+                    'partner_type,false,search': '<search>' +
+                        '<field name="display_name" string="Name"/>' +
+                        '</search>',
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "should contain only one row (gold)");
+
+            await cpHelpers.editSearch('.modal', 's');
+            await cpHelpers.validateSearch('.modal');
+
+            assert.strictEqual($('.modal .o_data_row').length, 0, "should contain no row");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list with onchange and edition of a record', async function (assert) {
+            assert.expect(8);
+
+            this.data.partner.fields.turtles.type = "many2many";
+            this.data.partner.onchanges.turtles = function () { };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'turtle,false,form': '<form string="Turtle Power"><field name="turtle_bar"/></form>',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('td.o_data_cell:first'));
+
+            await testUtils.dom.click($('.modal-body input[type="checkbox"]'));
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary').first());
+
+            // there is nothing left to save -> should not do a 'write' RPC
+            await testUtils.form.clickSave(form);
+
+            assert.verifySteps([
+                'read', // read initial record (on partner)
+                'read', // read many2many turtles
+                'load_views', // load arch of turtles form view
+                'read', // read missing field when opening record in modal form view
+                'write', // when saving the modal
+                'onchange', // onchange should be triggered on partner
+                'read', // reload many2many
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange with 40+ commands for a many2many', async function (assert) {
+            // this test ensures that the basic_model correctly handles more LINK_TO
+            // commands than the limit of the dataPoint (40 for x2many kanban)
+            assert.expect(24);
+
+            // create a lot of partner_types that will be linked by the onchange
+            var commands = [[5]];
+            for (var i = 0; i < 45; i++) {
+                var id = 100 + i;
+                this.data.partner_type.records.push({ id: id, display_name: "type " + id });
+                commands.push([4, id]);
+            }
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.timmy = commands;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="timmy">' +
+                    '<kanban>' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div><t t-esc="record.display_name.value"/></div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    if (args.method === 'write') {
+                        assert.strictEqual(args.args[1].timmy[0][0], 6,
+                            "should send a command 6");
+                        assert.strictEqual(args.args[1].timmy[0][2].length, 45,
+                            "should replace with 45 ids");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.verifySteps(['read']);
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'trigger onchange');
+
+            assert.verifySteps(['onchange', 'read']);
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 45', "pager should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records displayed on page 1');
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=timmy] .o_pager_next'));
+            assert.verifySteps(['read']);
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '41-45 / 45', "pager should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 5,
+                'there should be 5 records displayed on page 2');
+
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 45', "pager should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records displayed on page 1');
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=timmy] .o_pager_next'));
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '41-45 / 45', "pager should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 5,
+                'there should be 5 records displayed on page 2');
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=timmy] .o_pager_next'));
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 45', "pager should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records displayed on page 1');
+
+            assert.verifySteps(['write', 'read', 'read', 'read']);
+            form.destroy();
+        });
+
+        QUnit.test('default_get, onchange, onchange on m2m', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.onchanges.int_field = function (obj) {
+                if (obj.int_field === 2) {
+                    assert.deepEqual(obj.timmy, [
+                        [6, false, [12]],
+                        [1, 12, { display_name: 'gold' }]
+                    ]);
+                }
+                obj.timmy = [
+                    [5],
+                    [1, 12, { display_name: 'gold' }]
+                ];
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="timmy">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '<field name="int_field"/>' +
+                    '</sheet>' +
+                    '</form>',
+            });
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), 2);
+            form.destroy();
+        });
+
+        QUnit.test('widget many2many_tags', async function (assert) {
+            assert.expect(1);
+            this.data.turtle.records[0].partner_ids = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'turtle',
+                data: this.data,
+                arch: '<form string="Turtles">' +
+                    '<sheet>' +
+                    '<field name="display_name"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.deepEqual(
+                form.$('.o_field_many2manytags.o_field_widget .badge .o_badge_text').attr('title'),
+                'second record', 'the title should be filled in'
+            );
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many tags widget: select multiple records', async function (assert) {
+            assert.expect(5);
+            for (var i = 1; i <= 10; i++) {
+                this.data.partner_type.records.push({ id: 100 + i, display_name: "Partner" + i});
+            }
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '<field name="timmy" widget="many2many_tags"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search><field name="display_name"/></search>',
+                },
+            });
+            await testUtils.form.clickEdit(form);
+            await testUtils.fields.many2one.clickOpenDropdown('timmy');
+            await testUtils.fields.many2one.clickItem('timmy','Search More');
+            assert.ok($('.modal .o_list_view'), "should have open the modal");
+
+            // + 1 for the select all
+            assert.containsN($(document),'.modal .o_list_view .o_list_record_selector input', this.data.partner_type.records.length + 1,
+                "Should have record selector checkboxes to select multiple records");
+            //multiple select tag
+            await testUtils.dom.click($('.modal .o_list_view thead .o_list_record_selector input'));
+            assert.ok(!$('.modal .o_select_button').prop('disabled'), "select button should be enabled");
+            await testUtils.dom.click($('.o_select_button'));
+            assert.containsNone($(document),'.modal .o_list_view', "should have closed the modal");
+            assert.containsN(form, '.o_field_many2manytags[name="timmy"] .badge', this.data.partner_type.records.length,
+                "many2many tag should now contain 12 records");
+            form.destroy();
+        });
+
+        QUnit.test("many2many tags widget: select multiple records doesn't show already added tags", async function (assert) {
+            assert.expect(5);
+            for (var i = 1; i <= 10; i++) {
+                this.data.partner_type.records.push({ id: 100 + i, display_name: "Partner" + i});
+            }
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '<field name="timmy" widget="many2many_tags"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search><field name="display_name"/></search>',
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+
+            await testUtils.fields.many2one.clickOpenDropdown('timmy');
+            await testUtils.fields.many2one.clickItem('timmy','Partner1');
+
+            await testUtils.fields.many2one.clickOpenDropdown('timmy');
+            await testUtils.fields.many2one.clickItem('timmy','Search More');
+            assert.ok($('.modal .o_list_view'), "should have open the modal");
+
+            // -1 for the one that is already on the form & +1 for the select all,
+            assert.containsN($(document), '.modal .o_list_view .o_list_record_selector input', this.data.partner_type.records.length - 1 + 1,
+                "Should have record selector checkboxes to select multiple records");
+            //multiple select tag
+            await testUtils.dom.click($('.modal .o_list_view thead .o_list_record_selector input'));
+            assert.ok(!$('.modal .o_select_button').prop('disabled'), "select button should be enabled");
+            await testUtils.dom.click($('.o_select_button'));
+            assert.containsNone($(document),'.modal .o_list_view', "should have closed the modal");
+            assert.containsN(form, '.o_field_many2manytags[name="timmy"] .badge', this.data.partner_type.records.length,
+                "many2many tag should now contain 12 records");
+            form.destroy();
+        });
+
+        QUnit.test("many2many tags widget: save&new in edit mode doesn't close edit window", async function (assert) {
+          assert.expect(5);
+          for (var i = 1; i <= 10; i++) {
+              this.data.partner_type.records.push({ id: 100 + i, display_name: "Partner" + i});
+          }
+          var form = await createView({
+              View: FormView,
+              model: 'partner',
+              data: this.data,
+              arch: '<form string="Partners">' +
+                  '<field name="display_name"/>' +
+                  '<field name="timmy" widget="many2many_tags"/>' +
+                  '</form>',
+              res_id: 1,
+              archs: {
+                  'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                  'partner_type,false,search': '<search><field name="display_name"/></search>',
+                  'partner_type,false,form': '<form><field name="display_name"/></form>'
+              },
+          });
+          await testUtils.form.clickEdit(form);
+
+          await testUtils.fields.many2one.createAndEdit('timmy',"Ralts");
+          assert.containsOnce($(document), '.modal .o_form_view', "should have opened the modal");
+
+          // Create multiple records with save & new
+          await testUtils.fields.editInput($('.modal input:first'), 'Ralts');
+          await testUtils.dom.click($('.modal .btn-primary:nth-child(2)'));
+          assert.containsOnce($(document), '.modal .o_form_view', "modal should still be open");
+          assert.equal($('.modal input:first')[0].value, '', "input should be empty")
+
+          // Create another record and click save & close
+          await testUtils.fields.editInput($('.modal input:first'), 'Pikachu');
+          await testUtils.dom.click($('.modal .btn-primary:first'));
+          assert.containsNone($(document),'.modal .o_list_view', "should have closed the modal");
+          assert.containsN(form, '.o_field_many2manytags[name="timmy"] .badge', 2, "many2many tag should now contain 2 records");
+
+          form.destroy();
+        });
+
+        QUnit.test("many2many tags widget: make tag name input field blank on Save&New", async function (assert) {
+            assert.expect(4);
+
+            let onchangeCalls = 0;
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="timmy" widget="many2many_tags"/></form>',
+                archs: {
+                    'partner_type,false,form': '<form><field name="name"/></form>'
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        if (onchangeCalls === 0) {
+                            assert.deepEqual(args.kwargs.context, { default_name: 'hello' },
+                                "context should have default_name with 'hello' as value");
+                        }
+                        if (onchangeCalls === 1) {
+                            assert.deepEqual(args.kwargs.context, {},
+                                "context should have default_name with false as value");
+                        }
+                        onchangeCalls++;
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.fields.editInput($('.o_field_widget input'), 'hello');
+            await testUtils.fields.many2one.clickItem('timmy', 'Create and Edit');
+            assert.strictEqual(document.querySelector('.modal .o_form_view input').value, "hello",
+                "should contain the 'hello' in the tag name input field");
+
+            // Create record with save & new
+            await testUtils.dom.click(document.querySelector('.modal .btn-primary:nth-child(2)'));
+            assert.strictEqual(document.querySelector('.modal .o_form_view input').value, "",
+                "should display the blank value in the tag name input field");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list add *many* records, remove, re-add', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.fields.timmy.domain = [['color', '=', 2]];
+            this.data.partner.fields.timmy.onChange = true;
+            this.data.partner_type.fields.product_ids = { string: "Product", type: "many2many", relation: 'product' };
+
+            for (var i = 0; i < 50; i++) {
+                var new_record_partner_type = { id: 100 + i, display_name: "batch" + i, color: 2 };
+                this.data.partner_type.records.push(new_record_partner_type);
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="timmy" widget="many2many">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '<field name="product_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner_type,false,search': '<search><field name="display_name"/><field name="color"/></search>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'get_formview_id') {
+                        assert.deepEqual(args.args[0], [1], "should call get_formview_id with correct id");
+                        return Promise.resolve(false);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            // First round: add 51 records in batch
+            await testUtils.dom.click(form.$buttons.find('.btn.btn-primary.o_form_button_edit'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            var $modal = $('.modal-lg');
+
+            assert.equal($modal.length, 1,
+                'There should be one modal');
+
+            await testUtils.dom.click($modal.find('thead input[type=checkbox]'));
+
+            await testUtils.dom.click($modal.find('.btn.btn-primary.o_select_button'));
+
+            assert.strictEqual(form.$('.o_data_row').length, 51,
+                'We should have added all the records present in the search view to the m2m field'); // the 50 in batch + 'gold'
+
+            await testUtils.dom.click(form.$buttons.find('.btn.btn-primary.o_form_button_save'));
+
+            // Secound round: remove one record
+            await testUtils.dom.click(form.$buttons.find('.btn.btn-primary.o_form_button_edit'));
+            var trash_buttons = form.$('.o_field_many2many.o_field_widget.o_field_x2many.o_field_x2many_list .o_list_record_remove');
+
+            await testUtils.dom.click(trash_buttons.first());
+
+            var pager_limit = form.$('.o_field_many2many.o_field_widget.o_field_x2many.o_field_x2many_list .o_pager_limit');
+            assert.equal(pager_limit.text(), '50',
+                'We should have 50 records in the m2m field');
+
+            // Third round: re-add 1 records
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            $modal = $('.modal-lg');
+
+            assert.equal($modal.length, 1,
+                'There should be one modal');
+
+            await testUtils.dom.click($modal.find('thead input[type=checkbox]'));
+
+            await testUtils.dom.click($modal.find('.btn.btn-primary.o_select_button'));
+
+            assert.strictEqual(form.$('.o_data_row').length, 51,
+                'We should have 51 records in the m2m field');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many_tags widget: conditional create/delete actions', async function (assert) {
+            assert.expect(10);
+
+            this.data.turtle.records[0].partner_ids = [2];
+            for (var i = 1; i <= 10; i++) {
+                this.data.partner.records.push({ id: 100 + i, display_name: "Partner" + i });
+            }
+
+            const form = await createView({
+                View: FormView,
+                model: 'turtle',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="display_name"/>
+                        <field name="turtle_bar"/>
+                        <field name="partner_ids" options="{'create': [('turtle_bar', '=', True)], 'delete': [('turtle_bar', '=', True)]}" widget="many2many_tags"/>
+                    </form>`,
+                archs: {
+                    'partner,false,list': '<tree><field name="name"/></tree>',
+                    'partner,false,search': '<search/>',
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // turtle_bar is true -> create and delete actions are available
+            assert.containsOnce(form, '.o_field_many2manytags.o_field_widget .badge .o_delete',
+                'X icon on badges should not be available');
+
+            await testUtils.fields.many2one.clickOpenDropdown('partner_ids');
+
+            const $dropdown1 = form.$('.o_field_many2one input').autocomplete('widget');
+            assert.containsOnce($dropdown1, 'li.o_m2o_start_typing:contains(Start typing...)',
+                'autocomplete should contain Start typing...');
+
+            await testUtils.fields.many2one.clickItem('partner_ids', 'Search More');
+
+            assert.containsN(document.body, '.modal .modal-footer button', 3,
+                'there should be 3 buttons (Select, Create and Cancel) available in the modal footer');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // type something that doesn't exist
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'Something that does not exist', 'keydown');
+            // await testUtils.nextTick();
+            assert.containsN(form.$('.o_field_many2one input').autocomplete('widget'), 'li.o_m2o_dropdown_option', 2,
+                'autocomplete should contain Create and Create and Edit... options');
+
+            // set turtle_bar false -> create and delete actions are no longer available
+            await testUtils.dom.click(form.$('.o_field_widget[name="turtle_bar"] input').first());
+
+            // remove icon should still be there as it doesn't delete records but rather remove links
+            assert.containsOnce(form, '.o_field_many2manytags.o_field_widget .badge .o_delete',
+                'X icon on badge should still be there even after turtle_bar is not checked');
+
+            await testUtils.fields.many2one.clickOpenDropdown('partner_ids');
+            const $dropdown2 = form.$('.o_field_many2one input').autocomplete('widget');
+
+            // only Search More option should be available
+            assert.containsOnce($dropdown2, 'li.o_m2o_dropdown_option',
+                'autocomplete should contain only one option');
+            assert.containsOnce($dropdown2, 'li.o_m2o_dropdown_option:contains(Search More)',
+                'autocomplete option should be Search More');
+
+            await testUtils.fields.many2one.clickItem('partner_ids', 'Search More');
+
+            assert.containsN(document.body, '.modal .modal-footer button', 2,
+                'there should be 2 buttons (Select and Cancel) available in the modal footer');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // type something that doesn't exist
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'Something that does not exist', 'keyup');
+            // await testUtils.nextTick();
+
+            // only Search More option should be available
+            assert.containsOnce($dropdown2, 'li.o_m2o_dropdown_option',
+                'autocomplete should contain only one option');
+            assert.containsOnce($dropdown2, 'li.o_m2o_dropdown_option:contains(Search More)',
+                'autocomplete option should be Search More');
+
+            form.destroy();
+        });
+
+        QUnit.test('failing many2one quick create in a many2many_tags', async function (assert) {
+            assert.expect(5);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="timmy" widget="many2many_tags"/></form>',
+                mockRPC(route, args) {
+                    if (args.method === 'name_create') {
+                        return Promise.reject();
+                    }
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0], {
+                            color: 8,
+                            name: 'new partner',
+                        });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                archs: {
+                    'partner_type,false,form': `
+                        <form>
+                            <field name="name"/>
+                            <field name="color"/>
+                        </form>`,
+                },
+            });
+
+            assert.containsNone(form, '.o_field_many2manytags .badge');
+
+            // try to quick create a record
+            await testUtils.dom.triggerEvent(form.$('.o_field_many2one input'), 'focus');
+            await testUtils.fields.many2one.searchAndClickItem('timmy', {
+                search: 'new partner',
+                item: 'Create'
+            });
+
+            // as the quick create failed, a dialog should be open to 'slow create' the record
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.strictEqual($('.modal .o_field_widget[name=name]').val(), 'new partner');
+
+            await testUtils.fields.editInput($('.modal .o_field_widget[name=color]'), 8);
+            await testUtils.modal.clickButton('Save & Close');
+
+            assert.containsOnce(form, '.o_field_many2manytags .badge');
+
+            form.destroy();
+        });
+    });
+});
+});
diff --git a/addons/web/static/tests/fields/relational_fields/field_many2one_tests.js b/addons/web/static/tests/fields/relational_fields/field_many2one_tests.js
new file mode 100644
index 00000000..e8db0df1
--- /dev/null
+++ b/addons/web/static/tests/fields/relational_fields/field_many2one_tests.js
@@ -0,0 +1,3565 @@
+odoo.define('web.field_many_to_one_tests', function (require) {
+"use strict";
+
+var BasicModel = require('web.BasicModel');
+var FormView = require('web.FormView');
+var ListView = require('web.ListView');
+var relationalFields = require('web.relational_fields');
+var StandaloneFieldManagerMixin = require('web.StandaloneFieldManagerMixin');
+var testUtils = require('web.test_utils');
+var Widget = require('web.Widget');
+
+const cpHelpers = testUtils.controlPanel;
+var createView = testUtils.createView;
+
+QUnit.module('fields', {}, function () {
+
+    QUnit.module('relational_fields', {
+        beforeEach: function () {
+            this.data = {
+                partner: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        foo: { string: "Foo", type: "char", default: "My little Foo Value" },
+                        bar: { string: "Bar", type: "boolean", default: true },
+                        int_field: { string: "int_field", type: "integer", sortable: true },
+                        p: { string: "one2many field", type: "one2many", relation: 'partner', relation_field: 'trululu' },
+                        turtles: { string: "one2many turtle field", type: "one2many", relation: 'turtle', relation_field: 'turtle_trululu' },
+                        trululu: { string: "Trululu", type: "many2one", relation: 'partner' },
+                        timmy: { string: "pokemon", type: "many2many", relation: 'partner_type' },
+                        product_id: { string: "Product", type: "many2one", relation: 'product' },
+                        color: {
+                            type: "selection",
+                            selection: [['red', "Red"], ['black', "Black"]],
+                            default: 'red',
+                            string: "Color",
+                        },
+                        date: { string: "Some Date", type: "date" },
+                        datetime: { string: "Datetime Field", type: 'datetime' },
+                        user_id: { string: "User", type: 'many2one', relation: 'user' },
+                        reference: {
+                            string: "Reference Field", type: 'reference', selection: [
+                                ["product", "Product"], ["partner_type", "Partner Type"], ["partner", "Partner"]]
+                        },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "first record",
+                        bar: true,
+                        foo: "yop",
+                        int_field: 10,
+                        p: [],
+                        turtles: [2],
+                        timmy: [],
+                        trululu: 4,
+                        user_id: 17,
+                        reference: 'product,37',
+                    }, {
+                        id: 2,
+                        display_name: "second record",
+                        bar: true,
+                        foo: "blip",
+                        int_field: 9,
+                        p: [],
+                        timmy: [],
+                        trululu: 1,
+                        product_id: 37,
+                        date: "2017-01-25",
+                        datetime: "2016-12-12 10:55:05",
+                        user_id: 17,
+                    }, {
+                        id: 4,
+                        display_name: "aaa",
+                        bar: false,
+                    }],
+                    onchanges: {},
+                },
+                product: {
+                    fields: {
+                        name: { string: "Product Name", type: "char" }
+                    },
+                    records: [{
+                        id: 37,
+                        display_name: "xphone",
+                    }, {
+                        id: 41,
+                        display_name: "xpad",
+                    }]
+                },
+                partner_type: {
+                    fields: {
+                        display_name: { string: "Partner Type", type: "char" },
+                        name: { string: "Partner Type", type: "char" },
+                        color: { string: "Color index", type: "integer" },
+                    },
+                    records: [
+                        { id: 12, display_name: "gold", color: 2 },
+                        { id: 14, display_name: "silver", color: 5 },
+                    ]
+                },
+                turtle: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        turtle_foo: { string: "Foo", type: "char" },
+                        turtle_bar: { string: "Bar", type: "boolean", default: true },
+                        turtle_int: { string: "int", type: "integer", sortable: true },
+                        turtle_trululu: { string: "Trululu", type: "many2one", relation: 'partner' },
+                        turtle_ref: {
+                            string: "Reference", type: 'reference', selection: [
+                                ["product", "Product"], ["partner", "Partner"]]
+                        },
+                        product_id: { string: "Product", type: "many2one", relation: 'product', required: true },
+                        partner_ids: { string: "Partner", type: "many2many", relation: 'partner' },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "leonardo",
+                        turtle_bar: true,
+                        turtle_foo: "yop",
+                        partner_ids: [],
+                    }, {
+                        id: 2,
+                        display_name: "donatello",
+                        turtle_bar: true,
+                        turtle_foo: "blip",
+                        turtle_int: 9,
+                        partner_ids: [2, 4],
+                    }, {
+                        id: 3,
+                        display_name: "raphael",
+                        product_id: 37,
+                        turtle_bar: false,
+                        turtle_foo: "kawa",
+                        turtle_int: 21,
+                        partner_ids: [],
+                        turtle_ref: 'product,37',
+                    }],
+                    onchanges: {},
+                },
+                user: {
+                    fields: {
+                        name: { string: "Name", type: "char" },
+                        partner_ids: { string: "one2many partners field", type: "one2many", relation: 'partner', relation_field: 'user_id' },
+                    },
+                    records: [{
+                        id: 17,
+                        name: "Aline",
+                        partner_ids: [1, 2],
+                    }, {
+                        id: 19,
+                        name: "Christine",
+                    }]
+                },
+            };
+        },
+    }, function () {
+        QUnit.module('FieldMany2One');
+
+        QUnit.test('many2ones in form views', async function (assert) {
+            assert.expect(5);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="trululu" string="custom label"/>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form string="Partners"><field name="display_name"/></form>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'get_formview_action') {
+                        assert.deepEqual(args.args[0], [4], "should call get_formview_action with correct id");
+                        return Promise.resolve({
+                            res_id: 17,
+                            type: 'ir.actions.act_window',
+                            target: 'current',
+                            res_model: 'res.partner'
+                        });
+                    }
+                    if (args.method === 'get_formview_id') {
+                        assert.deepEqual(args.args[0], [4], "should call get_formview_id with correct id");
+                        return Promise.resolve(false);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            testUtils.mock.intercept(form, 'do_action', function (event) {
+                assert.strictEqual(event.data.action.res_id, 17,
+                    "should do a do_action with correct parameters");
+            });
+
+            assert.strictEqual(form.$('a.o_form_uri:contains(aaa)').length, 1,
+                "should contain a link");
+            await testUtils.dom.click(form.$('a.o_form_uri'));
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('.o_external_button'));
+            assert.strictEqual($('.modal .modal-title').text().trim(), 'Open: custom label',
+                "dialog title should display the custom string label");
+
+            // TODO: test that we can edit the record in the dialog, and that
+            // the value is correctly updated on close
+            form.destroy();
+        });
+
+        QUnit.test('editing a many2one, but not changing anything', async function (assert) {
+            assert.expect(2);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="trululu"/>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form string="Partners"><field name="display_name"/></form>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'get_formview_id') {
+                        assert.deepEqual(args.args[0], [4], "should call get_formview_id with correct id");
+                        return Promise.resolve(false);
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    ids: [1, 2],
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            // click on the external button (should do an RPC)
+            await testUtils.dom.click(form.$('.o_external_button'));
+            // save and close modal
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            // save form
+            await testUtils.form.clickSave(form);
+            // click next on pager
+            await testUtils.dom.click(form.el.querySelector('.o_pager .o_pager_next'));
+
+            // this checks that the view did not ask for confirmation that the
+            // record is dirty
+            assert.strictEqual(form.el.querySelector('.o_pager').innerText.trim(), '2 / 2',
+                'pager should be at second page');
+            form.destroy();
+        });
+
+        QUnit.test('context in many2one and default get', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.int_field.default = 14;
+            this.data.partner.fields.trululu.default = 2;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="trululu"  context="{\'blip\':int_field}" options=\'{"always_reload": True}\'/>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        assert.strictEqual(args.kwargs.context.blip, 14,
+                            'context should have been properly sent to the nameget rpc');
+                    }
+                    return this._super(route, args);
+                },
+            });
+            form.destroy();
+        });
+
+        QUnit.test('editing a many2one (with form view opened with external button)', async function (assert) {
+            assert.expect(1);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="trululu"/>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form string="Partners"><field name="foo"/></form>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    ids: [1, 2],
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            // click on the external button (should do an RPC)
+            await testUtils.dom.click(form.$('.o_external_button'));
+
+            await testUtils.fields.editInput($('.modal input[name="foo"]'), 'brandon');
+
+            // save and close modal
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            // save form
+            await testUtils.form.clickSave(form);
+            // click next on pager
+            await testUtils.dom.click(form.el.querySelector('.o_pager .o_pager_next'));
+
+            // this checks that the view did not ask for confirmation that the
+            // record is dirty
+            assert.strictEqual(form.el.querySelector('.o_pager').innerText.trim(), '2 / 2',
+                'pager should be at second page');
+            form.destroy();
+        });
+
+        QUnit.test('many2ones in form views with show_address', async function (assert) {
+            assert.expect(4);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field ' +
+                    'name="trululu" ' +
+                    'string="custom label" ' +
+                    'context="{\'show_address\': 1}" ' +
+                    'options="{\'always_reload\': True}"' +
+                    '/>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        return this._super(route, args).then(function (result) {
+                            result[0][1] += '\nStreet\nCity ZIP';
+                            return result;
+                        });
+                    }
+                    return this._super(route, args);
+                },
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('a.o_form_uri').html(), '<span>aaa</span><br><span>Street</span><br><span>City ZIP</span>',
+                "input should have a multi-line content in readonly due to show_address");
+            await testUtils.form.clickEdit(form);
+            assert.containsOnce(form, 'button.o_external_button:visible',
+                "should have an open record button");
+
+            testUtils.dom.click(form.$('input.o_input'));
+
+            assert.containsOnce(form, 'button.o_external_button:visible',
+                "should still have an open record button");
+            form.$('input.o_input').trigger('focusout');
+            assert.strictEqual($('.modal button:contains(Create and edit)').length, 0,
+                "there should not be a quick create modal");
+
+            form.destroy();
+        });
+
+        QUnit.test('show_address works in a view embedded in a view of another type', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.records[1].turtle_trululu = 2;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '<field name="turtles"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,form": '<form string="T">' +
+                        '<field name="display_name"/>' +
+                        '<field name="turtle_trululu" context="{\'show_address\': 1}" options="{\'always_reload\': True}"/>' +
+                        '</form>',
+                    "turtle,false,list": '<tree editable="bottom">' +
+                        '<field name="display_name"/>' +
+                        '</tree>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        return this._super(route, args).then(function (result) {
+                            if (args.model === 'partner' && args.kwargs.context.show_address) {
+                                result[0][1] += '\nrue morgue\nparis 75013';
+                            }
+                            return result;
+                        });
+                    }
+                    return this._super(route, args);
+                },
+            });
+            // click the turtle field, opens a modal with the turtle form view
+            await testUtils.dom.click(form.$('.o_data_row:first td.o_data_cell'));
+
+            assert.strictEqual($('[name="turtle_trululu"]').text(), "second recordrue morgueparis 75013",
+                "The partner's address should be displayed");
+            form.destroy();
+        });
+
+        QUnit.test('many2one data is reloaded if there is a context to take into account', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.records[1].turtle_trululu = 2;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '<field name="turtles"/>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,form": '<form string="T">' +
+                        '<field name="display_name"/>' +
+                        '<field name="turtle_trululu" context="{\'show_address\': 1}" options="{\'always_reload\': True}"/>' +
+                        '</form>',
+                    "turtle,false,list": '<tree editable="bottom">' +
+                        '<field name="display_name"/>' +
+                        '<field name="turtle_trululu"/>' +
+                        '</tree>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        return this._super(route, args).then(function (result) {
+                            if (args.model === 'partner' && args.kwargs.context.show_address) {
+                                result[0][1] += '\nrue morgue\nparis 75013';
+                            }
+                            return result;
+                        });
+                    }
+                    return this._super(route, args);
+                },
+            });
+            // click the turtle field, opens a modal with the turtle form view
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.strictEqual($('.modal [name=turtle_trululu]').text(), "second recordrue morgueparis 75013",
+                "The partner's address should be displayed");
+            form.destroy();
+        });
+
+        QUnit.test('many2ones in form views with search more', async function (assert) {
+            assert.expect(3);
+            this.data.partner.records.push({
+                id: 5,
+                display_name: "Partner 4",
+            }, {
+                    id: 6,
+                    display_name: "Partner 5",
+                }, {
+                    id: 7,
+                    display_name: "Partner 6",
+                }, {
+                    id: 8,
+                    display_name: "Partner 7",
+                }, {
+                    id: 9,
+                    display_name: "Partner 8",
+                }, {
+                    id: 10,
+                    display_name: "Partner 9",
+                });
+            this.data.partner.fields.datetime.searchable = true;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="trululu"/>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'partner,false,list': '<tree><field name="display_name"/></tree>',
+                    'partner,false,search': '<search><field name="datetime"/></search>',
+                },
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            await testUtils.fields.many2one.clickItem('trululu', 'Search');
+
+            assert.strictEqual($('tr.o_data_row').length, 9, "should display 9 records");
+
+            await cpHelpers.toggleFilterMenu('.modal');
+            await cpHelpers.toggleAddCustomFilter('.modal');
+            assert.strictEqual(document.querySelector('.modal .o_generator_menu_field').value, 'datetime',
+                "datetime field should be selected");
+            await cpHelpers.applyFilter('.modal');
+
+            assert.strictEqual($('tr.o_data_row').length, 0, "should display 0 records");
+            form.destroy();
+        });
+
+        QUnit.test('onchanges on many2ones trigger when editing record in form view', async function (assert) {
+            assert.expect(10);
+
+            this.data.partner.onchanges.user_id = function () { };
+            this.data.user.fields.other_field = { string: "Other Field", type: "char" };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="user_id"/>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'user,false,form': '<form string="Users"><field name="other_field"/></form>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    if (args.method === 'get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    if (args.method === 'onchange') {
+                        assert.strictEqual(args.args[1].user_id, 17,
+                            "onchange is triggered with correct user_id");
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            // open the many2one in form view and change something
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_external_button'));
+            await testUtils.fields.editInput($('.modal-body input[name="other_field"]'), 'wood');
+
+            // save the modal and make sure an onchange is triggered
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary').first());
+            assert.verifySteps(['read', 'get_formview_id', 'load_views', 'read', 'write', 'read', 'onchange']);
+
+            // save the main record, and check that no extra rpcs are done (record
+            // is not dirty, only a related record was modified)
+            await testUtils.form.clickSave(form);
+            assert.verifySteps([]);
+            form.destroy();
+        });
+
+        QUnit.test("many2one doesn't trigger field_change when being emptied", async function (assert) {
+            assert.expect(2);
+
+            const list = await createView({
+                arch: `
+                    <tree multi_edit="1">
+                        <field name="trululu"/>
+                    </tree>`,
+                data: this.data,
+                model: 'partner',
+                View: ListView,
+            });
+
+            // Select two records
+            await testUtils.dom.click(list.$('.o_data_row:eq(0) .o_list_record_selector input'));
+            await testUtils.dom.click(list.$('.o_data_row:eq(1) .o_list_record_selector input'));
+
+            await testUtils.dom.click(list.$('.o_data_row:first() .o_data_cell:first()'));
+
+            const $input = list.$('.o_field_widget[name=trululu] input');
+
+            await testUtils.fields.editInput($input, "");
+            await testUtils.dom.triggerEvents($input, ['keyup']);
+
+            assert.containsNone(document.body, '.modal',
+                "No save should be triggered when removing value");
+
+            await testUtils.fields.many2one.clickHighlightedItem('trululu');
+
+            assert.containsOnce(document.body, '.modal',
+                "Saving should be triggered when selecting a value");
+            await testUtils.dom.click($('.modal .btn-primary'));
+
+            list.destroy();
+        });
+
+        QUnit.test("focus tracking on a many2one in a list", async function (assert) {
+            assert.expect(4);
+
+            const list = await createView({
+                arch: '<tree editable="top"><field name="trululu"/></tree>',
+                archs: {
+                    'partner,false,form': '<form string="Partners"><field name="foo"/></form>',
+                },
+                data: this.data,
+                model: 'partner',
+                View: ListView,
+            });
+
+            // Select two records
+            await testUtils.dom.click(list.$('.o_data_row:eq(0) .o_list_record_selector input'));
+            await testUtils.dom.click(list.$('.o_data_row:eq(1) .o_list_record_selector input'));
+
+            await testUtils.dom.click(list.$('.o_data_row:first() .o_data_cell:first()'));
+
+            const input = list.$('.o_data_row:first() .o_data_cell:first() input')[0];
+
+            assert.strictEqual(document.activeElement, input, "Input should be focused when activated");
+
+            await testUtils.fields.many2one.createAndEdit('trululu', "ABC");
+
+            // At this point, if the focus is correctly registered by the m2o, there
+            // should be only one modal (the "Create" one) and none for saving changes.
+            assert.containsOnce(document.body, '.modal', "There should be only one modal");
+
+            await testUtils.dom.click($('.modal .btn:not(.btn-primary)'));
+
+            assert.strictEqual(document.activeElement, input, "Input should be focused after dialog closes");
+            assert.strictEqual(input.value, "", "Input should be empty after discard");
+
+            list.destroy();
+        });
+
+        QUnit.test('many2one fields with option "no_open"', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="trululu" options="{&quot;no_open&quot;: True}" />' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, 'span.o_field_widget[name=trululu]',
+                "should be displayed inside a span (sanity check)");
+            assert.containsNone(form, 'span.o_form_uri', "should not have an anchor");
+
+            await testUtils.form.clickEdit(form);
+            assert.containsNone(form, '.o_field_widget[name=trululu] .o_external_button', "should not have the button to open the record");
+
+            form.destroy();
+        });
+
+        QUnit.test('empty many2one field', async function (assert) {
+            assert.expect(4);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form string="Partners">
+                        <sheet>
+                            <group>
+                                <field name="trululu"/>
+                            </group>
+                        </sheet>
+                    </form>`,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            const $dropdown = form.$('.o_field_many2one input').autocomplete('widget');
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            assert.containsNone($dropdown, 'li.o_m2o_dropdown_option',
+                'autocomplete should not contains dropdown options');
+            assert.containsOnce($dropdown, 'li.o_m2o_start_typing',
+                'autocomplete should contains start typing option');
+
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one[name="trululu"] input'),
+                'abc', 'keydown');
+            await testUtils.nextTick();
+            assert.containsN($dropdown, 'li.o_m2o_dropdown_option', 2,
+                'autocomplete should contains 2 dropdown options');
+            assert.containsNone($dropdown, 'li.o_m2o_start_typing',
+                'autocomplete should not contains start typing option');
+
+            form.destroy();
+        });
+
+        QUnit.test('empty many2one field with node options', async function (assert) {
+            assert.expect(2);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form string="Partners">
+                    <sheet>
+                        <group>
+                            <field name="trululu" options="{'no_create_edit': 1}"/>
+                            <field name="product_id" options="{'no_create_edit': 1, 'no_quick_create': 1}"/>
+                        </group>
+                    </sheet>
+                </form>`,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            const $dropdownTrululu = form.$('.o_field_many2one[name="trululu"] input').autocomplete('widget');
+            const $dropdownProduct = form.$('.o_field_many2one[name="product_id"] input').autocomplete('widget');
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            assert.containsOnce($dropdownTrululu, 'li.o_m2o_start_typing',
+                'autocomplete should contains start typing option');
+
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            assert.containsNone($dropdownProduct, 'li.o_m2o_start_typing',
+                'autocomplete should contains start typing option');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one in edit mode', async function (assert) {
+            assert.expect(17);
+
+            // create 10 partners to have the 'Search More' option in the autocomplete dropdown
+            for (var i = 0; i < 10; i++) {
+                var id = 20 + i;
+                this.data.partner.records.push({ id: id, display_name: "Partner " + id });
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="trululu"/>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,list': '<tree string="Partners"><field name="display_name"/></tree>',
+                    'partner,false,search': '<search string="Partners">' +
+                        '<field name="display_name" string="Name"/>' +
+                        '</search>',
+                },
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        assert.strictEqual(args.args[1].trululu, 20, "should write the correct id");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // the SelectCreateDialog requests the session, so intercept its custom
+            // event to specify a fake session to prevent it from crashing
+            testUtils.mock.intercept(form, 'get_session', function (event) {
+                event.data.callback({ user_context: {} });
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            var $dropdown = form.$('.o_field_many2one input').autocomplete('widget');
+
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            assert.ok($dropdown.is(':visible'),
+                'clicking on the m2o input should open the dropdown if it is not open yet');
+            assert.strictEqual($dropdown.find('li:not(.o_m2o_dropdown_option)').length, 7,
+                'autocomplete should contains 8 suggestions');
+            assert.strictEqual($dropdown.find('li.o_m2o_dropdown_option').length, 1,
+                'autocomplete should contain "Search More"');
+            assert.containsNone($dropdown, 'li.o_m2o_start_typing',
+                'autocomplete should not contains start typing option if value is available');
+
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            assert.ok(!$dropdown.is(':visible'),
+                'clicking on the m2o input should close the dropdown if it is open');
+
+            // change the value of the m2o with a suggestion of the dropdown
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            await testUtils.fields.many2one.clickHighlightedItem('trululu');
+            assert.ok(!$dropdown.is(':visible'), 'clicking on a value should close the dropdown');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'first record',
+                'value of the m2o should have been correctly updated');
+
+            // change the value of the m2o with a record in the 'Search More' modal
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            // click on 'Search More' (mouseenter required by ui-autocomplete)
+            await testUtils.fields.many2one.clickItem('trululu', 'Search');
+            assert.ok($('.modal .o_list_view').length, "should have opened a list view in a modal");
+            assert.ok(!$('.modal .o_list_view .o_list_record_selector').length,
+                "there should be no record selector in the list view");
+            assert.ok(!$('.modal .modal-footer .o_select_button').length,
+                "there should be no 'Select' button in the footer");
+            assert.ok($('.modal tbody tr').length > 10, "list should contain more than 10 records");
+            await cpHelpers.editSearch('.modal', "P");
+            await cpHelpers.validateSearch('.modal');
+            assert.strictEqual($('.modal tbody tr').length, 10,
+                "list should be restricted to records containing a P (10 records)");
+            // choose a record
+            await testUtils.dom.click($('.modal tbody tr:contains(Partner 20)'));
+            assert.ok(!$('.modal').length, "should have closed the modal");
+            assert.ok(!$dropdown.is(':visible'), 'should have closed the dropdown');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'Partner 20',
+                'value of the m2o should have been correctly updated');
+
+            // save
+            await testUtils.form.clickSave(form);
+            assert.strictEqual(form.$('a.o_form_uri').text(), 'Partner 20',
+                "should display correct value after save");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one in non edit mode', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="trululu"/>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, 'a.o_form_uri',
+                "should display 1 m2o link in form");
+            assert.hasAttrValue(form.$('a.o_form_uri'), 'href', "#id=4&model=partner",
+                "href should contain id and model");
+
+            // Remove value from many2one and then save, there should not have href with id and model on m2o anchor
+            await testUtils.form.clickEdit(form);
+            form.$('.o_field_many2one input').val('').trigger('keyup').trigger('focusout');
+            await testUtils.form.clickSave(form);
+
+            assert.hasAttrValue(form.$('a.o_form_uri'), 'href', "#",
+                "href should have #");
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one with co-model whose name field is a many2one', async function (assert) {
+            assert.expect(4);
+
+            this.data.product.fields.name = {
+                string: 'User Name',
+                type: 'many2one',
+                relation: 'user',
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="product_id"/></form>',
+                archs: {
+                    'product,false,form': '<form><field name="name"/></form>',
+                },
+            });
+
+            await testUtils.fields.many2one.createAndEdit('product_id', "ABC");
+            assert.containsOnce(document.body, '.modal .o_form_view');
+
+            // quick create 'new value'
+            await testUtils.fields.many2one.searchAndClickItem('name', {search: 'new value'});
+            assert.strictEqual($('.modal .o_field_many2one input').val(), 'new value');
+
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary')); // save in modal
+            assert.containsNone(document.body, '.modal .o_form_view');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'new value');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one searches with correct value', async function (assert) {
+            assert.expect(6);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="trululu"/>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.step('search: ' + args.kwargs.name);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'aaa',
+                "should be initially set to 'aaa'");
+
+            await testUtils.dom.click(form.$('.o_field_many2one input'));
+            // unset the many2one -> should search again with ''
+            form.$('.o_field_many2one input').val('').trigger('keydown');
+            await testUtils.nextTick();
+            form.$('.o_field_many2one input').val('p').trigger('keydown').trigger('keyup');
+            await testUtils.nextTick();
+
+            // close and re-open the dropdown -> should search with 'p' again
+            await testUtils.dom.click(form.$('.o_field_many2one input'));
+            await testUtils.dom.click(form.$('.o_field_many2one input'));
+
+            assert.verifySteps(['search: ', 'search: ', 'search: p', 'search: p']);
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('many2one search with trailing and leading spaces', async function (assert) {
+            assert.expect(10);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form><field name="trululu"/></form>`,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.step('search: ' + args.kwargs.name);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            const $dropdown = form.$('.o_field_many2one input').autocomplete('widget');
+
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            assert.isVisible($dropdown);
+            assert.containsN($dropdown, 'li:not(.o_m2o_dropdown_option)', 4,
+                'autocomplete should contains 4 suggestions');
+
+            // search with leading spaces
+            form.$('.o_field_many2one input').val('   first').trigger('keydown').trigger('keyup');
+            await testUtils.nextTick();
+            assert.containsOnce($dropdown, 'li:not(.o_m2o_dropdown_option)',
+                'autocomplete should contains 1 suggestion');
+
+            // search with trailing spaces
+            form.$('.o_field_many2one input').val('first  ').trigger('keydown').trigger('keyup');
+            await testUtils.nextTick();
+            assert.containsOnce($dropdown, 'li:not(.o_m2o_dropdown_option)',
+                'autocomplete should contains 1 suggestion');
+
+            // search with leading and trailing spaces
+            form.$('.o_field_many2one input').val('   first   ').trigger('keydown').trigger('keyup');
+            await testUtils.nextTick();
+            assert.containsOnce($dropdown, 'li:not(.o_m2o_dropdown_option)',
+                'autocomplete should contains 1 suggestion');
+
+            assert.verifySteps(['search: ', 'search: first', 'search: first', 'search: first']);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one field with option always_reload', async function (assert) {
+            assert.expect(4);
+            var count = 0;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="trululu" options="{\'always_reload\': True}"/>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        count++;
+                        return Promise.resolve([[1, "first record\nand some address"]]);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            assert.strictEqual(count, 1, "an extra name_get should have been done");
+            assert.ok(form.$('a:contains(and some address)').length,
+                "should display additional result");
+
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name=trululu] input').val(), "first record",
+                "actual field value should be displayed to be edited");
+
+            await testUtils.form.clickSave(form);
+
+            assert.ok(form.$('a:contains(and some address)').length,
+                "should still display additional result");
+            form.destroy();
+        });
+
+        QUnit.test('many2one field and list navigation', async function (assert) {
+            assert.expect(3);
+
+            var list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree editable="bottom"><field name="trululu"/></tree>',
+            });
+
+            // edit first input, to trigger autocomplete
+            await testUtils.dom.click(list.$('.o_data_row .o_data_cell').first());
+            await testUtils.fields.editInput(list.$('.o_data_cell input'), '');
+
+            // press keydown, to select first choice
+            await testUtils.fields.triggerKeydown(list.$('.o_data_cell input').focus(), 'down');
+
+            // we now check that the dropdown is open (and that the focus did not go
+            // to the next line)
+            var $dropdown = list.$('.o_field_many2one input').autocomplete('widget');
+            assert.ok($dropdown.is(':visible'), "dropdown should be visible");
+            assert.hasClass(list.$('.o_data_row:eq(0)'),'o_selected_row',
+                'first data row should still be selected');
+            assert.doesNotHaveClass(list.$('.o_data_row:eq(1)'), 'o_selected_row',
+                'second data row should not be selected');
+
+            list.destroy();
+        });
+
+        QUnit.test('standalone many2one field', async function (assert) {
+            assert.expect(4);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var fixture = $('#qunit-fixture');
+            var self = this;
+
+            var model = await testUtils.createModel({
+                Model: BasicModel,
+                data: this.data,
+            });
+            var record;
+            model.makeRecord('coucou', [{
+                name: 'partner_id',
+                relation: 'partner',
+                type: 'many2one',
+                value: [1, 'first partner'],
+            }]).then(function (recordID) {
+                record = model.get(recordID);
+            });
+            await testUtils.nextTick();
+            // create a new widget that uses the StandaloneFieldManagerMixin
+            var StandaloneWidget = Widget.extend(StandaloneFieldManagerMixin, {
+                init: function (parent) {
+                    this._super.apply(this, arguments);
+                    StandaloneFieldManagerMixin.init.call(this, parent);
+                },
+            });
+            var parent = new StandaloneWidget(model);
+            model.setParent(parent);
+            await testUtils.mock.addMockEnvironment(parent, {
+                data: self.data,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            var relField = new relationalFields.FieldMany2One(parent, 'partner_id', record, {
+                mode: 'edit',
+                noOpen: true,
+            });
+
+            relField.appendTo(fixture);
+            await testUtils.nextTick();
+            await testUtils.fields.editInput($('input.o_input'), 'xyzzrot');
+
+            await testUtils.fields.many2one.clickItem('partner_id', 'Create');
+
+            assert.containsNone(relField, '.o_external_button',
+                "should not have the button to open the record");
+            assert.verifySteps(['name_search', 'name_create']);
+
+            parent.destroy();
+            model.destroy();
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+        });
+
+        // QUnit.test('onchange on a many2one to a different model', async function (assert) {
+        // This test is commented because the mock server does not give the correct response.
+        // It should return a couple [id, display_name], but I don't know the logic used
+        // by the server, so it's hard to emulate it correctly
+        //     assert.expect(2);
+
+        //     this.data.partner.records[0].product_id = 41;
+        //     this.data.partner.onchanges = {
+        //         foo: function(obj) {
+        //             obj.product_id = 37;
+        //         },
+        //     };
+
+        //     var form = await createView({
+        //         View: FormView,
+        //         model: 'partner',
+        //         data: this.data,
+        //         arch: '<form>' +
+        //                 '<field name="foo"/>' +
+        //                 '<field name="product_id"/>' +
+        //             '</form>',
+        //         res_id: 1,
+        //     });
+        //     await testUtils.form.clickEdit(form);
+        //     assert.strictEqual(form.$('input').eq(1).val(), 'xpad', "initial product_id val should be xpad");
+
+        //     testUtils.fields.editInput(form.$('input').eq(0), "let us trigger an onchange");
+
+        //     assert.strictEqual(form.$('input').eq(1).val(), 'xphone', "onchange should have been applied");
+        // });
+
+        QUnit.test('form: quick create then save directly', async function (assert) {
+            assert.expect(5);
+
+            var prom = testUtils.makeTestPromise();
+            var newRecordID;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="trululu"/>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        assert.step('name_create');
+                        return prom.then(_.constant(result)).then(function (nameGet) {
+                            newRecordID = nameGet[0];
+                            return nameGet;
+                        });
+                    }
+                    if (args.method === 'create') {
+                        assert.step('create');
+                        assert.strictEqual(args.args[0].trululu, newRecordID,
+                            "should create with the correct m2o id");
+                    }
+                    return result;
+                },
+            });
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {search: 'b'});
+            await testUtils.form.clickSave(form);
+
+            assert.verifySteps(['name_create'],
+                "should wait for the name_create before creating the record");
+
+            await prom.resolve();
+            await testUtils.nextTick();
+
+            assert.verifySteps(['create']);
+            form.destroy();
+        });
+
+        QUnit.test('form: quick create for field that returns false after name_create call', async function (assert) {
+            assert.expect(3);
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="trululu"/></form>',
+                mockRPC: function (route, args) {
+                    const result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        assert.step('name_create');
+                        // Resolve the name_create call to false. This is possible if
+                        // _rec_name for the model of the field is unassigned.
+                        return Promise.resolve(false);
+                    }
+                    return result;
+                },
+            });
+            await testUtils.fields.many2one.searchAndClickItem('trululu', { search: 'beam' });
+            assert.verifySteps(['name_create'], 'attempt to name_create');
+            assert.strictEqual(form.$(".o_input_dropdown input").val(), "",
+                "the input should contain no text after search and click")
+            form.destroy();
+        });
+
+        QUnit.test('list: quick create then save directly', async function (assert) {
+            assert.expect(8);
+
+            var prom = testUtils.makeTestPromise();
+            var newRecordID;
+            var list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree editable="top">' +
+                    '<field name="trululu"/>' +
+                    '</tree>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        assert.step('name_create');
+                        return prom.then(_.constant(result)).then(function (nameGet) {
+                            newRecordID = nameGet[0];
+                            return nameGet;
+                        });
+                    }
+                    if (args.method === 'create') {
+                        assert.step('create');
+                        assert.strictEqual(args.args[0].trululu, newRecordID,
+                            "should create with the correct m2o id");
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(list.$buttons.find('.o_list_button_add'));
+
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {search:'b'});
+            list.$buttons.find('.o_list_button_add').show();
+            testUtils.dom.click(list.$buttons.find('.o_list_button_add'));
+
+            assert.verifySteps(['name_create'],
+                "should wait for the name_create before creating the record");
+            assert.containsN(list, '.o_data_row', 4,
+                "should wait for the name_create before adding the new row");
+
+            await prom.resolve();
+            await testUtils.nextTick();
+
+            assert.verifySteps(['create']);
+            assert.strictEqual(list.$('.o_data_row:nth(1) .o_data_cell').text(), 'b',
+                "created row should have the correct m2o value");
+            assert.containsN(list, '.o_data_row', 5, "should have added the fifth row");
+
+            list.destroy();
+        });
+
+        QUnit.test('list in form: quick create then save directly', async function (assert) {
+            assert.expect(6);
+
+            var prom = testUtils.makeTestPromise();
+            var newRecordID;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        assert.step('name_create');
+                        return prom.then(_.constant(result)).then(function (nameGet) {
+                            newRecordID = nameGet[0];
+                            return nameGet;
+                        });
+                    }
+                    if (args.method === 'create') {
+                        assert.step('create');
+                        assert.strictEqual(args.args[0].p[0][2].trululu, newRecordID,
+                            "should create with the correct m2o id");
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {search: 'b'});
+            await testUtils.form.clickSave(form);
+
+            assert.verifySteps(['name_create'],
+                "should wait for the name_create before creating the record");
+
+            await prom.resolve();
+            await testUtils.nextTick();
+
+            assert.verifySteps(['create']);
+            assert.strictEqual(form.$('.o_data_row:first .o_data_cell').text(), 'b',
+                "first row should have the correct m2o value");
+            form.destroy();
+        });
+
+        QUnit.test('list in form: quick create then add a new line directly', async function (assert) {
+            // required many2one inside a one2many list: directly after quick creating
+            // a new many2one value (before the name_create returns), click on add an item:
+            // at this moment, the many2one has still no value, and as it is required,
+            // the row is discarded if a saveLine is requested. However, it should
+            // wait for the name_create to return before trying to save the line.
+            assert.expect(8);
+
+            this.data.partner.onchanges = {
+                trululu: function () { },
+            };
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var prom = testUtils.makeTestPromise();
+            var newRecordID;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        return prom.then(_.constant(result)).then(function (nameGet) {
+                            newRecordID = nameGet[0];
+                            return nameGet;
+                        });
+                    }
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0].p[0][2].trululu, newRecordID);
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'b', 'keydown');
+            await testUtils.fields.many2one.clickHighlightedItem('trululu');
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should still be only one row");
+            assert.hasClass(form.$('.o_data_row'),'o_selected_row',
+                "the row should still be in edition");
+
+            await prom.resolve();
+            await testUtils.nextTick();
+
+            assert.strictEqual(form.$('.o_data_row:first .o_data_cell').text(), 'b',
+                "first row should have the correct m2o value");
+            assert.containsN(form, '.o_data_row', 2,
+                "there should now be 2 rows");
+            assert.hasClass(form.$('.o_data_row:nth(1)'),'o_selected_row',
+                "the second row should be in edition");
+
+            await testUtils.form.clickSave(form);
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should be 1 row saved (the second one was empty and invalid)");
+            assert.strictEqual(form.$('.o_data_row .o_data_cell').text(), 'b',
+                "should have the correct m2o value");
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('list in form: create with one2many with many2one', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.p.default = [[0, 0, { display_name: 'new record', p: [] }]];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        throw new Error('Nameget should not be called');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual($('td.o_data_cell:first').text(), 'new record',
+                "should have created the new record in the o2m with the correct name");
+
+            form.destroy();
+        });
+
+        QUnit.test('list in form: create with one2many with many2one (version 2)', async function (assert) {
+            // This test simulates the exact same scenario as the previous one,
+            // except that the value for the many2one is explicitely set to false,
+            // which is stupid, but this happens, so we have to handle it
+            assert.expect(1);
+
+            this.data.partner.fields.p.default = [
+                [0, 0, { display_name: 'new record', trululu: false, p: [] }]
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        throw new Error('Nameget should not be called');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual($('td.o_data_cell:first').text(), 'new record',
+                "should have created the new record in the o2m with the correct name");
+
+            form.destroy();
+        });
+
+        QUnit.test('item not dropped on discard with empty required field (default_get)', async function (assert) {
+            // This test simulates discarding a record that has been created with
+            // one of its required field that is empty. When we discard the changes
+            // on this empty field, it should not assume that this record should be
+            // abandonned, since it has been added (even though it is a new record).
+            assert.expect(8);
+
+            this.data.partner.fields.p.default = [
+                [0, 0, { display_name: 'new record', trululu: false, p: [] }]
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+            });
+
+            assert.strictEqual($('tr.o_data_row').length, 1,
+                "should have created the new record in the o2m");
+            assert.strictEqual($('td.o_data_cell').first().text(), "new record",
+                "should have the correct displayed name");
+
+            var requiredElement = $('td.o_data_cell.o_required_modifier');
+            assert.strictEqual(requiredElement.length, 1,
+                "should have a required field on this record");
+            assert.strictEqual(requiredElement.text(), "",
+                "should have empty string in the required field on this record");
+
+            testUtils.dom.click(requiredElement);
+            // discard by clicking on body
+            testUtils.dom.click($('body'));
+
+            assert.strictEqual($('tr.o_data_row').length, 1,
+                "should still have the record in the o2m");
+            assert.strictEqual($('td.o_data_cell').first().text(), "new record",
+                "should still have the correct displayed name");
+
+            // update selector of required field element
+            requiredElement = $('td.o_data_cell.o_required_modifier');
+            assert.strictEqual(requiredElement.length, 1,
+                "should still have the required field on this record");
+            assert.strictEqual(requiredElement.text(), "",
+                "should still have empty string in the required field on this record");
+            form.destroy();
+        });
+
+        QUnit.test('list in form: name_get with unique ids (default_get)', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].display_name = "MyTrululu";
+            this.data.partner.fields.p.default = [
+                [0, 0, { trululu: 1, p: [] }],
+                [0, 0, { trululu: 1, p: [] }]
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_get') {
+                        throw new Error('should not call name_get');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual(form.$('td.o_data_cell').text(), "MyTrululuMyTrululu",
+                "both records should have the correct display_name for trululu field");
+
+            form.destroy();
+        });
+
+        QUnit.test('list in form: show name of many2one fields in multi-page (default_get)', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.fields.p.default = [
+                [0, 0, { display_name: 'record1', trululu: 1, p: [] }],
+                [0, 0, { display_name: 'record2', trululu: 2, p: [] }]
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom" limit="1">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+            });
+
+            assert.strictEqual(form.$('td.o_data_cell').first().text(),
+                "record1", "should show display_name of 1st record");
+            assert.strictEqual(form.$('td.o_data_cell').first().next().text(),
+                "first record", "should show display_name of trululu of 1st record");
+
+            await testUtils.dom.click(form.$('button.o_pager_next'));
+
+            assert.strictEqual(form.$('td.o_data_cell').first().text(),
+                "record2", "should show display_name of 2nd record");
+            assert.strictEqual(form.$('td.o_data_cell').first().next().text(),
+                "second record", "should show display_name of trululu of 2nd record");
+
+            form.destroy();
+        });
+
+        QUnit.test('list in form: item not dropped on discard with empty required field (onchange in default_get)', async function (assert) {
+            // variant of the test "list in form: discard newly added element with
+            // empty required field (default_get)", in which the `default_get`
+            // performs an `onchange` at the same time. This `onchange` may create
+            // some records, which should not be abandoned on discard, similarly
+            // to records created directly by `default_get`
+            assert.expect(7);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            this.data.partner.fields.product_id.default = 37;
+            this.data.partner.onchanges = {
+                product_id: function (obj) {
+                    if (obj.product_id === 37) {
+                        obj.p = [[0, 0, { display_name: "entry", trululu: false }]];
+                    }
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="product_id"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // check that there is a record in the editable list with empty string as required field
+            assert.containsOnce(form, '.o_data_row',
+                "should have a row in the editable list");
+            assert.strictEqual($('td.o_data_cell').first().text(), "entry",
+                "should have the correct displayed name");
+            var requiredField = $('td.o_data_cell.o_required_modifier');
+            assert.strictEqual(requiredField.length, 1,
+                "should have a required field on this record");
+            assert.strictEqual(requiredField.text(), "",
+                "should have empty string in the required field on this record");
+
+            // click on empty required field in editable list record
+            testUtils.dom.click(requiredField);
+            // click off so that the required field still stay empty
+            testUtils.dom.click($('body'));
+
+            // record should not be dropped
+            assert.containsOnce(form, '.o_data_row',
+                "should not have dropped record in the editable list");
+            assert.strictEqual($('td.o_data_cell').first().text(), "entry",
+                "should still have the correct displayed name");
+            assert.strictEqual($('td.o_data_cell.o_required_modifier').text(), "",
+                "should still have empty string in the required field");
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('list in form: item not dropped on discard with empty required field (onchange on list after default_get)', async function (assert) {
+            // discarding a record from an `onchange` in a `default_get` should not
+            // abandon the record. This should not be the case for following
+            // `onchange`, except if an onchange make some changes on the list:
+            // in particular, if an onchange make changes on the list such that
+            // a record is added, this record should not be dropped on discard
+            assert.expect(8);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            this.data.partner.onchanges = {
+                product_id: function (obj) {
+                    if (obj.product_id === 37) {
+                        obj.p = [[0, 0, { display_name: "entry", trululu: false }]];
+                    }
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="product_id"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // check no record in list
+            assert.containsNone(form, '.o_data_row',
+                "should have no row in the editable list");
+
+            // select product_id to force on_change in editable list
+            await testUtils.dom.click(form.$('.o_field_widget[name="product_id"] .o_input'));
+            await testUtils.dom.click($('.ui-menu-item').first());
+
+            // check that there is a record in the editable list with empty string as required field
+            assert.containsOnce(form, '.o_data_row',
+                "should have a row in the editable list");
+            assert.strictEqual($('td.o_data_cell').first().text(), "entry",
+                "should have the correct displayed name");
+            var requiredField = $('td.o_data_cell.o_required_modifier');
+            assert.strictEqual(requiredField.length, 1,
+                "should have a required field on this record");
+            assert.strictEqual(requiredField.text(), "",
+                "should have empty string in the required field on this record");
+
+            // click on empty required field in editable list record
+            await testUtils.dom.click(requiredField);
+            // click off so that the required field still stay empty
+            await testUtils.dom.click($('body'));
+
+            // record should not be dropped
+            assert.containsOnce(form, '.o_data_row',
+                "should not have dropped record in the editable list");
+            assert.strictEqual($('td.o_data_cell').first().text(), "entry",
+                "should still have the correct displayed name");
+            assert.strictEqual($('td.o_data_cell.o_required_modifier').text(), "",
+                "should still have empty string in the required field");
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('item dropped on discard with empty required field with "Add an item" (invalid on "ADD")', async function (assert) {
+            // when a record in a list is added with "Add an item", it should
+            // always be dropped on discard if some required field are empty
+            // at the record creation.
+            assert.expect(6);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // Click on "Add an item"
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            var charField = form.$('.o_field_widget.o_field_char[name="display_name"]');
+            var requiredField = form.$('.o_field_widget.o_required_modifier[name="trululu"]');
+            charField.val("some text");
+            assert.strictEqual(charField.length, 1,
+                "should have a char field 'display_name' on this record");
+            assert.doesNotHaveClass(charField, 'o_required_modifier',
+                "the char field should not be required on this record");
+            assert.strictEqual(charField.val(), "some text",
+                "should have entered text in the char field on this record");
+            assert.strictEqual(requiredField.length, 1,
+                "should have a required field 'trululu' on this record");
+            assert.strictEqual(requiredField.val().trim(), "",
+                "should have empty string in the required field on this record");
+
+            // click on empty required field in editable list record
+            await testUtils.dom.click(requiredField);
+            // click off so that the required field still stay empty
+            await testUtils.dom.click($('body'));
+
+            // record should be dropped
+            assert.containsNone(form, '.o_data_row',
+                "should have dropped record in the editable list");
+
+            form.destroy();
+        });
+
+        QUnit.test('item not dropped on discard with empty required field with "Add an item" (invalid on "UPDATE")', async function (assert) {
+            // when a record in a list is added with "Add an item", it should
+            // be temporarily added to the list when it is valid (e.g. required
+            // fields are non-empty). If the record is updated so that the required
+            // field is empty, and it is discarded, then the record should not be
+            // dropped.
+            assert.expect(8);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.containsNone(form, '.o_data_row',
+                "should initially not have any record in the list");
+
+            // Click on "Add an item"
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsOnce(form, '.o_data_row',
+                "should have a temporary record in the list");
+
+            var $inputEditMode = form.$('.o_field_widget.o_required_modifier[name="trululu"] input');
+            assert.strictEqual($inputEditMode.length, 1,
+                "should have a required field 'trululu' on this record");
+            assert.strictEqual($inputEditMode.val(), "",
+                "should have empty string in the required field on this record");
+
+            // add something to required field and leave edit mode of the record
+            await testUtils.dom.click($inputEditMode);
+            await testUtils.dom.click($('li.ui-menu-item').first());
+            await testUtils.dom.click($('body'));
+
+            var $inputReadonlyMode = form.$('.o_data_cell.o_required_modifier');
+            assert.containsOnce(form, '.o_data_row',
+                "should not have dropped valid record when leaving edit mode");
+            assert.strictEqual($inputReadonlyMode.text(), "first record",
+                "should have put some content in the required field on this record");
+
+            // remove the required field and leave edit mode of the record
+            await testUtils.dom.click($('.o_data_row'));
+            assert.containsOnce(form, '.o_data_row',
+                "should not have dropped record in the list on discard (invalid on UPDATE)");
+            assert.strictEqual($inputReadonlyMode.text(), "first record",
+                "should keep previous valid required field content on this record");
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('list in form: default_get with x2many create', async function (assert) {
+            assert.expect(3);
+            this.data.partner.fields.timmy.default = [
+                [0, 0, { display_name: 'brandon is the new timmy', name: 'brandon' }]
+            ];
+            var displayName = 'brandon is the new timmy';
+            this.data.partner.onchanges.timmy = function (obj) {
+                obj.int_field = obj.timmy.length;
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="timmy">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '<field name="int_field"/>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0], {
+                            int_field: 2,
+                            timmy: [
+                                [6, false, []],
+                                // LPE TODO 1 taskid-2261084: remove this entire comment including code snippet
+                                // when the change in behavior has been thoroughly tested.
+                                // We can't distinguish a value coming from a default_get
+                                // from one coming from the onchange, and so we can either store and
+                                // send it all the time, or never.
+                                // [0, args.args[0].timmy[1][1], { display_name: displayName, name: 'brandon' }],
+                                [0, args.args[0].timmy[1][1], { display_name: displayName }],
+                            ],
+                        }, "should send the correct values to create");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual($('td.o_data_cell:first').text(), 'brandon is the new timmy',
+                "should have created the new record in the m2m with the correct name");
+            assert.strictEqual($('input.o_field_integer').val(), '1',
+                "should have called and executed the onchange properly");
+
+            // edit the subrecord and save
+            displayName = 'new value';
+            await testUtils.dom.click(form.$('.o_data_cell'));
+            await testUtils.fields.editInput(form.$('.o_data_cell input'), displayName);
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('list in form: default_get with x2many create and onchange', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.turtles.default = [[6, 0, [2, 3]]];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '<field name="int_field"/>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0].turtles, [
+                            [4, 2, false],
+                            [4, 3, false],
+                        ], 'should send proper commands to create method');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('list in form: call button in sub view', async function (assert) {
+            assert.expect(11);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/product/get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                intercepts: {
+                    execute_action: function (event) {
+                        assert.strictEqual(event.data.env.model, 'product',
+                            'should call with correct model in env');
+                        assert.strictEqual(event.data.env.currentID, 37,
+                            'should call with correct currentID in env');
+                        assert.deepEqual(event.data.env.resIDs, [37],
+                            'should call with correct resIDs in env');
+                        assert.step(event.data.action_data.name);
+                    },
+                },
+                archs: {
+                    'product,false,form': '<form string="Partners">' +
+                        '<header>' +
+                        '<button name="action" type="action" string="Just do it !"/>' +
+                        '<button name="object" type="object" string="Just don\'t do it !"/>' +
+                        '<field name="display_name"/>' +
+                        '</header>' +
+                        '</form>',
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('td.o_data_cell:first'));
+            await testUtils.dom.click(form.$('.o_external_button'));
+            await testUtils.dom.click($('button:contains("Just do it !")'));
+            assert.verifySteps(['action']);
+            await testUtils.dom.click($('button:contains("Just don\'t do it !")'));
+            assert.verifySteps([]); // the second button is disabled, it can't be clicked
+
+            await testUtils.dom.click($('.modal .btn-secondary:contains(Discard)'));
+            await testUtils.dom.click(form.$('.o_external_button'));
+            await testUtils.dom.click($('button:contains("Just don\'t do it !")'));
+            assert.verifySteps(['object']);
+            form.destroy();
+        });
+
+        QUnit.test('X2Many sequence list in modal', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.fields.sequence = { string: 'Sequence', type: 'integer' };
+            this.data.partner.records[0].sequence = 1;
+            this.data.partner.records[1].sequence = 2;
+            this.data.partner.onchanges = {
+                sequence: function (obj) {
+                    if (obj.id === 2) {
+                        obj.sequence = 1;
+                        assert.step('onchange sequence');
+                    }
+                },
+            };
+
+            this.data.product.fields.turtle_ids = { string: 'Turtles', type: 'one2many', relation: 'turtle' };
+            this.data.product.records[0].turtle_ids = [1];
+
+            this.data.turtle.fields.partner_types_ids = { string: "Partner", type: "one2many", relation: 'partner' };
+            this.data.turtle.fields.type_id = { string: "Partner Type", type: "many2one", relation: 'partner_type' };
+
+            this.data.partner_type.fields.partner_ids = { string: "Partner", type: "one2many", relation: 'partner' };
+            this.data.partner_type.records[0].partner_ids = [1, 2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'product',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="name"/>' +
+                    '<field name="turtle_ids" widget="one2many">' +
+                    '<tree string="Turtles" editable="bottom">' +
+                    '<field name="type_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,form': '<form><field name="partner_ids"/></form>',
+                    'partner,false,list': '<tree string="Vendors">' +
+                        '<field name="display_name"/>' +
+                        '<field name="sequence" widget="handle"/>' +
+                        '</tree>',
+                },
+                res_id: 37,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/product/read') {
+                        return Promise.resolve([{ id: 37, name: 'xphone', display_name: 'leonardo', turtle_ids: [1] }]);
+                    }
+                    if (route === '/web/dataset/call_kw/turtle/read') {
+                        return Promise.resolve([{ id: 1, type_id: [12, 'gold'] }]);
+                    }
+                    if (route === '/web/dataset/call_kw/partner_type/get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    if (route === '/web/dataset/call_kw/partner_type/read') {
+                        return Promise.resolve([{ id: 12, partner_ids: [1, 2], display_name: 'gold' }]);
+                    }
+                    if (route === '/web/dataset/call_kw/partner_type/write') {
+                        assert.step('partner_type write');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_cell'));
+            await testUtils.dom.click(form.$('.o_external_button'));
+
+            var $modal = $('.modal');
+            assert.equal($modal.length, 1,
+                'There should be 1 modal opened');
+
+            var $handles = $modal.find('.ui-sortable-handle');
+            assert.equal($handles.length, 2,
+                'There should be 2 sequence handlers');
+
+            await testUtils.dom.dragAndDrop($handles.eq(1),
+                $modal.find('tbody tr').first(), { position: 'top' });
+
+            // Saving the modal and then the original model
+            await testUtils.dom.click($modal.find('.modal-footer .btn-primary'));
+            await testUtils.form.clickSave(form);
+
+            assert.verifySteps(['onchange sequence', 'partner_type write']);
+
+            form.destroy();
+        });
+
+        QUnit.test('autocompletion in a many2one, in form view with a domain', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="product_id"/>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    domain: [['trululu', '=', 4]]
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.deepEqual(args.kwargs.args, [], "should not have a domain");
+                    }
+                    return this._super(route, args);
+                }
+            });
+            await testUtils.form.clickEdit(form);
+
+            testUtils.dom.click(form.$('.o_field_widget[name=product_id] input'));
+            form.destroy();
+        });
+
+        QUnit.test('autocompletion in a many2one, in form view with a date field', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="bar"/>' +
+                    '<field name="date"/>' +
+                    '<field name="trululu" domain="[(\'bar\',\'=\',True)]"/>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.deepEqual(args.kwargs.args, [["bar", "=", true]], "should not have a domain");
+                    }
+                    return this._super(route, args);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+            form.destroy();
+        });
+
+        QUnit.test('creating record with many2one with option always_reload', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.fields.trululu.default = 1;
+            this.data.partner.onchanges = {
+                trululu: function (obj) {
+                    obj.trululu = 2; //[2, "second record"];
+                },
+            };
+
+            var count = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="trululu" options="{\'always_reload\': True}"/>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    count++;
+                    if (args.method === 'name_get' && args.args[0] === 2) {
+                        return Promise.resolve([[2, "hello world\nso much noise"]]);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            assert.strictEqual(count, 2, "should have done 2 rpcs (onchange and name_get)");
+            assert.strictEqual(form.$('.o_field_widget[name=trululu] input').val(), 'hello world',
+                "should have taken the correct display name");
+            form.destroy();
+        });
+
+        QUnit.test('selecting a many2one, then discarding', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="product_id"/>' +
+                    '</form>',
+                res_id: 1,
+            });
+            assert.strictEqual(form.$('a[name=product_id]').text(), '', 'the tag a should be empty');
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickItem('product_id','xphone');
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), "xphone", "should have selected xphone");
+
+            await testUtils.form.clickDiscard(form);
+            assert.strictEqual(form.$('a[name=product_id]').text(), '', 'the tag a should be empty');
+            form.destroy();
+        });
+
+        QUnit.test('domain and context are correctly used when doing a name_search in a m2o', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].timmy = [12];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form string="Partners">' +
+                    '<field name="product_id" ' +
+                    'domain="[[\'foo\', \'=\', \'bar\'], [\'foo\', \'=\', foo]]" ' +
+                    'context="{\'hello\': \'world\', \'test\': foo}"/>' +
+                    '<field name="foo"/>' +
+                    '<field name="trululu" context="{\'timmy\': timmy}" domain="[[\'id\', \'in\', timmy]]"/>' +
+                    '<field name="timmy" widget="many2many_tags" invisible="1"/>' +
+                    '</form>',
+                res_id: 1,
+                session: { user_context: { hey: "ho" } },
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search' && args.model === 'product') {
+                        assert.deepEqual(
+                            args.kwargs.args,
+                            [['foo', '=', 'bar'], ['foo', '=', 'yop']],
+                            'the field attr domain should have been used for the RPC (and evaluated)');
+                        assert.deepEqual(
+                            args.kwargs.context,
+                            { hey: "ho", hello: "world", test: "yop" },
+                            'the field attr context should have been used for the ' +
+                            'RPC (evaluated and merged with the session one)');
+                        return Promise.resolve([]);
+                    }
+                    if (args.method === 'name_search' && args.model === 'partner') {
+                        assert.deepEqual(args.kwargs.args, [['id', 'in', [12]]],
+                            'the field attr domain should have been used for the RPC (and evaluated)');
+                        assert.deepEqual(args.kwargs.context, { hey: 'ho', timmy: [[6, false, [12]]] },
+                            'the field attr context should have been used for the RPC (and evaluated)');
+                        return Promise.resolve([]);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            testUtils.dom.click(form.$('.o_field_widget[name=product_id] input'));
+
+            testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('quick create on a many2one', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="product_id"/>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/product/name_create') {
+                        assert.strictEqual(args.args[0], 'new partner',
+                            "should name create a new product");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.triggerEvent(form.$('.o_field_many2one input'),'focus');
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+            'new partner', ['keyup', 'blur']);
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary').first());
+            assert.strictEqual($('.modal .modal-body').text().trim(), "Do you want to create new partner as a new Product?");
+
+            form.destroy();
+        });
+
+        QUnit.test('failing quick create on a many2one', async function (assert) {
+            assert.expect(4);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="product_id"/></form>',
+                archs: {
+                    'product,false,form': '<form><field name="name"/></form>',
+                },
+                mockRPC(route, args) {
+                    if (args.method === 'name_create') {
+                        return Promise.reject();
+                    }
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0], { name: 'xyz' });
+                    }
+                    return this._super(...arguments);
+                },
+            });
+
+            await testUtils.fields.many2one.searchAndClickItem('product_id', {
+                search: 'abcd',
+                item: 'Create "abcd"',
+            });
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.strictEqual($('.o_field_widget[name=name]').val(), 'abcd');
+
+            await testUtils.fields.editInput($('.modal .o_field_widget[name=name]'), 'xyz');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), 'xyz');
+
+            form.destroy();
+        });
+
+        QUnit.test('failing quick create on a many2one inside a one2many', async function (assert) {
+            assert.expect(4);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="p"/></form>',
+                archs: {
+                    'partner,false,list': '<tree editable="bottom"><field name="product_id"/></tree>',
+                    'product,false,form': '<form><field name="name"/></form>',
+                },
+                mockRPC(route, args) {
+                    if (args.method === 'name_create') {
+                        return Promise.reject();
+                    }
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0], { name: 'xyz' });
+                    }
+                    return this._super(...arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.many2one.searchAndClickItem('product_id', {
+                search: 'abcd',
+                item: 'Create "abcd"',
+            });
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.strictEqual($('.o_field_widget[name=name]').val(), 'abcd');
+
+            await testUtils.fields.editInput($('.modal .o_field_widget[name=name]'), 'xyz');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), 'xyz');
+
+            form.destroy();
+        });
+
+        QUnit.test('slow create on a many2one', async function (assert) {
+            assert.expect(11);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form>' +
+                    '<sheet>' +
+                    '<field name="product_id" options="{\'quick_create\': False}"/>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'product,false,form':
+                        '<form>' +
+                        '<field name="name"/>' +
+                        '</form>',
+                },
+            });
+
+            // cancel the many2one creation with Cancel button
+            form.$('.o_field_many2one input').focus().val('new product').trigger('keyup').trigger('blur');
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal').length, 1, "there should be one opened modal");
+
+            await testUtils.dom.click($('.modal .modal-footer .btn:contains(Cancel)'));
+            assert.strictEqual($('.modal').length, 0, "the modal should be closed");
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "",
+                'the many2one should not set a value as its creation has been cancelled (with Cancel button)');
+
+            // cancel the many2one creation with Close button
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'new product', ['keyup', 'blur']);
+            assert.strictEqual($('.modal').length, 1, "there should be one opened modal");
+            await testUtils.dom.click($('.modal .modal-header button'));
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "",
+                'the many2one should not set a value as its creation has been cancelled (with Close button)');
+            assert.strictEqual($('.modal').length, 0, "the modal should be closed");
+
+            // select a new value then cancel the creation of the new one --> restore the previous
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickItem('product_id','o');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "xphone", "should have selected xphone");
+
+            form.$('.o_field_many2one input').focus().val('new product').trigger('keyup').trigger('blur');
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal').length, 1, "there should be one opened modal");
+
+            await testUtils.dom.click($('.modal .modal-footer .btn:contains(Cancel)'));
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "xphone",
+                'should have restored the many2one with its previous selected value (xphone)');
+
+            // confirm the many2one creation
+            form.$('.o_field_many2one input').focus().val('new partner').trigger('keyup').trigger('blur');
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal').length, 1, "there should be one opened modal");
+
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:contains(Create and edit)'));
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal .o_form_view').length, 1,
+                'a new modal should be opened and contain a form view');
+
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+
+            form.destroy();
+        });
+
+        QUnit.test('no_create option on a many2one', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="product_id" options="{\'no_create\': True}"/>' +
+                    '</sheet>' +
+                    '</form>',
+            });
+
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'new partner', ['keyup', 'focusout']);
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal').length, 0, "should not display the create modal");
+            form.destroy();
+        });
+
+        QUnit.test('can_create and can_write option on a many2one', async function (assert) {
+            assert.expect(5);
+
+            this.data.product.options = {
+                can_create: "false",
+                can_write: "false",
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="product_id" can_create="false" can_write="false"/>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'product,false,form': '<form string="Products"><field name="display_name"/></form>',
+                },
+                mockRPC: function (route) {
+                    if (route === '/web/dataset/call_kw/product/get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_many2one input'));
+            assert.strictEqual($('.ui-autocomplete .o_m2o_dropdown_option:contains(Create)').length, 0,
+                "there shouldn't be any option to search and create");
+
+            await testUtils.dom.click($('.ui-autocomplete li:contains(xpad)').mouseenter());
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "xpad",
+                "the correct record should be selected");
+            assert.containsOnce(form, '.o_field_many2one .o_external_button',
+                "there should be an external button displayed");
+
+            await testUtils.dom.click(form.$('.o_field_many2one .o_external_button'));
+            assert.strictEqual($('.modal .o_form_view.o_form_readonly').length, 1,
+                "there should be a readonly form view opened");
+
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'new product', ['keyup', 'focusout']);
+            assert.strictEqual($('.modal').length, 0, "should not display the create modal");
+            form.destroy();
+        });
+
+        QUnit.test('pressing enter in a m2o in an editable list', async function (assert) {
+            assert.expect(9);
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree editable="bottom"><field name="product_id"/></tree>',
+            });
+
+            await testUtils.dom.click(list.$('td.o_data_cell:first'));
+            assert.containsOnce(list, '.o_selected_row',
+                "should have a row in edit mode");
+
+            // we now write 'a' and press enter to check that the selection is
+            // working, and prevent the navigation
+            await testUtils.fields.editInput(list.$('td.o_data_cell input:first'), 'a');
+            var $input = list.$('td.o_data_cell input:first');
+            var $dropdown = $input.autocomplete('widget');
+            assert.ok($dropdown.is(':visible'), "autocomplete dropdown should be visible");
+
+            // we now trigger ENTER to select first choice
+            await testUtils.fields.triggerKeydown($input, 'enter');
+            assert.strictEqual($input[0], document.activeElement,
+                "input should still be focused");
+
+            // we now trigger again ENTER to make sure we can move to next line
+            await testUtils.fields.triggerKeydown($input, 'enter');
+
+            assert.notOk(document.contains($input[0]),
+                "input should no longer be in dom");
+            assert.hasClass(list.$('tr.o_data_row:eq(1)'),'o_selected_row',
+                "second row should now be selected");
+
+            // we now write again 'a' in the cell to select xpad. We will now
+            // test with the tab key
+            await testUtils.fields.editInput(list.$('td.o_data_cell input:first'), 'a');
+            var $input = list.$('td.o_data_cell input:first');
+            var $dropdown = $input.autocomplete('widget');
+            assert.ok($dropdown.is(':visible'), "autocomplete dropdown should be visible");
+            await testUtils.fields.triggerKeydown($input, 'tab');
+            assert.strictEqual($input[0], document.activeElement,
+                "input should still be focused");
+
+            // we now trigger again ENTER to make sure we can move to next line
+            await testUtils.fields.triggerKeydown($input, 'tab');
+
+            assert.notOk(document.contains($input[0]),
+                "input should no longer be in dom");
+            assert.hasClass(list.$('tr.o_data_row:eq(2)'),'o_selected_row',
+                "third row should now be selected");
+            list.destroy();
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+        });
+
+        QUnit.test('pressing ENTER on a \'no_quick_create\' many2one should open a M2ODialog', async function (assert) {
+            assert.expect(2);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="trululu" options="{\'no_quick_create\': True}"/>' +
+                    '<field name="foo"/>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form string="Partners"><field name="display_name"/></form>',
+                },
+            });
+
+            var $input = form.$('.o_field_many2one input');
+            await testUtils.fields.editInput($input, "Something that does not exist");
+            $('.ui-autocomplete .ui-menu-item a:contains(Create and)').trigger('mouseenter');
+            await testUtils.nextTick();
+            await testUtils.fields.triggerKey('down', $input, 'enter')
+            await testUtils.fields.triggerKey('press', $input, 'enter')
+            await testUtils.fields.triggerKey('up', $input, 'enter')
+            $input.blur();
+            assert.strictEqual($('.modal').length, 1,
+                "should have one modal in body");
+            // Check that discarding clears $input
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+            assert.strictEqual($input.val(), '',
+                "the field should be empty");
+            form.destroy();
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+        });
+
+        QUnit.test('select a value by pressing TAB on a many2one with onchange', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges.trululu = function () { };
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+            var prom = testUtils.makeTestPromise();
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="trululu"/>' +
+                    '<field name="display_name"/>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return prom.then(_.constant(result));
+                    }
+                    return result;
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            var $input = form.$('.o_field_many2one input');
+            await testUtils.fields.editInput($input, "first");
+            await testUtils.fields.triggerKey('down', $input, 'tab');
+            await testUtils.fields.triggerKey('press', $input, 'tab');
+            await testUtils.fields.triggerKey('up', $input, 'tab');
+
+            // simulate a focusout (e.g. because the user clicks outside)
+            // before the onchange returns
+            form.$('.o_field_char').focus();
+
+            assert.strictEqual($('.modal').length, 0,
+                "there shouldn't be any modal in body");
+
+            // unlock the onchange
+            prom.resolve();
+            await testUtils.nextTick();
+
+            assert.strictEqual($input.val(), 'first record',
+                "first record should have been selected");
+            assert.strictEqual($('.modal').length, 0,
+                "there shouldn't be any modal in body");
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('many2one in editable list + onchange, with enter [REQUIRE FOCUS]', async function (assert) {
+            assert.expect(6);
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            this.data.partner.onchanges.product_id = function (obj) {
+                obj.int_field = obj.product_id || 0;
+            };
+
+            var prom = testUtils.makeTestPromise();
+
+            var list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree editable="bottom"><field name="product_id"/><field name="int_field"/></tree>',
+                mockRPC: function (route, args) {
+                    if (args.method) {
+                        assert.step(args.method);
+                    }
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return prom.then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(list.$('td.o_data_cell:first'));
+            await testUtils.fields.editInput(list.$('td.o_data_cell input:first'), 'a');
+            var $input = list.$('td.o_data_cell input:first');
+            await testUtils.fields.triggerKeydown($input, 'enter');
+            await testUtils.fields.triggerKey('up', $input, 'enter');
+            prom.resolve();
+            await testUtils.nextTick();
+            await testUtils.fields.triggerKeydown($input, 'enter');
+            assert.strictEqual($('.modal').length, 0, "should not have any modal in DOM");
+            assert.verifySteps(['name_search', 'onchange', 'write', 'read']);
+            list.destroy();
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+        });
+
+        QUnit.test('many2one in editable list + onchange, with enter, part 2 [REQUIRE FOCUS]', async function (assert) {
+            // this is the same test as the previous one, but the onchange is just
+            // resolved slightly later
+            assert.expect(6);
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            this.data.partner.onchanges.product_id = function (obj) {
+                obj.int_field = obj.product_id || 0;
+            };
+
+            var prom = testUtils.makeTestPromise();
+
+            var list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree editable="bottom"><field name="product_id"/><field name="int_field"/></tree>',
+                mockRPC: function (route, args) {
+                    if (args.method) {
+                        assert.step(args.method);
+                    }
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return prom.then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(list.$('td.o_data_cell:first'));
+            await testUtils.fields.editInput(list.$('td.o_data_cell input:first'), 'a');
+            var $input = list.$('td.o_data_cell input:first');
+            await testUtils.fields.triggerKeydown($input, 'enter');
+            await testUtils.fields.triggerKey('up', $input, 'enter');
+            await testUtils.fields.triggerKeydown($input, 'enter');
+            prom.resolve();
+            await testUtils.nextTick();
+            assert.strictEqual($('.modal').length, 0, "should not have any modal in DOM");
+            assert.verifySteps(['name_search', 'onchange', 'write', 'read']);
+            list.destroy();
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+        });
+
+        QUnit.test('many2one: domain updated by an onchange', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.onchanges = {
+                int_field: function () { },
+            };
+
+            var domain = [];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="int_field"/>' +
+                    '<field name="trululu"/>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        domain = [['id', 'in', [10]]];
+                        return Promise.resolve({
+                            domain: {
+                                trululu: domain,
+                                unexisting_field: domain,
+                            }
+                        });
+                    }
+                    if (args.method === 'name_search') {
+                        assert.deepEqual(args.kwargs.args, domain,
+                            "sent domain should be correct");
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // trigger a name_search (domain should be [])
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+            // close the dropdown
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+            // trigger an onchange that will update the domain
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), 2);
+            // trigger a name_search (domain should be [['id', 'in', [10]]])
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one in one2many: domain updated by an onchange', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges = {
+                trululu: function () { },
+            };
+
+            var domain = [];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            domain: {
+                                trululu: domain,
+                            },
+                        });
+                    }
+                    if (args.method === 'name_search') {
+                        assert.deepEqual(args.kwargs.args, domain,
+                            "sent domain should be correct");
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // add a first row with a specific domain for the m2o
+            domain = [['id', 'in', [10]]]; // domain for subrecord 1
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+
+            // add a second row with another domain for the m2o
+            domain = [['id', 'in', [5]]]; // domain for subrecord 2
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+
+            // check again the first row to ensure that the domain hasn't change
+            domain = [['id', 'in', [10]]]; // domain for subrecord 1 should have been kept
+            await testUtils.dom.click(form.$('.o_data_row:first .o_data_cell'));
+            await testUtils.dom.click(form.$('.o_field_widget[name=trululu] input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('search more in many2one: no text in input', async function (assert) {
+            // when the user clicks on 'Search More...' in a many2one dropdown, and there is no text
+            // in the input (i.e. no value to search on), we bypass the name_search that is meant to
+            // return a list of preselected ids to filter on in the list view (opened in a dialog)
+            assert.expect(6);
+
+            for (var i = 0; i < 8; i++) {
+                this.data.partner.records.push({id: 100 + i, display_name: 'test_' + i});
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="trululu"/></form>',
+                archs: {
+                    'partner,false,list': '<list><field name="display_name"/></list>',
+                    'partner,false,search': '<search></search>',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method || route);
+                    if (route === '/web/dataset/search_read') {
+                        assert.deepEqual(args.domain, [],
+                            "should not preselect ids as there as nothing in the m2o input");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {
+                item: 'Search More',
+                search: '',
+            });
+
+            assert.verifySteps([
+                'onchange',
+                'name_search', // to display results in the dropdown
+                'load_views', // list view in dialog
+                '/web/dataset/search_read', // to display results in the dialog
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('search more in many2one: text in input', async function (assert) {
+            // when the user clicks on 'Search More...' in a many2one dropdown, and there is some
+            // text in the input, we perform a name_search to get a (limited) list of preselected
+            // ids and we add a dynamic filter (with those ids) to the search view in the dialog, so
+            // that the user can remove this filter to bypass the limit
+            assert.expect(12);
+
+            for (var i = 0; i < 8; i++) {
+                this.data.partner.records.push({id: 100 + i, display_name: 'test_' + i});
+            }
+
+            var expectedDomain;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="trululu"/></form>',
+                archs: {
+                    'partner,false,list': '<list><field name="display_name"/></list>',
+                    'partner,false,search': '<search></search>',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method || route);
+                    if (route === '/web/dataset/search_read') {
+                        assert.deepEqual(args.domain, expectedDomain);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            expectedDomain = [['id', 'in', [100, 101, 102, 103, 104, 105, 106, 107]]];
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {
+                item: 'Search More',
+                search: 'test',
+            });
+
+            assert.containsOnce(document.body, '.modal .o_list_view');
+            assert.containsOnce(document.body, '.modal .o_cp_searchview .o_facet_values',
+                "should have a special facet for the pre-selected ids");
+
+            // remove the filter on ids
+            expectedDomain = [];
+            await testUtils.dom.click($('.modal .o_cp_searchview .o_facet_remove'));
+
+            assert.verifySteps([
+                'onchange',
+                'name_search', // empty search, triggered when the user clicks in the input
+                'name_search', // to display results in the dropdown
+                'name_search', // to get preselected ids matching the search
+                'load_views', // list view in dialog
+                '/web/dataset/search_read', // to display results in the dialog
+                '/web/dataset/search_read', // after removal of dynamic filter
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('search more in many2one: dropdown click', async function (assert) {
+            assert.expect(8);
+
+            for (let i = 0; i < 8; i++) {
+                this.data.partner.records.push({id: 100 + i, display_name: 'test_' + i});
+            }
+
+            // simulate modal-like element rendered by the field html
+            const $fakeDialog = $(`<div>
+                <div class="pouet">
+                    <div class="modal"></div>
+                </div>
+            </div>`);
+            $('body').append($fakeDialog);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="trululu"/></form>',
+                archs: {
+                    'partner,false,list': '<list><field name="display_name"/></list>',
+                    'partner,false,search': '<search></search>',
+                },
+            });
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {
+                item: 'Search More',
+                search: 'test',
+            });
+
+            // dropdown selector
+            let filterMenuCss = '.o_search_options > .o_filter_menu';
+            let groupByMenuCss = '.o_search_options > .o_group_by_menu';
+
+            await testUtils.dom.click(document.querySelector(`${filterMenuCss} > .o_dropdown_toggler_btn`));
+
+            assert.hasClass(document.querySelector(filterMenuCss), 'show');
+            assert.isVisible(document.querySelector(`${filterMenuCss} > .dropdown-menu`),
+                "the filter dropdown menu should be visible");
+            assert.doesNotHaveClass(document.querySelector(groupByMenuCss), 'show');
+            assert.isNotVisible(document.querySelector(`${groupByMenuCss} > .dropdown-menu`),
+                "the Group by dropdown menu should be not visible");
+
+            await testUtils.dom.click(document.querySelector(`${groupByMenuCss} > .o_dropdown_toggler_btn`));
+            assert.hasClass(document.querySelector(groupByMenuCss), 'show');
+            assert.isVisible(document.querySelector(`${groupByMenuCss} > .dropdown-menu`),
+                "the group by dropdown menu should be visible");
+            assert.doesNotHaveClass(document.querySelector(filterMenuCss), 'show');
+            assert.isNotVisible(document.querySelector(`${filterMenuCss} > .dropdown-menu`),
+                "the filter dropdown menu should be not visible");
+
+            $fakeDialog.remove();
+            form.destroy();
+        });
+
+        QUnit.test('updating a many2one from a many2many', async function (assert) {
+            assert.expect(4);
+
+            this.data.turtle.records[1].turtle_trululu = 1;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="turtle_trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,form': '<form string="Trululu"><field name="display_name"/></form>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'get_formview_id') {
+                        assert.deepEqual(args.args[0], [1], "should call get_formview_id with correct id");
+                        return Promise.resolve(false);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            // Opening the modal
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_row td:contains(first record)'));
+            await testUtils.dom.click(form.$('.o_external_button'));
+            assert.strictEqual($('.modal').length, 1,
+                "should have one modal in body");
+
+            // Changing the 'trululu' value
+            await testUtils.fields.editInput($('.modal input[name="display_name"]'), 'test');
+            await testUtils.dom.click($('.modal button.btn-primary'));
+
+            // Test whether the value has changed
+            assert.strictEqual($('.modal').length, 0,
+                "the modal should be closed");
+            assert.equal(form.$('.o_data_cell:contains(test)').text(), 'test',
+                "the partner name should have been updated to 'test'");
+
+            form.destroy();
+        });
+
+        QUnit.test('search more in many2one: resequence inside dialog', async function (assert) {
+            // when the user clicks on 'Search More...' in a many2one dropdown, resequencing inside
+            // the dialog works
+            assert.expect(10);
+
+            this.data.partner.fields.sequence = { string: 'Sequence', type: 'integer' };
+            for (var i = 0; i < 8; i++) {
+                this.data.partner.records.push({id: 100 + i, display_name: 'test_' + i});
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="trululu"/></form>',
+                archs: {
+                    'partner,false,list': '<list>' +
+                        '<field name="sequence" widget="handle"/>' +
+                        '<field name="display_name"/>' +
+                    '</list>',
+                    'partner,false,search': '<search></search>',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method || route);
+                    if (route === '/web/dataset/search_read') {
+                        assert.deepEqual(args.domain, [],
+                            "should not preselect ids as there as nothing in the m2o input");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {
+                item: 'Search More',
+                search: '',
+            });
+
+            var $modal = $('.modal');
+            assert.equal($modal.length, 1,
+                'There should be 1 modal opened');
+
+            var $handles = $modal.find('.ui-sortable-handle');
+            assert.equal($handles.length, 11,
+                'There should be 11 sequence handlers');
+
+            await testUtils.dom.dragAndDrop($handles.eq(1),
+                $modal.find('tbody tr').first(), { position: 'top' });
+
+            assert.verifySteps([
+                'onchange',
+                'name_search', // to display results in the dropdown
+                'load_views', // list view in dialog
+                '/web/dataset/search_read', // to display results in the dialog
+                '/web/dataset/resequence', // resequencing lines
+                'read',
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one dropdown disappears on scroll', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form>' +
+                        '<div style="height: 2000px;">' +
+                            '<field name="trululu"/>' +
+                        '</div>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            var $input = form.$('.o_field_many2one input');
+
+            await testUtils.dom.click($input);
+            assert.isVisible($input.autocomplete('widget'), "dropdown should be opened");
+
+            form.el.dispatchEvent(new Event('scroll'));
+            assert.isNotVisible($input.autocomplete('widget'), "dropdown should be closed");
+
+            form.destroy();
+        });
+
+        QUnit.test('x2many list sorted by many2one', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [1, 2, 4];
+            this.data.partner.fields.trululu.sortable = true;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="id"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_data_row .o_list_number').text(), '124',
+                "should have correct order initially");
+
+            await testUtils.dom.click(form.$('.o_list_view thead th:nth(1)'));
+
+            assert.strictEqual(form.$('.o_data_row .o_list_number').text(), '412',
+                "should have correct order (ASC)");
+
+            await testUtils.dom.click(form.$('.o_list_view thead th:nth(1)'));
+
+            assert.strictEqual(form.$('.o_data_row .o_list_number').text(), '214',
+                "should have correct order (DESC)");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with extra field from server not in form', async function (assert) {
+            assert.expect(6);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                        '<field name="p" >' +
+                            '<tree>' +
+                                '<field name="datetime"/>' +
+                                '<field name="display_name"/>' +
+                            '</tree>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,form': '<form>' +
+                                            '<field name="display_name"/>' +
+                                        '</form>'},
+                mockRPC: function(route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        args.args[1].p[0][2].datetime = '2018-04-05 12:00:00';
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            var x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Add a record in the list
+            await testUtils.dom.click(x2mList.find('.o_field_x2many_list_row_add a'));
+
+            var modal = $('.modal-lg');
+
+            var nameInput = modal.find('input.o_input[name=display_name]');
+            await testUtils.fields.editInput(nameInput, 'michelangelo');
+
+            // Save the record in the modal (though it is still virtual)
+            await testUtils.dom.click(modal.find('.btn-primary').first());
+
+            assert.equal(x2mList.find('.o_data_row').length, 1,
+                'There should be 1 records in the x2m list');
+
+            var newlyAdded = x2mList.find('.o_data_row').eq(0);
+
+            assert.equal(newlyAdded.find('.o_data_cell').first().text(), '',
+                'The create_date field should be empty');
+            assert.equal(newlyAdded.find('.o_data_cell').eq(1).text(), 'michelangelo',
+                'The display name field should have the right value');
+
+            // Save the whole thing
+            await testUtils.form.clickSave(form);
+
+            x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Redo asserts in RO mode after saving
+            assert.equal(x2mList.find('.o_data_row').length, 1,
+                'There should be 1 records in the x2m list');
+
+            newlyAdded = x2mList.find('.o_data_row').eq(0);
+
+            assert.equal(newlyAdded.find('.o_data_cell').first().text(), '04/05/2018 12:00:00',
+                'The create_date field should have the right value');
+            assert.equal(newlyAdded.find('.o_data_cell').eq(1).text(), 'michelangelo',
+                'The display name field should have the right value');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with extra field from server not in (inline) form', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                        '<field name="p" >' +
+                            '<tree>' +
+                                '<field name="datetime"/>' +
+                                '<field name="display_name"/>' +
+                            '</tree>' +
+                            '<form>' +
+                                '<field name="display_name"/>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            var x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Add a record in the list
+            await testUtils.dom.click(x2mList.find('.o_field_x2many_list_row_add a'));
+
+            var modal = $('.modal-lg');
+
+            var nameInput = modal.find('input.o_input[name=display_name]');
+            await testUtils.fields.editInput(nameInput, 'michelangelo');
+
+            // Save the record in the modal (though it is still virtual)
+            await testUtils.dom.click(modal.find('.btn-primary').first());
+
+            assert.equal(x2mList.find('.o_data_row').length, 1,
+                'There should be 1 records in the x2m list');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with extra X2many field from server not in inline form', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                        '<field name="p" >' +
+                            '<tree>' +
+                                '<field name="turtles"/>' +
+                                '<field name="display_name"/>' +
+                            '</tree>' +
+                            '<form>' +
+                                '<field name="display_name"/>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            var x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Add a first record in the list
+            await testUtils.dom.click(x2mList.find('.o_field_x2many_list_row_add a'));
+
+            // Save & New
+            await testUtils.dom.click($('.modal-lg').find('.btn-primary').eq(1));
+
+            // Save & Close
+            await testUtils.dom.click($('.modal-lg').find('.btn-primary').eq(0));
+
+            assert.equal(x2mList.find('.o_data_row').length, 2,
+                'There should be 2 records in the x2m list');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many invisible depends on parent field', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:'<form string="Partners">' +
+                        '<sheet>' +
+                            '<group>' +
+                                '<field name="product_id"/>' +
+                            '</group>' +
+                            '<notebook>' +
+                                '<page string="Partner page">' +
+                                    '<field name="bar"/>' +
+                                    '<field name="p">' +
+                                        '<tree>' +
+                                            '<field name="foo" attrs="{\'column_invisible\': [(\'parent.product_id\', \'!=\', False)]}"/>' +
+                                            '<field name="bar" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                                        '</tree>' +
+                                    '</field>' +
+                                '</page>' +
+                            '</notebook>' +
+                        '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+            assert.containsN(form, 'th', 2,
+                "should be 2 columns in the one2many");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_many2one[name="product_id"] input'));
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xpad)').trigger('mouseenter'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column when the product_id is set");
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one[name="product_id"] input'),
+            '', 'keyup');
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2,
+                "should be 2 columns in the one2many when product_id is not set");
+            await testUtils.dom.click(form.$('.o_field_boolean[name="bar"] input'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column after the value change");
+            form.destroy();
+        });
+
+        QUnit.test('one2many column visiblity depends on onchange of parent field', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[0].bar = false;
+
+            this.data.partner.onchanges.p = function (obj) {
+                // set bar to true when line is added
+                if (obj.p.length > 1 && obj.p[1][2].foo === 'New line') {
+                    obj.bar = true;
+                }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:'<form>' +
+                        '<field name="bar"/>' +
+                        '<field name="p">' +
+                            '<tree editable="bottom">' +
+                                '<field name="foo"/>' +
+                                '<field name="int_field" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                            '</tree>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // bar is false so there should be 1 column
+            assert.containsOnce(form, 'th',
+                "should be only 1 column ('foo') in the one2many");
+            assert.containsOnce(form, '.o_list_view .o_data_row', "should contain one row");
+
+            await testUtils.form.clickEdit(form);
+
+            // add a new o2m record
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            form.$('.o_field_one2many input:first').focus();
+            await testUtils.fields.editInput(form.$('.o_field_one2many input:first'), 'New line');
+            await testUtils.dom.click(form.$el);
+
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2, "should be 2 columns('foo' + 'int_field')");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many column_invisible on view not inline', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:'<form string="Partners">' +
+                        '<sheet>' +
+                            '<group>' +
+                                '<field name="product_id"/>' +
+                            '</group>' +
+                            '<notebook>' +
+                                '<page string="Partner page">' +
+                                    '<field name="bar"/>' +
+                                    '<field name="p"/>' +
+                                '</page>' +
+                            '</notebook>' +
+                        '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,list': '<tree>' +
+                        '<field name="foo" attrs="{\'column_invisible\': [(\'parent.product_id\', \'!=\', False)]}"/>' +
+                        '<field name="bar" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                    '</tree>',
+                },
+            });
+            assert.containsN(form, 'th', 2,
+                "should be 2 columns in the one2many");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_many2one[name="product_id"] input'));
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xpad)').trigger('mouseenter'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column when the product_id is set");
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one[name="product_id"] input'),
+                '', 'keyup');
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2,
+                "should be 2 columns in the one2many when product_id is not set");
+            await testUtils.dom.click(form.$('.o_field_boolean[name="bar"] input'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column after the value change");
+            form.destroy();
+        });
+
+        QUnit.module('Many2OneAvatar');
+
+        QUnit.test('many2one_avatar widget in form view', async function (assert) {
+            assert.expect(10);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="user_id" widget="many2one_avatar"/></form>',
+                res_id: 1,
+            });
+
+            assert.hasClass(form.$('.o_form_view'), 'o_form_readonly');
+            assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), 'Aline');
+            assert.containsOnce(form, 'img.o_m2o_avatar[data-src="/web/image/user/17/image_128"]');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.hasClass(form.$('.o_form_view'), 'o_form_editable');
+            assert.containsOnce(form, '.o_input_dropdown');
+            assert.strictEqual(form.$('.o_input_dropdown input').val(), 'Aline');
+            assert.containsOnce(form, '.o_external_button');
+
+            await testUtils.fields.many2one.clickOpenDropdown("user_id");
+            await testUtils.fields.many2one.clickItem("user_id", "Christine");
+            await testUtils.form.clickSave(form);
+
+            assert.hasClass(form.$('.o_form_view'), 'o_form_readonly');
+            assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), 'Christine');
+            assert.containsOnce(form, 'img.o_m2o_avatar[data-src="/web/image/user/19/image_128"]');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one_avatar widget in form view, with onchange', async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.onchanges = {
+                int_field: function (obj) {
+                    if (obj.int_field === 1) {
+                        obj.user_id = [19, 'Christine'];
+                    } else if (obj.int_field === 2) {
+                        obj.user_id = false;
+                    } else {
+                        obj.user_id = [17, 'Aline']; // default value
+                    }
+                },
+            };
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="int_field"/>
+                        <field name="user_id" widget="many2one_avatar" readonly="1"/>
+                    </form>`,
+            });
+
+            assert.hasClass(form.$('.o_form_view'), 'o_form_editable');
+            assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), 'Aline');
+            assert.containsOnce(form, 'img.o_m2o_avatar[data-src="/web/image/user/17/image_128"]');
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), 1);
+
+            assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), 'Christine');
+            assert.containsOnce(form, 'img.o_m2o_avatar[data-src="/web/image/user/19/image_128"]');
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), 2);
+
+            assert.strictEqual(form.$('.o_field_widget[name=user_id]').text().trim(), '');
+            assert.containsNone(form, 'img.o_m2o_avatar');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one_avatar widget in list view', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records = [
+                { id: 1, user_id: 17, },
+                { id: 2, user_id: 19, },
+                { id: 3, user_id: 17, },
+                { id: 4, user_id: false, },
+            ];
+            const list = await createView({
+                View: ListView,
+                model: 'partner',
+                data: this.data,
+                arch: '<tree><field name="user_id" widget="many2one_avatar"/></tree>',
+            });
+
+            assert.strictEqual(list.$('.o_data_cell span').text(), 'AlineChristineAline');
+            assert.containsOnce(list.$('.o_data_cell:nth(0)'), 'img.o_m2o_avatar[data-src="/web/image/user/17/image_128"]');
+            assert.containsOnce(list.$('.o_data_cell:nth(1)'), 'img.o_m2o_avatar[data-src="/web/image/user/19/image_128"]');
+            assert.containsOnce(list.$('.o_data_cell:nth(2)'), 'img.o_m2o_avatar[data-src="/web/image/user/17/image_128"]');
+            assert.containsNone(list.$('.o_data_cell:nth(3)'), 'img.o_m2o_avatar');
+
+            list.destroy();
+        });
+    });
+});
+});
diff --git a/addons/web/static/tests/fields/relational_fields/field_one2many_tests.js b/addons/web/static/tests/fields/relational_fields/field_one2many_tests.js
new file mode 100644
index 00000000..a2531f54
--- /dev/null
+++ b/addons/web/static/tests/fields/relational_fields/field_one2many_tests.js
@@ -0,0 +1,9959 @@
+odoo.define('web.field_one_to_many_tests', function (require) {
+"use strict";
+
+var AbstractField = require('web.AbstractField');
+var AbstractStorageService = require('web.AbstractStorageService');
+const ControlPanel = require('web.ControlPanel');
+const fieldRegistry = require('web.field_registry');
+var FormView = require('web.FormView');
+var KanbanRecord = require('web.KanbanRecord');
+var ListRenderer = require('web.ListRenderer');
+var NotificationService = require('web.NotificationService');
+var RamStorage = require('web.RamStorage');
+var relationalFields = require('web.relational_fields');
+var testUtils = require('web.test_utils');
+var fieldUtils = require('web.field_utils');
+
+const cpHelpers = testUtils.controlPanel;
+var createView = testUtils.createView;
+const { FieldOne2Many } = relationalFields;
+
+QUnit.module('fields', {}, function () {
+
+    QUnit.module('relational_fields', {
+        beforeEach: function () {
+            this.data = {
+                partner: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        foo: { string: "Foo", type: "char", default: "My little Foo Value" },
+                        bar: { string: "Bar", type: "boolean", default: true },
+                        int_field: { string: "int_field", type: "integer", sortable: true },
+                        qux: { string: "Qux", type: "float", digits: [16, 1] },
+                        p: { string: "one2many field", type: "one2many", relation: 'partner', relation_field: 'trululu' },
+                        turtles: { string: "one2many turtle field", type: "one2many", relation: 'turtle', relation_field: 'turtle_trululu' },
+                        trululu: { string: "Trululu", type: "many2one", relation: 'partner' },
+                        timmy: { string: "pokemon", type: "many2many", relation: 'partner_type' },
+                        product_id: { string: "Product", type: "many2one", relation: 'product' },
+                        color: {
+                            type: "selection",
+                            selection: [['red', "Red"], ['black', "Black"]],
+                            default: 'red',
+                            string: "Color",
+                        },
+                        date: { string: "Some Date", type: "date" },
+                        datetime: { string: "Datetime Field", type: 'datetime' },
+                        user_id: { string: "User", type: 'many2one', relation: 'user' },
+                        reference: {
+                            string: "Reference Field", type: 'reference', selection: [
+                                ["product", "Product"], ["partner_type", "Partner Type"], ["partner", "Partner"]]
+                        },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "first record",
+                        bar: true,
+                        foo: "yop",
+                        int_field: 10,
+                        qux: 0.44,
+                        p: [],
+                        turtles: [2],
+                        timmy: [],
+                        trululu: 4,
+                        user_id: 17,
+                        reference: 'product,37',
+                    }, {
+                        id: 2,
+                        display_name: "second record",
+                        bar: true,
+                        foo: "blip",
+                        int_field: 9,
+                        qux: 13,
+                        p: [],
+                        timmy: [],
+                        trululu: 1,
+                        product_id: 37,
+                        date: "2017-01-25",
+                        datetime: "2016-12-12 10:55:05",
+                        user_id: 17,
+                    }, {
+                        id: 4,
+                        display_name: "aaa",
+                        bar: false,
+                    }],
+                    onchanges: {},
+                },
+                product: {
+                    fields: {
+                        name: { string: "Product Name", type: "char" }
+                    },
+                    records: [{
+                        id: 37,
+                        display_name: "xphone",
+                    }, {
+                        id: 41,
+                        display_name: "xpad",
+                    }]
+                },
+                partner_type: {
+                    fields: {
+                        name: { string: "Partner Type", type: "char" },
+                        color: { string: "Color index", type: "integer" },
+                    },
+                    records: [
+                        { id: 12, display_name: "gold", color: 2 },
+                        { id: 14, display_name: "silver", color: 5 },
+                    ]
+                },
+                turtle: {
+                    fields: {
+                        display_name: { string: "Displayed name", type: "char" },
+                        turtle_foo: { string: "Foo", type: "char" },
+                        turtle_bar: { string: "Bar", type: "boolean", default: true },
+                        turtle_int: { string: "int", type: "integer", sortable: true },
+                        turtle_qux: { string: "Qux", type: "float", digits: [16, 1], required: true, default: 1.5 },
+                        turtle_description: { string: "Description", type: "text" },
+                        turtle_trululu: { string: "Trululu", type: "many2one", relation: 'partner' },
+                        turtle_ref: {
+                            string: "Reference", type: 'reference', selection: [
+                                ["product", "Product"], ["partner", "Partner"]]
+                        },
+                        product_id: { string: "Product", type: "many2one", relation: 'product', required: true },
+                        partner_ids: { string: "Partner", type: "many2many", relation: 'partner' },
+                    },
+                    records: [{
+                        id: 1,
+                        display_name: "leonardo",
+                        turtle_bar: true,
+                        turtle_foo: "yop",
+                        partner_ids: [],
+                    }, {
+                        id: 2,
+                        display_name: "donatello",
+                        turtle_bar: true,
+                        turtle_foo: "blip",
+                        turtle_int: 9,
+                        partner_ids: [2, 4],
+                    }, {
+                        id: 3,
+                        display_name: "raphael",
+                        product_id: 37,
+                        turtle_bar: false,
+                        turtle_foo: "kawa",
+                        turtle_int: 21,
+                        turtle_qux: 9.8,
+                        partner_ids: [],
+                        turtle_ref: 'product,37',
+                    }],
+                    onchanges: {},
+                },
+                user: {
+                    fields: {
+                        name: { string: "Name", type: "char" },
+                        partner_ids: { string: "one2many partners field", type: "one2many", relation: 'partner', relation_field: 'user_id' },
+                    },
+                    records: [{
+                        id: 17,
+                        name: "Aline",
+                        partner_ids: [1, 2],
+                    }, {
+                        id: 19,
+                        name: "Christine",
+                    }]
+                },
+            };
+        }
+    }, function () {
+        QUnit.module('FieldOne2Many');
+
+        QUnit.test('New record with a o2m also with 2 new records, ordered, and resequenced', async function (assert) {
+            assert.expect(2);
+
+            // Needed to have two new records in a single stroke
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.p = [
+                        [5],
+                        [0, 0, { trululu: false }],
+                        [0, 0, { trululu: false }],
+                    ];
+                }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo" />' +
+                    '<field name="p">' +
+                    '<tree editable="bottom" default_order="int_field">' +
+                    '<field name="int_field" widget="handle"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                viewOptions: {
+                    mode: 'create',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method + ' ' + args.model);
+                    return this._super(route, args);
+                },
+            });
+
+            // change the int_field through drag and drop
+            // that way, we'll trigger the sorting and the name_get
+            // of the lines of "p"
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.verifySteps(['onchange partner']);
+
+            form.destroy();
+        });
+
+        QUnit.test('O2M List with pager, decoration and default_order: add and cancel adding', async function (assert) {
+            assert.expect(3);
+
+            // The decoration on the list implies that its condition will be evaluated
+            // against the data of the field (actual records *displayed*)
+            // If one data is wrongly formed, it will crash
+            // This test adds then cancels a record in a paged, ordered, and decorated list
+            // That implies prefetching of records for sorting
+            // and evaluation of the decoration against *visible records*
+
+            this.data.partner.records[0].p = [2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom" limit="1" decoration-muted="foo != False" default_order="display_name">' +
+                    '<field name="foo" invisible="1"/>' +
+                    '<field name="display_name" />' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list .o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_field_x2many_list .o_data_row', 2,
+                'There should be 2 rows');
+
+            var $expectedSelectedRow = form.$('.o_field_x2many_list .o_data_row').eq(1);
+            var $actualSelectedRow = form.$('.o_selected_row');
+            assert.equal($actualSelectedRow[0], $expectedSelectedRow[0],
+                'The selected row should be the new one');
+
+            // Cancel Creation
+            await testUtils.fields.triggerKeydown($actualSelectedRow.find('input'), 'escape');
+            assert.containsOnce(form, '.o_field_x2many_list .o_data_row',
+                'There should be 1 row');
+
+            form.destroy();
+        });
+
+        QUnit.test('O2M with parented m2o and domain on parent.m2o', async function (assert) {
+            assert.expect(4);
+
+            /* records in an o2m can have a m2o pointing to themselves
+                * in that case, a domain evaluation on that field followed by name_search
+                * shouldn't send virtual_ids to the server
+                */
+
+            this.data.turtle.fields.parent_id = { string: "Parent", type: "many2one", relation: 'turtle' };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="parent_id" />' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,form': '<form><field name="parent_id" domain="[(\'id\', \'in\', parent.turtles)]"/></form>',
+                },
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/turtle/name_search') {
+                        // We are going to pass twice here
+                        // First time, we really have nothing
+                        // Second time, a virtual_id has been created
+                        assert.deepEqual(args.kwargs.args, [['id', 'in', []]]);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list[name=turtles] .o_field_x2many_list_row_add a'));
+
+            await testUtils.fields.many2one.createAndEdit('parent_id');
+
+            var $modal = $('.modal-content');
+
+            await testUtils.dom.click($modal.eq(1).find('.modal-footer .btn-primary').eq(0));
+            await testUtils.dom.click($modal.eq(0).find('.modal-footer .btn-primary').eq(1));
+
+            assert.containsOnce(form, '.o_data_row',
+                'The main record should have the new record in its o2m');
+
+            $modal = $('.modal-content');
+            await testUtils.dom.click($modal.find('.o_field_many2one input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable with cell readonly modifier', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[1].turtles = [1, 2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtles" invisible="1"/>' +
+                    '<field name="foo" attrs="{&quot;readonly&quot; : [(&quot;turtles&quot;, &quot;!=&quot;, [])] }"/>' +
+                    '<field name="qux" attrs="{&quot;readonly&quot; : [(&quot;turtles&quot;, &quot;!=&quot;, [])] }"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        assert.deepEqual(args.args[1].p[1][2], { foo: 'ff', qux: 99 },
+                            'The right values should be written');
+                    }
+                    return this._super(route, args);
+                }
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            var $targetInput = $('.o_selected_row .o_input[name=foo]');
+            assert.equal($targetInput[0], document.activeElement,
+                'The first input of the line should have the focus');
+
+            // Simulating hitting the 'f' key twice
+            await testUtils.fields.editInput($targetInput, 'f');
+            await testUtils.fields.editInput($targetInput, $targetInput.val() + 'f');
+
+            assert.equal($targetInput[0], document.activeElement,
+                'The first input of the line should still have the focus');
+
+            // Simulating a TAB key
+            await testUtils.fields.triggerKeydown($targetInput, 'tab');
+
+            var $secondTarget = $('.o_selected_row .o_input[name=qux]');
+
+            assert.equal($secondTarget[0], document.activeElement,
+                'The second input of the line should have the focus after the TAB press');
+
+
+            await testUtils.fields.editInput($secondTarget, 9);
+            await testUtils.fields.editInput($secondTarget, $secondTarget.val() + 9);
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many basic properties', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="Partner page">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                intercepts: {
+                    load_filters: function (event) {
+                        throw new Error('Should not load filters');
+                    },
+                },
+            });
+
+
+            assert.containsNone(form, 'td.o_list_record_selector',
+                "embedded one2many should not have a selector");
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                "embedded one2many should not be editable");
+            assert.ok(!form.$('td.o_list_record_remove').length,
+                "embedded one2many records should not have a remove icon");
+
+            await testUtils.form.clickEdit(form);
+
+            assert.ok(form.$('.o_field_x2many_list_row_add').length,
+                "embedded one2many should now be editable");
+
+            assert.hasAttrValue(form.$('.o_field_x2many_list_row_add'), 'colspan', "2",
+                "should have colspan 2 (one for field foo, one for being below remove icon)");
+
+            assert.ok(form.$('td.o_list_record_remove').length,
+                "embedded one2many records should have a remove icon");
+            form.destroy();
+        });
+
+        QUnit.test('transferring class attributes in one2many sub fields', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo" class="hey"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, 'td.hey',
+                'should have a td with the desired class');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, 'td.hey',
+                'should have a td with the desired class');
+
+            await testUtils.dom.click(form.$('td.o_data_cell'));
+
+            assert.containsOnce(form, 'input[name="turtle_foo"].hey',
+                'should have an input with the desired class');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with date and datetime', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="Partner page">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="date"/>' +
+                    '<field name="datetime"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                session: {
+                    getTZOffset: function () {
+                        return 120;
+                    },
+                },
+            });
+            assert.strictEqual(form.$('td:eq(0)').text(), "01/25/2017",
+                "should have formatted the date");
+            assert.strictEqual(form.$('td:eq(1)').text(), "12/12/2016 12:55:05",
+                "should have formatted the datetime");
+            form.destroy();
+        });
+
+        QUnit.test('rendering with embedded one2many', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '<field name="bar"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('th:contains(Foo)').length, 1,
+                "embedded one2many should have a column titled according to foo");
+            assert.strictEqual(form.$('td:contains(blip)').length, 1,
+                "embedded one2many should have a cell with relational value");
+            form.destroy();
+        });
+
+        QUnit.test('use the limit attribute in arch (in field o2m inline tree view)', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="2">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.model === 'turtle') {
+                        assert.deepEqual(args.args[0], [1, 2],
+                            'should only load first 2 records');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.containsN(form, '.o_data_row', 2,
+                'should display 2 data rows');
+            form.destroy();
+        });
+
+        QUnit.test('use the limit attribute in arch (in field o2m non inline tree view)', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles"/>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,list': '<tree limit="2"><field name="turtle_foo"/></tree>',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.model === 'turtle' && args.method === 'read') {
+                        assert.deepEqual(args.args[0], [1, 2],
+                            'should only load first 2 records');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.containsN(form, '.o_data_row', 2,
+                'should display 2 data rows');
+            form.destroy();
+        });
+
+        QUnit.test('one2many with default_order on view not inline', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="Turtles">' +
+                    '<field name="turtles"/>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,list': '<tree default_order="turtle_foo">' +
+                        '<field name="turtle_int"/>' +
+                        '<field name="turtle_foo"/>' +
+                        '</tree>',
+                },
+                res_id: 1,
+            });
+            assert.strictEqual(form.$('.o_field_one2many .o_list_view .o_data_row').text(), "9blip21kawa0yop",
+                "the default order should be correctly applied");
+            form.destroy();
+        });
+
+        QUnit.test('embedded one2many with widget', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="int_field" widget="handle"/>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, 'span.o_row_handle', "should have 1 handles");
+            form.destroy();
+        });
+
+        QUnit.test('embedded one2many with handle widget', async function (assert) {
+            assert.expect(10);
+
+            var nbConfirmChange = 0;
+            testUtils.mock.patch(ListRenderer, {
+                confirmChange: function () {
+                    nbConfirmChange++;
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="turtles">' +
+                    '<tree default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            testUtils.mock.intercept(form, "field_changed", function (event) {
+                assert.step(event.data.changes.turtles.data.turtle_int.toString());
+            }, true);
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "yopblipkawa",
+                "should have the 3 rows in the correct order");
+
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "yopblipkawa",
+                "should still have the 3 rows in the correct order");
+            assert.strictEqual(nbConfirmChange, 0, "should not have confirmed any change yet");
+
+            // Drag and drop the second line in first position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.strictEqual(nbConfirmChange, 1, "should have confirmed changes only once");
+            assert.verifySteps(["0", "1"],
+                "sequences values should be incremental starting from the previous minimum one");
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "blipyopkawa",
+                "should have the 3 rows in the new order");
+
+            await testUtils.form.clickSave(form);
+
+            assert.deepEqual(_.map(this.data.turtle.records, function (turtle) {
+                return _.pick(turtle, 'id', 'turtle_foo', 'turtle_int');
+            }), [
+                    { id: 1, turtle_foo: "yop", turtle_int: 1 },
+                    { id: 2, turtle_foo: "blip", turtle_int: 0 },
+                    { id: 3, turtle_foo: "kawa", turtle_int: 21 }
+                ], "should have save the changed sequence");
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "blipyopkawa",
+                "should still have the 3 rows in the new order");
+
+            testUtils.mock.unpatch(ListRenderer);
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange for embedded one2many in a one2many with a second page', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.fields.partner_ids.type = 'one2many';
+            this.data.turtle.records[0].partner_ids = [1];
+            // we need a second page, so we set two records and only display one per page
+            this.data.partner.records[0].turtles = [1, 2];
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [
+                        [5],
+                        [1, 1, {
+                            turtle_foo: "hop",
+                            partner_ids: [[5], [4, 1]],
+                        }],
+                        [1, 2, {
+                            turtle_foo: "blip",
+                            partner_ids: [[5], [4, 2], [4, 4]],
+                        }],
+                    ];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="1">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        var expectedResultTurtles = [
+                            [1, 1, {
+                                turtle_foo: "hop",
+                            }],
+                            [1, 2, {
+                                partner_ids: [[4, 2, false], [4, 4, false]],
+                                turtle_foo: "blip",
+                            }],
+                        ];
+                        assert.deepEqual(args.args[1].turtles, expectedResultTurtles,
+                            "the right values should be written");
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_cell').eq(1));
+            var $cell = form.$('.o_selected_row .o_input[name=turtle_foo]');
+            await testUtils.fields.editSelect($cell, "hop");
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange for embedded one2many in a one2many updated by server', async function (assert) {
+            // here we test that after an onchange, the embedded one2many field has
+            // been updated by a new list of ids by the server response, to this new
+            // list should be correctly sent back at save time
+            assert.expect(3);
+
+            this.data.turtle.fields.partner_ids.type = 'one2many';
+            this.data.partner.records[0].turtles = [2];
+            this.data.turtle.records[1].partner_ids = [2];
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [
+                        [5],
+                        [1, 2, {
+                            turtle_foo: "hop",
+                            partner_ids: [[5], [4, 2], [4, 4]],
+                        }],
+                    ];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        var expectedResultTurtles = [
+                            [1, 2, {
+                                partner_ids: [[4, 2, false], [4, 4, false]],
+                                turtle_foo: "hop",
+                            }],
+                        ];
+                        assert.deepEqual(args.args[1].turtles, expectedResultTurtles,
+                            'The right values should be written');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.deepEqual(form.$('.o_data_cell.o_many2many_tags_cell').text().trim(), "second record",
+                "the partner_ids should be as specified at initialization");
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_cell').eq(1));
+            var $cell = form.$('.o_selected_row .o_input[name=turtle_foo]');
+            await testUtils.fields.editSelect($cell, "hop");
+            await testUtils.form.clickSave(form);
+
+            assert.deepEqual(form.$('.o_data_cell.o_many2many_tags_cell').text().trim().split(/\s+/),
+                ["second", "record", "aaa"],
+                'The partner_ids should have been updated');
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange for embedded one2many with handle widget', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var partnerOnchange = 0;
+            this.data.partner.onchanges = {
+                turtles: function () {
+                    partnerOnchange++;
+                },
+            };
+            var turtleOnchange = 0;
+            this.data.turtle.onchanges = {
+                turtle_int: function () {
+                    turtleOnchange++;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="turtles">' +
+                    '<tree default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            // Drag and drop the second line in first position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.strictEqual(turtleOnchange, 2, "should trigger one onchange per line updated");
+            assert.strictEqual(partnerOnchange, 1, "should trigger only one onchange on the parent");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange for embedded one2many with handle widget using same sequence', async function (assert) {
+            assert.expect(4);
+
+            this.data.turtle.records[0].turtle_int = 1;
+            this.data.turtle.records[1].turtle_int = 1;
+            this.data.turtle.records[2].turtle_int = 1;
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var turtleOnchange = 0;
+            this.data.turtle.onchanges = {
+                turtle_int: function () {
+                    turtleOnchange++;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="turtles">' +
+                    '<tree default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].turtles, [[1, 2, { "turtle_int": 1 }], [1, 1, { "turtle_int": 2 }], [1, 3, { "turtle_int": 3 }]],
+                            "should change all lines that have changed (the first one doesn't change because it has the same sequence)");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "yopblipkawa",
+                "should have the 3 rows in the correct order");
+
+            // Drag and drop the second line in first position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "blipyopkawa",
+                "should still have the 3 rows in the correct order");
+            assert.strictEqual(turtleOnchange, 3, "should update all lines");
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('onchange (with command 5) for embedded one2many with handle widget', async function (assert) {
+            assert.expect(3);
+
+            var ids = [];
+            for (var i = 10; i < 50; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                this.data.turtle.records.push({
+                    id: id,
+                    turtle_int: 0,
+                    turtle_foo: "#" + id,
+                });
+            }
+            ids.push(1, 2, 3);
+            this.data.partner.records[0].turtles = ids;
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [[5]].concat(obj.turtles);
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "yopblipkawa",
+                "should have the 3 rows in the correct order");
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:first td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:first input:first'), 'blurp');
+
+            // Drag and drop the third line in second position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(2),
+                form.$('.o_field_one2many tbody tr').eq(1),
+                { position: 'top' }
+            );
+
+            assert.strictEqual(form.$('.o_data_cell').text(), "blurpkawablip", "should display to record in 'turtle_int' order");
+
+            await testUtils.form.clickSave(form);
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+
+            assert.strictEqual(form.$('.o_data_cell:not(.o_handle_cell)').text(), "blurpkawablip",
+                "should display to record in 'turtle_int' order");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange with modifiers for embedded one2many on the second page', async function (assert) {
+            assert.expect(7);
+
+            var data = this.data;
+            var ids = [];
+            for (var i = 10; i < 60; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                data.turtle.records.push({
+                    id: id,
+                    turtle_int: 0,
+                    turtle_foo: "#" + id,
+                });
+            }
+            ids.push(1, 2, 3);
+            data.partner.records[0].turtles = ids;
+            data.partner.onchanges = {
+                turtles: function (obj) {
+                    // TODO: make this test more 'difficult'
+                    // For now, the server only returns UPDATE commands (no LINK TO)
+                    // even though it should do it (for performance reasons)
+                    // var turtles = obj.turtles.splice(0, 20);
+
+                    var turtles = [];
+                    turtles.unshift([5]);
+                    // create UPDATE commands for each records (this is the server
+                    // usual answer for onchange)
+                    for (var k in obj.turtles) {
+                        var change = obj.turtles[k];
+                        var record = _.findWhere(data.turtle.records, { id: change[1] });
+                        if (change[0] === 1) {
+                            _.extend(record, change[2]);
+                        }
+                        turtles.push([1, record.id, record]);
+                    }
+                    obj.turtles = turtles;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: data,
+                arch: '<form string="Partners">' +
+                        '<sheet>' +
+                            '<group>' +
+                                '<field name="turtles">' +
+                                    '<tree editable="bottom" default_order="turtle_int" limit="10">' +
+                                        '<field name="turtle_int" widget="handle"/>' +
+                                        '<field name="turtle_foo"/>' +
+                                        '<field name="turtle_qux" attrs="{\'readonly\': [(\'turtle_foo\', \'=\', False)]}"/>' +
+                                   '</tree>' +
+                                '</field>' +
+                            '</group>' +
+                        '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#21#22#23#24#25#26#27#28#29",
+                "should display the records in order");
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:first td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:first input:first'), 'blurp');
+
+            // the domain fail if the widget does not use the allready loaded data.
+            await testUtils.form.clickDiscard(form);
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "blurp#21#22#23#24#25#26#27#28#29",
+                "should display the records in order with the changes");
+
+            await testUtils.dom.click($('.modal .modal-footer button:first'));
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#21#22#23#24#25#26#27#28#29",
+                "should cancel changes and display the records in order");
+
+            await testUtils.form.clickEdit(form);
+
+            // Drag and drop the third line in second position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(2),
+                form.$('.o_field_one2many tbody tr').eq(1),
+                { position: 'top' }
+            );
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#30#31#32#33#34#35#36#37#38",
+                "should display the records in order after resequence (display record with turtle_int=0)");
+
+            // Drag and drop the third line in second position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(2),
+                form.$('.o_field_one2many tbody tr').eq(1),
+                { position: 'top' }
+            );
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#39#40#41#42#43#44#45#46#47",
+                "should display the records in order after resequence (display record with turtle_int=0)");
+
+            await testUtils.form.clickDiscard(form);
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#39#40#41#42#43#44#45#46#47",
+                "should display the records in order after resequence");
+
+            await testUtils.dom.click($('.modal .modal-footer button:first'));
+
+            assert.equal(form.$('.o_field_one2many .o_list_char').text(), "#20#21#22#23#24#25#26#27#28#29",
+                "should cancel changes and display the records in order");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange followed by edition on the second page', async function (assert) {
+            assert.expect(12);
+
+            var ids = [];
+            for (var i = 1; i < 85; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                this.data.turtle.records.push({
+                    id: id,
+                    turtle_int: id / 3 | 0,
+                    turtle_foo: "#" + i,
+                });
+            }
+            ids.splice(41, 0, 1, 2, 3);
+            this.data.partner.records[0].turtles = ids;
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [[5]].concat(obj.turtles);
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top" default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:eq(1) td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:eq(1) input:first'), 'value 1');
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:eq(2) td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:eq(2) input:first'), 'value 2');
+
+            assert.containsN(form, '.o_data_row', 40, "should display 40 records");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#39))').index(), 0, "should display '#39' at the first line");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 40, "should display 39 records and the create line");
+            assert.containsOnce(form, '.o_data_row:first .o_field_char', "should display the create line in first position");
+            assert.strictEqual(form.$('.o_data_row:first .o_field_char').val(), "", "should an empty input");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#39))').index(), 1, "should display '#39' at the second line");
+
+            await testUtils.fields.editInput(form.$('.o_data_row input:first'), 'value 3');
+
+            assert.containsOnce(form, '.o_data_row:first .o_field_char', "should display the create line in first position after onchange");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#39))').index(), 1, "should display '#39' at the second line after onchange");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 40, "should display 39 records and the create line");
+            assert.containsOnce(form, '.o_data_row:first .o_field_char', "should display the create line in first position");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(value 3))').index(), 1, "should display the created line at the second position");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#39))').index(), 2, "should display '#39' at the third line");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange followed by edition on the second page (part 2)', async function (assert) {
+            assert.expect(8);
+
+            var ids = [];
+            for (var i = 1; i < 85; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                this.data.turtle.records.push({
+                    id: id,
+                    turtle_int: id / 3 | 0,
+                    turtle_foo: "#" + i,
+                });
+            }
+            ids.splice(41, 0, 1, 2, 3);
+            this.data.partner.records[0].turtles = ids;
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [[5]].concat(obj.turtles);
+                },
+            };
+
+            // bottom order
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:eq(1) td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:eq(1) input:first'), 'value 1');
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:eq(2) td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:eq(2) input:first'), 'value 2');
+
+            assert.containsN(form, '.o_data_row', 40, "should display 40 records");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#77))').index(), 39, "should display '#77' at the last line");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 41, "should display 41 records and the create line");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#76))').index(), 38, "should display '#76' at the penultimate line");
+            assert.strictEqual(form.$('.o_data_row:has(.o_field_char)').index(), 40, "should display the create line at the last position");
+
+            await testUtils.fields.editInput(form.$('.o_data_row input:first'), 'value 3');
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 42, "should display 42 records and the create line");
+            assert.strictEqual(form.$('.o_data_row:has(.o_data_cell:contains(#76))').index(), 38, "should display '#76' at the penultimate line");
+            assert.strictEqual(form.$('.o_data_row:has(.o_field_char)').index(), 41, "should display the create line at the last position");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange returning a command 6 for an x2many', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.turtles = [[6, false, [1, 2, 3]]];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should be one record in the relation");
+
+            // change the value of foo to trigger the onchange
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'some value');
+
+            assert.containsN(form, '.o_data_row', 3,
+                "there should be three records in the relation");
+
+            form.destroy();
+        });
+
+        QUnit.test('x2many fields inside x2manys are fetched after an onchange', async function (assert) {
+            assert.expect(6);
+
+            this.data.turtle.records[0].partner_ids = [1];
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.turtles = [[5], [4, 1], [4, 2], [4, 3]];
+                },
+            };
+
+            var checkRPC = false;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (checkRPC && args.method === 'read' && args.model === 'partner') {
+                        assert.deepEqual(args.args[1], ['display_name'],
+                            "should only read the display_name for the m2m tags");
+                        assert.deepEqual(args.args[0], [1],
+                            "should only read the display_name of the unknown record");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should be one record in the relation");
+            assert.strictEqual(form.$('.o_data_row .o_field_widget[name=partner_ids]').text().replace(/\s/g, ''),
+                'secondrecordaaa', "many2many_tags should be correctly displayed");
+
+            // change the value of foo to trigger the onchange
+            checkRPC = true; // enable flag to check read RPC for the m2m field
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'some value');
+
+            assert.containsN(form, '.o_data_row', 3,
+                "there should be three records in the relation");
+            assert.strictEqual(form.$('.o_data_row:first .o_field_widget[name=partner_ids]').text().trim(),
+                'first record', "many2many_tags should be correctly displayed");
+
+            form.destroy();
+        });
+
+        QUnit.test('reference fields inside x2manys are fetched after an onchange', async function (assert) {
+            assert.expect(5);
+
+            this.data.turtle.records[1].turtle_ref = 'product,41';
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.turtles = [[5], [4, 1], [4, 2], [4, 3]];
+                },
+            };
+
+            var checkRPC = false;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_ref" class="ref_field"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (checkRPC && args.method === 'name_get') {
+                        assert.deepEqual(args.args[0], [37],
+                            "should only fetch the name_get of the unknown record");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should be one record in the relation");
+            assert.strictEqual(form.$('.ref_field').text().trim(), 'xpad',
+                "reference field should be correctly displayed");
+
+            // change the value of foo to trigger the onchange
+            checkRPC = true; // enable flag to check read RPC for reference field
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'some value');
+
+            assert.containsN(form, '.o_data_row', 3,
+                "there should be three records in the relation");
+            assert.strictEqual(form.$('.ref_field').text().trim(), 'xpadxphone',
+                "reference fields should be correctly displayed");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange on one2many containing x2many in form view', async function (assert) {
+            assert.expect(16);
+
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.turtles = [[0, false, { turtle_foo: 'new record' }]];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="partner_ids">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner,false,list': '<tree><field name="foo"/></tree>',
+                    'partner,false,search': '<search></search>',
+                },
+            });
+
+
+            assert.containsOnce(form, '.o_data_row',
+                "the onchange should have created one record in the relation");
+
+            // open the created o2m record in a form view, and add a m2m subrecord
+            // in its relation
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.strictEqual($('.modal').length, 1, "should have opened a dialog");
+            assert.strictEqual($('.modal .o_data_row').length, 0,
+                "there should be no record in the one2many in the dialog");
+
+            // add a many2many subrecord
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.modal').length, 2,
+                "should have opened a second dialog");
+
+            // select a many2many subrecord
+            await testUtils.dom.click($('.modal:nth(1) .o_list_view .o_data_cell:first'));
+
+            assert.strictEqual($('.modal').length, 1,
+                "second dialog should be closed");
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "there should be one record in the one2many in the dialog");
+            assert.containsNone($('.modal'), '.o_x2m_control_panel .o_pager',
+                'm2m pager should be hidden');
+
+            // click on 'Save & Close'
+            await testUtils.dom.click($('.modal-footer .btn-primary:first'));
+
+            assert.strictEqual($('.modal').length, 0, "dialog should be closed");
+
+            // reopen o2m record, and another m2m subrecord in its relation, but
+            // discard the changes
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.strictEqual($('.modal').length, 1, "should have opened a dialog");
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "there should be one record in the one2many in the dialog");
+
+            // add another m2m subrecord
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.modal').length, 2,
+                "should have opened a second dialog");
+
+            await testUtils.dom.click($('.modal:nth(1) .o_list_view .o_data_cell:first'));
+
+            assert.strictEqual($('.modal').length, 1,
+                "second dialog should be closed");
+            assert.strictEqual($('.modal .o_data_row').length, 2,
+                "there should be two records in the one2many in the dialog");
+
+            // click on 'Discard'
+            await testUtils.dom.click($('.modal-footer .btn-secondary'));
+
+            assert.strictEqual($('.modal').length, 0, "dialog should be closed");
+
+            // reopen o2m record to check that second changes have properly been discarded
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.strictEqual($('.modal').length, 1, "should have opened a dialog");
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "there should be one record in the one2many in the dialog");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange on one2many with x2many in list (no widget) and form view (list)', async function (assert) {
+            assert.expect(6);
+
+            this.data.turtle.fields.turtle_foo.default = "a default value";
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                  obj.p = [[0, false, { turtles: [[0, false, { turtle_foo: 'hello'}]] }]];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                        '<field name="p">' +
+                            '<tree>' +
+                                '<field name="turtles"/>' +
+                            '</tree>' +
+                            '<form>' +
+                                '<field name="turtles">' +
+                                    '<tree editable="top">' +
+                                        '<field name="turtle_foo"/>' +
+                                    '</tree>' +
+                                '</field>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+            });
+
+
+            assert.containsOnce(form, '.o_data_row',
+                "the onchange should have created one record in the relation");
+
+            // open the created o2m record in a form view
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal', "should have opened a dialog");
+            assert.containsOnce(document.body, '.modal .o_data_row');
+            assert.strictEqual($('.modal .o_data_row').text(), 'hello');
+
+            // add a one2many subrecord and check if the default value is correctly applied
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            assert.containsN(document.body, '.modal .o_data_row', 2);
+            assert.strictEqual($('.modal .o_data_row:first .o_field_widget[name=turtle_foo]').val(),
+                'a default value');
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange on one2many with x2many in list (many2many_tags) and form view (list)', async function (assert) {
+            assert.expect(6);
+
+            this.data.turtle.fields.turtle_foo.default = "a default value";
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                  obj.p = [[0, false, { turtles: [[0, false, { turtle_foo: 'hello'}]] }]];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                        '<field name="p">' +
+                            '<tree>' +
+                                '<field name="turtles" widget="many2many_tags"/>' +
+                            '</tree>' +
+                            '<form>' +
+                                '<field name="turtles">' +
+                                    '<tree editable="top">' +
+                                        '<field name="turtle_foo"/>' +
+                                    '</tree>' +
+                                '</field>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+            });
+
+
+            assert.containsOnce(form, '.o_data_row',
+                "the onchange should have created one record in the relation");
+
+            // open the created o2m record in a form view
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal', "should have opened a dialog");
+            assert.containsOnce(document.body, '.modal .o_data_row');
+            assert.strictEqual($('.modal .o_data_row').text(), 'hello');
+
+            // add a one2many subrecord and check if the default value is correctly applied
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            assert.containsN(document.body, '.modal .o_data_row', 2);
+            assert.strictEqual($('.modal .o_data_row:first .o_field_widget[name=turtle_foo]').val(),
+                'a default value');
+
+            form.destroy();
+        });
+
+        QUnit.test('embedded one2many with handle widget with minimum setValue calls', async function (assert) {
+            var done = assert.async();
+            assert.expect(20);
+
+
+            this.data.turtle.records[0].turtle_int = 6;
+            this.data.turtle.records.push({
+                id: 4,
+                turtle_int: 20,
+                turtle_foo: "a1",
+            }, {
+                    id: 5,
+                    turtle_int: 9,
+                    turtle_foo: "a2",
+                }, {
+                    id: 6,
+                    turtle_int: 2,
+                    turtle_foo: "a3",
+                }, {
+                    id: 7,
+                    turtle_int: 11,
+                    turtle_foo: "a4",
+                });
+            this.data.partner.records[0].turtles = [1, 2, 3, 4, 5, 6, 7];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="turtles">' +
+                    '<tree default_order="turtle_int">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            testUtils.mock.intercept(form, "field_changed", function (event) {
+                assert.step(String(form.model.get(event.data.changes.turtles.id).res_id));
+            }, true);
+
+            await testUtils.form.clickEdit(form);
+
+            var positions = [
+                [6, 0, 'top', ['3', '6', '1', '2', '5', '7', '4']], // move the last to the first line
+                [5, 1, 'top', ['7', '6', '1', '2', '5']], // move the penultimate to the second line
+                [2, 5, 'bottom', ['1', '2', '5', '6']], // move the third to the penultimate line
+            ];
+            async function dragAndDrop() {
+                var pos = positions.shift();
+
+                await testUtils.dom.dragAndDrop(
+                    form.$('.ui-sortable-handle').eq(pos[0]),
+                    form.$('tbody tr').eq(pos[1]),
+                    { position: pos[2] }
+                );
+
+                assert.verifySteps(pos[3],
+                    "sequences values should be apply from the begin index to the drop index");
+
+                if (positions.length) {
+
+                    setTimeout(dragAndDrop, 10);
+
+                } else {
+
+                    assert.deepEqual(_.pluck(form.model.get(form.handle).data.turtles.data, 'data'), [
+                        { id: 3, turtle_foo: "kawa", turtle_int: 2 },
+                        { id: 7, turtle_foo: "a4", turtle_int: 3 },
+                        { id: 1, turtle_foo: "yop", turtle_int: 4 },
+                        { id: 2, turtle_foo: "blip", turtle_int: 5 },
+                        { id: 5, turtle_foo: "a2", turtle_int: 6 },
+                        { id: 6, turtle_foo: "a3", turtle_int: 7 },
+                        { id: 4, turtle_foo: "a1", turtle_int: 8 }
+                    ], "sequences must be apply correctly");
+
+                    form.destroy();
+                    done();
+                }
+            }
+
+            dragAndDrop();
+        });
+
+        QUnit.test('embedded one2many (editable list) with handle widget', async function (assert) {
+            assert.expect(8);
+
+            this.data.partner.records[0].p = [1, 2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<notebook>' +
+                    '<page string="P page">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="int_field" widget="handle"/>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            testUtils.mock.intercept(form, "field_changed", function (event) {
+                assert.step(event.data.changes.p.data.int_field.toString());
+            }, true);
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "My little Foo Valueblipyop",
+                "should have the 3 rows in the correct order");
+
+            await testUtils.form.clickEdit(form);
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "My little Foo Valueblipyop",
+                "should still have the 3 rows in the correct order");
+
+            // Drag and drop the second line in first position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.verifySteps(["0", "1"],
+                "sequences values should be incremental starting from the previous minimum one");
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "blipMy little Foo Valueyop",
+                "should have the 3 rows in the new order");
+
+            await testUtils.dom.click(form.$('tbody tr:first td:first'));
+
+            assert.strictEqual(form.$('tbody tr:first td.o_data_cell:not(.o_handle_cell) input').val(), "blip",
+                "should edit the correct row");
+
+            await testUtils.form.clickSave(form);
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "blipMy little Foo Valueyop",
+                "should still have the 3 rows in the new order");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many field when using the pager', async function (assert) {
+            assert.expect(13);
+
+            var ids = [];
+            for (var i = 0; i < 45; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                this.data.partner.records.push({
+                    id: id,
+                    display_name: "relational record " + id,
+                });
+            }
+            this.data.partner.records[0].p = ids.slice(0, 42);
+            this.data.partner.records[1].p = ids.slice(42);
+
+            var count = 0;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<kanban>' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div><t t-esc="record.display_name"/></div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                viewOptions: {
+                    ids: [1, 2],
+                    index: 0,
+                },
+                mockRPC: function () {
+                    count++;
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+
+            // we are on record 1, which has 90 related record (first 40 should be
+            // displayed), 2 RPCs (read) should have been done, one on the main record
+            // and one for the O2M
+            assert.strictEqual(count, 2, 'two RPCs should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'one2many kanban should contain 40 cards for record 1');
+
+            // move to record 2, which has 3 related records (and shouldn't contain the
+            // related records of record 1 anymore). Two additional RPCs should have
+            // been done
+            await cpHelpers.pagerNext(form);
+            assert.strictEqual(count, 4, 'two RPCs should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 3,
+                'one2many kanban should contain 3 cards for record 2');
+
+            // move back to record 1, which should contain again its first 40 related
+            // records
+            await cpHelpers.pagerPrevious(form);
+            assert.strictEqual(count, 6, 'two RPCs should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'one2many kanban should contain 40 cards for record 1');
+
+            // move to the second page of the o2m: 1 RPC should have been done to fetch
+            // the 2 subrecords of page 2, and those records should now be displayed
+            await testUtils.dom.click(form.$('.o_x2m_control_panel .o_pager_next'));
+            assert.strictEqual(count, 7, 'one RPC should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 2,
+                'one2many kanban should contain 2 cards for record 1 at page 2');
+
+            // move to record 2 again and check that everything is correctly updated
+            await cpHelpers.pagerNext(form);
+            assert.strictEqual(count, 9, 'two RPCs should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 3,
+                'one2many kanban should contain 3 cards for record 2');
+
+            // move back to record 1 and move to page 2 again: all data should have
+            // been correctly reloaded
+            await cpHelpers.pagerPrevious(form);
+            assert.strictEqual(count, 11, 'two RPCs should have been done');
+            await testUtils.dom.click(form.$('.o_x2m_control_panel .o_pager_next'));
+            assert.strictEqual(count, 12, 'one RPC should have been done');
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 2,
+                'one2many kanban should contain 2 cards for record 1 at page 2');
+            form.destroy();
+        });
+
+        QUnit.test('edition of one2many field with pager', async function (assert) {
+            assert.expect(31);
+
+            var ids = [];
+            for (var i = 0; i < 45; i++) {
+                var id = 10 + i;
+                ids.push(id);
+                this.data.partner.records.push({
+                    id: id,
+                    display_name: "relational record " + id,
+                });
+            }
+            this.data.partner.records[0].p = ids;
+
+            var saveCount = 0;
+            var checkRead = false;
+            var readIDs;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<kanban>' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_global_click">' +
+                    '<a t-if="!read_only_mode" type="delete" class="fa fa-times float-right delete_icon"/>' +
+                    '<span><t t-esc="record.display_name.value"/></span>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form><field name="display_name"/></form>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'read' && checkRead) {
+                        readIDs = args.args[0];
+                        checkRead = false;
+                    }
+                    if (args.method === 'write') {
+                        saveCount++;
+                        var nbCommands = args.args[1].p.length;
+                        var nbLinkCommands = _.filter(args.args[1].p, function (command) {
+                            return command[0] === 4;
+                        }).length;
+                        switch (saveCount) {
+                            case 1:
+                                assert.strictEqual(nbCommands, 46,
+                                    "should send 46 commands (one for each record)");
+                                assert.strictEqual(nbLinkCommands, 45,
+                                    "should send a LINK_TO command for each existing record");
+                                assert.deepEqual(args.args[1].p[45], [0, args.args[1].p[45][1], {
+                                    display_name: 'new record',
+                                }], "should sent a CREATE command for the new record");
+                                break;
+                            case 2:
+                                assert.strictEqual(nbCommands, 46,
+                                    "should send 46 commands");
+                                assert.strictEqual(nbLinkCommands, 45,
+                                    "should send a LINK_TO command for each existing record");
+                                assert.deepEqual(args.args[1].p[45], [2, 10, false],
+                                    "should sent a DELETE command for the deleted record");
+                                break;
+                            case 3:
+                                assert.strictEqual(nbCommands, 47,
+                                    "should send 47 commands");
+                                assert.strictEqual(nbLinkCommands, 43,
+                                    "should send a LINK_TO command for each existing record");
+                                assert.deepEqual(args.args[1].p[43],
+                                    [0, args.args[1].p[43][1], { display_name: 'new record page 1' }],
+                                    "should sent correct CREATE command");
+                                assert.deepEqual(args.args[1].p[44],
+                                    [0, args.args[1].p[44][1], { display_name: 'new record page 2' }],
+                                    "should sent correct CREATE command");
+                                assert.deepEqual(args.args[1].p[45],
+                                    [2, 11, false],
+                                    "should sent correct DELETE command");
+                                assert.deepEqual(args.args[1].p[46],
+                                    [2, 52, false],
+                                    "should sent correct DELETE command");
+                                break;
+                        }
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records on page 1');
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 45', "pager range should be correct");
+
+            // add a record on page one
+            checkRead = true;
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            await testUtils.fields.editInput($('.modal input'), 'new record');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            // checks
+            assert.strictEqual(readIDs, undefined, "should not have read any record");
+            assert.strictEqual(form.$('span:contains(new record)').length, 0,
+                "new record should be on page 2");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records on page 1');
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 46', "pager range should be correct");
+            assert.strictEqual(form.$('.o_kanban_record:first span:contains(new record)').length,
+                0, 'new record should not be on page 1');
+            // save
+            await testUtils.form.clickSave(form);
+
+            // delete a record on page one
+            checkRead = true;
+            await testUtils.form.clickEdit(form);
+            assert.strictEqual(form.$('.o_kanban_record:first span:contains(relational record 10)').length,
+                1, 'first record should be the one with id 10 (next checks rely on that)');
+            await testUtils.dom.click(form.$('.delete_icon:first'));
+            // checks
+            assert.deepEqual(readIDs, [50],
+                "should have read a record (to display 40 records on page 1)");
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 40,
+                'there should be 40 records on page 1');
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '1-40 / 45', "pager range should be correct");
+            // save
+            await testUtils.form.clickSave(form);
+
+            // add and delete records in both pages
+            await testUtils.form.clickEdit(form);
+            checkRead = true;
+            readIDs = undefined;
+            // add and delete a record in page 1
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            await testUtils.fields.editInput($('.modal input'), 'new record page 1');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            assert.strictEqual(form.$('.o_kanban_record:first span:contains(relational record 11)').length,
+                1, 'first record should be the one with id 11 (next checks rely on that)');
+            await testUtils.dom.click(form.$('.delete_icon:first'));
+            assert.deepEqual(readIDs, [51],
+                "should have read a record (to display 40 records on page 1)");
+            // add and delete a record in page 2
+            await testUtils.dom.click(form.$('.o_x2m_control_panel .o_pager_next'));
+            assert.strictEqual(form.$('.o_kanban_record:first span:contains(relational record 52)').length,
+                1, 'first record should be the one with id 52 (next checks rely on that)');
+            checkRead = true;
+            readIDs = undefined;
+            await testUtils.dom.click(form.$('.delete_icon:first'));
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            await testUtils.fields.editInput($('.modal input'), 'new record page 2');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            assert.strictEqual(readIDs, undefined, "should not have read any record");
+            // checks
+            assert.strictEqual(form.$('.o_kanban_record:not(".o_kanban_ghost")').length, 5,
+                'there should be 5 records on page 2');
+            assert.strictEqual(form.$('.o_x2m_control_panel .o_pager_counter').text().trim(),
+                '41-45 / 45', "pager range should be correct");
+            assert.strictEqual(form.$('.o_kanban_record span:contains(new record page 1)').length,
+                1, 'new records should be on page 2');
+            assert.strictEqual(form.$('.o_kanban_record span:contains(new record page 2)').length,
+                1, 'new records should be on page 2');
+            // save
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('edition of one2many field, with onchange and not inline sub view', async function (assert) {
+            assert.expect(2);
+
+            this.data.turtle.onchanges.turtle_int = function (obj) {
+                obj.turtle_foo = String(obj.turtle_int);
+            };
+            this.data.partner.onchanges.turtles = function () { };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles"/>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,list': '<tree><field name="turtle_foo"/></tree>',
+                    'turtle,false,form': '<form><group><field name="turtle_foo"/><field name="turtle_int"/></group></form>',
+                },
+                mockRPC: function () {
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput($('input[name="turtle_int"]'), '5');
+            await testUtils.dom.click($('.modal-footer button.btn-primary').first());
+            assert.strictEqual(form.$('tbody tr:eq(1) td.o_data_cell').text(), '5',
+                'should display 5 in the foo field');
+            await testUtils.dom.click(form.$('tbody tr:eq(1) td.o_data_cell'));
+
+            await testUtils.fields.editInput($('input[name="turtle_int"]'), '3');
+            await testUtils.dom.click($('.modal-footer button.btn-primary').first());
+            assert.strictEqual(form.$('tbody tr:eq(1) td.o_data_cell').text(), '3',
+                'should now display 3 in the foo field');
+            form.destroy();
+        });
+
+        QUnit.test('sorting one2many fields', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.fields.foo.sortable = true;
+            this.data.partner.records.push({ id: 23, foo: "abc" });
+            this.data.partner.records.push({ id: 24, foo: "xyz" });
+            this.data.partner.records.push({ id: 25, foo: "def" });
+            this.data.partner.records[0].p = [23, 24, 25];
+
+            var rpcCount = 0;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function () {
+                    rpcCount++;
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            rpcCount = 0;
+            assert.ok(form.$('table tbody tr:eq(2) td:contains(def)').length,
+                "the 3rd record is the one with 'def' value");
+            form.renderer._render = function () {
+                throw "should not render the whole form";
+            };
+
+            await testUtils.dom.click(form.$('table thead th:contains(Foo)'));
+            assert.strictEqual(rpcCount, 0,
+                'sort should be in memory, no extra RPCs should have been done');
+            assert.ok(form.$('table tbody tr:eq(2) td:contains(xyz)').length,
+                "the 3rd record is the one with 'xyz' value");
+
+            await testUtils.dom.click(form.$('table thead th:contains(Foo)'));
+            assert.ok(form.$('table tbody tr:eq(2) td:contains(abc)').length,
+                "the 3rd record is the one with 'abc' value");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list field edition', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records.push({
+                id: 3,
+                display_name: "relational record 1",
+            });
+            this.data.partner.records[1].p = [3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 2,
+            });
+
+            // edit the first line of the o2m
+            assert.strictEqual(form.$('.o_field_one2many tbody td').first().text(), 'relational record 1',
+                "display name of first record in o2m list should be 'relational record 1'");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_one2many tbody td').first());
+            assert.hasClass(form.$('.o_field_one2many tbody td').first().parent(),'o_selected_row',
+                "first row of o2m should be in edition");
+            await testUtils.fields.editInput(form.$('.o_field_one2many tbody td').first().find('input'), "new value");
+            assert.hasClass(form.$('.o_field_one2many tbody td').first().parent(),'o_selected_row',
+                "first row of o2m should still be in edition");
+
+            // // leave o2m edition
+            await testUtils.dom.click(form.$el);
+            assert.doesNotHaveClass(form.$('.o_field_one2many tbody td').first().parent(), 'o_selected_row',
+                "first row of o2m should be readonly again");
+
+            // discard changes
+            await testUtils.form.clickDiscard(form);
+            assert.strictEqual(form.$('.o_field_one2many tbody td').first().text(), 'new value',
+                "changes shouldn't have been discarded yet, waiting for user confirmation");
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_field_one2many tbody td').first().text(), 'relational record 1',
+                "display name of first record in o2m list should be 'relational record 1'");
+
+            // edit again and save
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_one2many tbody td').first());
+            await testUtils.fields.editInput(form.$('.o_field_one2many tbody td').first().find('input'), "new value");
+            await testUtils.dom.click(form.$el);
+            await testUtils.form.clickSave(form);
+            // FIXME: this next test doesn't pass as the save of updates of
+            // relational data is temporarily disabled
+            // assert.strictEqual(form.$('.o_field_one2many tbody td').first().text(), 'new value',
+            //     "display name of first record in o2m list should be 'new value'");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list: create action disabled', async function (assert) {
+            assert.expect(2);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree create="0">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" link should not be available in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" link should not be available in readonly');
+            form.destroy();
+        });
+
+        QUnit.test('one2many list: conditional create/delete actions', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2, 4];
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p" options="{'create': [('bar', '=', True)], 'delete': [('bar', '=', True)]}">
+                            <tree>
+                                <field name="display_name"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // bar is true -> create and delete action are available
+            assert.containsOnce(form, '.o_field_x2many_list_row_add',
+                '"Add an item" link should be available');
+            assert.hasClass(form.$('td.o_list_record_remove button').first(), 'fa fa-trash-o',
+                "should have trash bin icons");
+
+            // set bar to false -> create and delete action are no longer available
+            await testUtils.dom.click(form.$('.o_field_widget[name="bar"] input').first());
+
+            assert.containsNone(form, '.o_field_x2many_list_row_add',
+                '"Add an item" link should not be available if bar field is False');
+            assert.containsNone(form, 'td.o_list_record_remove button',
+                "should not have trash bin icons if bar field is False");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list: unlink two records', async function (assert) {
+            assert.expect(8);
+            this.data.partner.records[0].p = [1, 2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p" widget="many2many">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        var commands = args.args[1].p;
+                        assert.strictEqual(commands.length, 3,
+                            'should have generated three commands');
+                        assert.ok(commands[0][0] === 4 && commands[0][1] === 2,
+                            'should have generated the command 4 (LINK_TO) with id 4');
+                        assert.ok(commands[1][0] === 4 && commands[1][1] === 4,
+                            'should have generated the command 4 (LINK_TO) with id 4');
+                        assert.ok(commands[2][0] === 3 && commands[2][1] === 1,
+                            'should have generated the command 3 (UNLINK) with id 1');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                archs: {
+                    'partner,false,form':
+                        '<form string="Partner"><field name="display_name"/></form>',
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.containsN(form, 'td.o_list_record_remove button', 3,
+                "should have 3 remove buttons");
+
+            assert.hasClass(form.$('td.o_list_record_remove button').first(),'fa fa-times',
+                "should have X icons to remove (unlink) records");
+
+            await testUtils.dom.click(form.$('td.o_list_record_remove button').first());
+
+            assert.containsN(form, 'td.o_list_record_remove button', 2,
+                "should have 2 remove buttons (a record is supposed to have been unlinked)");
+
+            await testUtils.dom.click(form.$('tr.o_data_row').first());
+            assert.containsNone($('.modal .modal-footer .o_btn_remove'),
+                'there should not be a modal having Remove Button');
+
+            await testUtils.dom.click($('.modal .btn-secondary'))
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many list: deleting one records', async function (assert) {
+            assert.expect(7);
+            this.data.partner.records[0].p = [1, 2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        var commands = args.args[1].p;
+                        assert.strictEqual(commands.length, 3,
+                            'should have generated three commands');
+                        assert.ok(commands[0][0] === 4 && commands[0][1] === 2,
+                            'should have generated the command 4 (LINK_TO) with id 2');
+                        assert.ok(commands[1][0] === 4 && commands[1][1] === 4,
+                            'should have generated the command 2 (LINK_TO) with id 1');
+                        assert.ok(commands[2][0] === 2 && commands[2][1] === 1,
+                            'should have generated the command 2 (DELETE) with id 2');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                archs: {
+                    'partner,false,form':
+                        '<form string="Partner"><field name="display_name"/></form>',
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.containsN(form, 'td.o_list_record_remove button', 3,
+                "should have 3 remove buttons");
+
+            assert.hasClass(form.$('td.o_list_record_remove button').first(),'fa fa-trash-o',
+                "should have trash bin icons to remove (delete) records");
+
+            await testUtils.dom.click(form.$('td.o_list_record_remove button').first());
+
+            assert.containsN(form, 'td.o_list_record_remove button', 2,
+                "should have 2 remove buttons");
+
+            // save and check that the correct command has been generated
+            await testUtils.form.clickSave(form);
+
+            // FIXME: it would be nice to test that the view is re-rendered correctly,
+            // but as the relational data isn't re-fetched, the rendering is ok even
+            // if the changes haven't been saved
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban: edition', async function (assert) {
+            assert.expect(23);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                        '<field name="p">' +
+                            '<kanban>' +
+                                // color will be in the kanban but not in the form
+                                '<field name="color"/>' +
+                                '<field name="display_name"/>' +
+                                '<templates>' +
+                                    '<t t-name="kanban-box">' +
+                                        '<div class="oe_kanban_global_click">' +
+                                            '<a t-if="!read_only_mode" type="delete" class="fa fa-times float-right delete_icon"/>' +
+                                            '<span><t t-esc="record.display_name.value"/></span>' +
+                                            '<span><t t-esc="record.color.value"/></span>' +
+                                        '</div>' +
+                                    '</t>' +
+                                '</templates>' +
+                            '</kanban>' +
+                            '<form string="Partners">' +
+                                '<field name="display_name"/>' +
+                                // foo will be in the form but not in the kanban
+                                '<field name="foo"/>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        var commands = args.args[1].p;
+                        assert.strictEqual(commands.length, 2,
+                            'should have generated two commands');
+                        assert.strictEqual(commands[0][0], 0,
+                            'generated command should be ADD WITH VALUES');
+                        assert.strictEqual(commands[0][2].display_name, "new subrecord 3",
+                            'value of newly created subrecord should be "new subrecord 3"');
+                        assert.strictEqual(commands[1][0], 2,
+                            'generated command should be REMOVE AND DELETE');
+                        assert.strictEqual(commands[1][1], 2,
+                            'deleted record id should be 2');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.ok(!form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should not be visible in readonly');
+            assert.ok(!form.$('.o_field_one2many .o-kanban-button-new').length,
+                '"Create" button should not be visible in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 1,
+                'should contain 1 record');
+            assert.strictEqual(form.$('.o_kanban_record span:first').text(), 'second record',
+                'display_name of subrecord should be the one in DB');
+            assert.strictEqual(form.$('.o_kanban_record span:nth(1)').text(), 'Red',
+                'color of subrecord should be the one in DB');
+            assert.ok(form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should be visible in edit');
+            assert.ok(form.$('.o_field_one2many .o-kanban-button-new').length,
+                '"Create" button should be visible in edit');
+            assert.hasClass(form.$('.o_field_one2many .o-kanban-button-new'),'btn-secondary',
+                "'Create' button should have className 'btn-secondary'");
+            assert.strictEqual(form.$('.o_field_one2many .o-kanban-button-new').text().trim(), "Add",
+                'Create button should have "Add" label');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.oe_kanban_global_click'));
+
+            await testUtils.fields.editInput($('.modal .o_form_view input').first(), 'new name');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_kanban_record span:first').text(), 'new name',
+                'value of subrecord should have been updated');
+
+            // create a new subrecord
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            await testUtils.fields.editInput($('.modal .o_form_view input').first(), 'new subrecord 1');
+            await testUtils.dom.clickFirst($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 2,
+                'should contain 2 records');
+            assert.strictEqual(form.$('.o_kanban_record:nth(1) span').text(), 'new subrecord 1Red',
+                'value of newly created subrecord should be "new subrecord 1"');
+
+            // create two new subrecords
+            await testUtils.dom.click(form.$('.o-kanban-button-new'));
+            await testUtils.fields.editInput($('.modal .o_form_view input').first(), 'new subrecord 2');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:nth(1)'));
+            await testUtils.fields.editInput($('.modal .o_form_view input').first(), 'new subrecord 3');
+            await testUtils.dom.clickFirst($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 4,
+                'should contain 4 records');
+
+            // delete subrecords
+            await testUtils.dom.click(form.$('.oe_kanban_global_click').first());
+            assert.strictEqual($('.modal .modal-footer .o_btn_remove').length, 1,
+                'There should be a modal having Remove Button');
+            await testUtils.dom.click($('.modal .modal-footer .o_btn_remove'));
+            assert.containsNone($('.o_modal'), "modal should have been closed");
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 3,
+                'should contain 3 records');
+            await testUtils.dom.click(form.$('.o_kanban_view .delete_icon:first()'));
+            await testUtils.dom.click(form.$('.o_kanban_view .delete_icon:first()'));
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 1,
+                'should contain 1 records');
+            assert.strictEqual(form.$('.o_kanban_record span:first').text(), 'new subrecord 3',
+                'the remaining subrecord should be "new subrecord 3"');
+
+            // save and check that the correct command has been generated
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban (editable): properly handle create_text node option', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles" options="{\'create_text\': \'Add turtle\'}" mode="kanban">' +
+                    '<kanban>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_details">' +
+                    '<field name="display_name"/>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+            assert.strictEqual(form.$('.o_field_one2many[name="turtles"] .o-kanban-button-new').text().trim(),
+                "Add turtle", "In O2M Kanban, Add button should have 'Add turtle' label");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban: create action disabled', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<kanban create="0">' +
+                    '<field name="display_name"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_global_click">' +
+                    '<a t-if="!read_only_mode" type="delete" class="fa fa-times float-right delete_icon"/>' +
+                    '<span><t t-esc="record.display_name.value"/></span>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.ok(!form.$('.o-kanban-button-new').length,
+                '"Add" button should not be available in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.ok(!form.$('.o-kanban-button-new').length,
+                '"Add" button should not be available in edit');
+            assert.ok(form.$('.o_kanban_view .delete_icon').length,
+                'delete icon should be visible in edit');
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban: conditional create/delete actions', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2, 4];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p" options="{'create': [('bar', '=', True)], 'delete': [('bar', '=', True)]}">
+                            <kanban>
+                                <field name="display_name"/>
+                                <templates>
+                                    <t t-name="kanban-box">
+                                        <div class="oe_kanban_global_click">
+                                            <span><t t-esc="record.display_name.value"/></span>
+                                        </div>
+                                    </t>
+                                </templates>
+                            </kanban>
+                            <form>
+                                <field name="display_name"/>
+                                <field name="foo"/>
+                            </form>
+                        </field>
+                    </form>`,
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // bar is initially true -> create and delete actions are available
+            assert.containsOnce(form, '.o-kanban-button-new', '"Add" button should be available');
+
+            await testUtils.dom.click(form.$('.oe_kanban_global_click').first());
+
+            assert.containsOnce(document.body, '.modal .modal-footer .o_btn_remove',
+                'There should be a Remove Button inside modal');
+
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // set bar false -> create and delete actions are no longer available
+            await testUtils.dom.click(form.$('.o_field_widget[name="bar"] input').first());
+
+            assert.containsNone(form, '.o-kanban-button-new',
+                '"Add" button should not be available as bar is False');
+
+            await testUtils.dom.click(form.$('.oe_kanban_global_click').first());
+
+            assert.containsNone(document.body, '.modal .modal-footer .o_btn_remove',
+                'There should not be a Remove Button as bar field is False');
+
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, pager is updated', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.records.push({ id: 4, turtle_foo: 'stephen hawking' });
+            this.data.partner.records[0].turtles = [1, 2, 3, 4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add a record, then click in form view to confirm it
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$el);
+
+            assert.strictEqual(form.$('.o_field_widget[name=turtles] .o_pager').text().trim(), '1-4 / 5',
+                "pager should display the correct total");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (non editable): edition', async function (assert) {
+            assert.expect(12);
+
+            var nbWrite = 0;
+            this.data.partner.records[0].p = [2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="display_name"/><field name="qux"/>' +
+                    '</tree>' +
+                    '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        nbWrite++;
+                        assert.deepEqual(args.args[1], {
+                            p: [[1, 2, { display_name: 'new name' }], [2, 4, false]]
+                        }, "should have sent the correct commands");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.ok(!form.$('.o_list_record_remove').length,
+                'remove icon should not be visible in readonly');
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" should not be visible in readonly');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.containsN(form, '.o_list_view td.o_list_number', 2,
+                'should contain 2 records');
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'second record',
+                'display_name of first subrecord should be the one in DB');
+            assert.ok(form.$('.o_list_record_remove').length,
+                'remove icon should be visible in edit');
+            assert.ok(form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" should not visible in edit');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.o_list_view tbody tr:first() td:eq(1)'));
+
+            await testUtils.fields.editInput($('.modal .o_form_view input'), 'new name');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'new name',
+                'value of subrecord should have been updated');
+            assert.strictEqual(nbWrite, 0, "should not have write anything in DB");
+
+            // create new subrecords
+            // TODO when 'Add an item' will be implemented
+
+            // remove subrecords
+            await testUtils.dom.click(form.$('.o_list_record_remove:nth(1)'));
+            assert.containsOnce(form, '.o_list_view td.o_list_number',
+                'should contain 1 subrecord');
+            assert.strictEqual(form.$('.o_list_view tbody td:first()').text(), 'new name',
+                'the remaining subrecord should be "new name"');
+
+            await testUtils.form.clickSave(form); // save the record
+            assert.strictEqual(nbWrite, 1, "should have write the changes in DB");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): edition', async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.records[0].p = [2, 4];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="display_name"/><field name="qux"/>' +
+                    '</tree>' +
+                    '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.ok(!form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" link should not be available in readonly');
+
+            await testUtils.dom.click(form.$('.o_list_view tbody td:first()'));
+            assert.ok($('.modal .o_form_readonly').length,
+                'in readonly, clicking on a subrecord should open it in readonly in a dialog');
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+
+            await testUtils.form.clickEdit(form);
+
+            assert.ok(form.$('.o_field_x2many_list_row_add').length,
+                '"Add an item" link should be available in edit');
+
+            // edit existing subrecord
+            await testUtils.dom.click(form.$('.o_list_view tbody td:first()'));
+            assert.strictEqual($('.modal').length, 0,
+                'in edit, clicking on a subrecord should not open a dialog');
+            assert.hasClass(form.$('.o_list_view tbody tr:first()'),'o_selected_row',
+                'first row should be in edition');
+            await testUtils.fields.editInput(form.$('.o_list_view input:first()'), 'new name');
+
+            await testUtils.dom.click(form.$('.o_list_view tbody tr:nth(1) td:first'));
+            assert.doesNotHaveClass(form.$('.o_list_view tbody tr:first'), 'o_selected_row',
+                'first row should not be in edition anymore');
+            assert.strictEqual(form.$('.o_list_view tbody td:first').text(), 'new name',
+                'value of subrecord should have been updated');
+
+            // create new subrecords
+            // TODO when 'Add an item' will be implemented
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): edition, part 2', async function (assert) {
+            assert.expect(8);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        assert.strictEqual(args.args[1].p[0][0], 0,
+                            "should send a 0 command for field p");
+                        assert.strictEqual(args.args[1].p[1][0], 0,
+                            "should send a second 0 command for field p");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // edit mode, then click on Add an item and enter a value
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_selected_row > td input'), 'kartoffel');
+
+            // click again on Add an item
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual(form.$('td:contains(kartoffel)').length, 1,
+                "should have one td with the new value");
+            assert.containsOnce(form, '.o_selected_row > td input',
+                "should have one other new td");
+            assert.containsN(form, 'tr.o_data_row', 2, "should have 2 data rows");
+
+            // enter another value and save
+            await testUtils.fields.editInput(form.$('.o_selected_row > td input'), 'gemuse');
+            await testUtils.form.clickSave(form);
+            assert.containsN(form, 'tr.o_data_row', 2, "should have 2 data rows");
+            assert.strictEqual(form.$('td:contains(kartoffel)').length, 1,
+                "should have one td with the new value");
+            assert.strictEqual(form.$('td:contains(gemuse)').length, 1,
+                "should have one td with the new value");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): edition, part 3', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // edit mode, then click on Add an item 2 times
+            assert.containsOnce(form, 'tr.o_data_row',
+                "should have 1 data rows");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsN(form, 'tr.o_data_row', 3,
+                "should have 3 data rows");
+
+            // cancel the edition
+            await testUtils.form.clickDiscard(form);
+            await testUtils.dom.click($('.modal-footer button.btn-primary').first());
+            assert.containsOnce(form, 'tr.o_data_row',
+                "should have 1 data rows");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): edition, part 4', async function (assert) {
+            assert.expect(3);
+            var i = 0;
+
+            this.data.turtle.onchanges = {
+                turtle_trululu: function (obj) {
+                    if (i) {
+                        obj.turtle_description = "Some Description";
+                    }
+                    i++;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_trululu"/>' +
+                    '<field name="turtle_description"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+            });
+
+            // edit mode, then click on Add an item
+            assert.containsNone(form, 'tr.o_data_row',
+                "should have 0 data rows");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual(form.$('textarea').val(), "",
+                "field turtle_description should be empty");
+
+            // add a value in the turtle_trululu field to trigger an onchange
+            await testUtils.fields.many2one.clickOpenDropdown('turtle_trululu');
+            await testUtils.fields.many2one.clickHighlightedItem('turtle_trululu');
+            assert.strictEqual(form.$('textarea').val(), "Some Description",
+                "field turtle_description should be set to the result of the onchange");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): discarding required empty data', async function (assert) {
+            assert.expect(7);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+            delete this.data.turtle.fields.turtle_foo.default;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method) {
+                        assert.step(args.method);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // edit mode, then click on Add an item, then click elsewhere
+            assert.containsNone(form, 'tr.o_data_row',
+                "should have 0 data rows");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('label.o_form_label').first());
+            assert.containsNone(form, 'tr.o_data_row',
+                "should still have 0 data rows");
+
+            // click on Add an item again, then click on save
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.form.clickSave(form);
+            assert.containsNone(form, 'tr.o_data_row',
+                "should still have 0 data rows");
+
+            assert.verifySteps(['read', 'onchange', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, adding line when only one page', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add a record, to reach the page size limit
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            // the record currently being added should not count in the pager
+            assert.containsNone(form, '.o_field_widget[name=turtles] .o_pager');
+
+            // unselect the row
+            await testUtils.dom.click(form.$el);
+            assert.containsNone(form, '.o_selected_row');
+            assert.containsNone(form, '.o_field_widget[name=turtles] .o_pager');
+
+            await testUtils.form.clickSave(form);
+            assert.containsOnce(form, '.o_field_widget[name=turtles] .o_pager');
+            assert.strictEqual(form.$('.o_field_widget[name=turtles] .o_pager').text(), "1-3 / 4");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, adding line, then discarding', async function (assert) {
+            assert.expect(2);
+
+            this.data.turtle.records.push({ id: 4, turtle_foo: 'stephen hawking' });
+            this.data.partner.records[0].turtles = [1, 2, 3, 4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add a record, then discard
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.form.clickDiscard(form);
+
+            // confirm the discard operation
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+
+            assert.isVisible(form.$('.o_field_widget[name=turtles] .o_pager'));
+            assert.strictEqual(form.$('.o_field_widget[name=turtles] .o_pager').text().trim(), '1-3 / 4',
+                "pager should display correct values");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, required field and pager', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.records.push({ id: 4, turtle_foo: 'stephen hawking' });
+            this.data.turtle.fields.turtle_foo.required = true;
+            this.data.partner.records[0].turtles = [1, 2, 3, 4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add a (empty) record
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            // go on next page. The new record is not valid and should be discarded
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+            assert.containsOnce(form, 'tr.o_data_row');
+
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, required field, pager and confirm discard', async function (assert) {
+            assert.expect(3);
+
+            this.data.turtle.records.push({ id: 4, turtle_foo: 'stephen hawking' });
+            this.data.turtle.fields.turtle_foo.required = true;
+            this.data.partner.records[0].turtles = [1, 2, 3, 4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add a record with a dirty state, but not valid
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('input[name="turtle_int"]'), 4321);
+
+            // go to next page. The new record is not valid, but dirty. we should
+            // see a confirm dialog
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+
+            assert.strictEqual(form.$('.o_field_widget[name=turtles] .o_pager').text().trim(), '1-4 / 5',
+                "pager should still display the correct total");
+
+            // click on cancel
+            await testUtils.dom.click($('.modal .modal-footer .btn-secondary'));
+
+            assert.strictEqual(form.$('.o_field_widget[name=turtles] .o_pager').text().trim(), '1-4 / 5',
+                "pager should again display the correct total");
+            assert.containsOnce(form, '.o_field_one2many input.o_field_invalid',
+                "there should be an invalid input in the one2many");
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list, adding, discarding, and pager', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].turtles = [1];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // add 4 records (to have more records than the limit)
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, 'tr.o_data_row', 5);
+            assert.containsNone(form, '.o_field_widget[name=turtles] .o_pager');
+
+            // discard
+            await testUtils.form.clickDiscard(form);
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+
+            assert.containsOnce(form, 'tr.o_data_row');
+            assert.containsNone(form, '.o_field_widget[name=turtles] .o_pager');
+
+            form.destroy();
+        });
+
+        QUnit.test('unselecting a line with missing required data', async function (assert) {
+            assert.expect(5);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+            delete this.data.turtle.fields.turtle_foo.default;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+            });
+
+            // edit mode, then click on Add an item, then click elsewhere
+            assert.containsNone(form, 'tr.o_data_row',
+                "should have 0 data rows");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsOnce(form, 'tr.o_data_row',
+                "should have 1 data rows");
+
+            // adding a value in the non required field, so it is dirty, but with
+            // a missing required field
+            await testUtils.fields.editInput(form.$('input[name="turtle_int"]'), '12345');
+
+            // click elsewhere,
+            await testUtils.dom.click(form.$('label.o_form_label'));
+            assert.strictEqual($('.modal').length, 1,
+                'a confirmation model should be opened');
+
+            // click on cancel, the line should still be selected
+            await testUtils.dom.click($('.modal .modal-footer button.btn-secondary'));
+            assert.containsOnce(form, 'tr.o_data_row.o_selected_row',
+                "should still have 1 selected data row");
+
+            // click elsewhere, and click on ok (on the confirmation dialog)
+            await testUtils.dom.click(form.$('label.o_form_label'));
+            await testUtils.dom.click($('.modal .modal-footer button.btn-primary'));
+            assert.containsNone(form, 'tr.o_data_row',
+                "should have 0 data rows (invalid line has been discarded");
+
+            form.destroy();
+        });
+
+        QUnit.test('pressing enter in a o2m with a required empty field', async function (assert) {
+            assert.expect(4);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // edit mode, then click on Add an item, then press enter
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.triggerKeydown(form.$('input[name="turtle_foo"]'), 'enter');
+            assert.hasClass(form.$('input[name="turtle_foo"]'), 'o_field_invalid',
+                "input should be marked invalid");
+            assert.verifySteps(['read', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('editing a o2m, with required field and onchange', async function (assert) {
+            assert.expect(11);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+            delete this.data.turtle.fields.turtle_foo.default;
+            this.data.turtle.onchanges = {
+                turtle_foo: function (obj) {
+                    obj.turtle_int = obj.turtle_foo.length;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method) {
+                        assert.step(args.method);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // edit mode, then click on Add an item
+            assert.containsNone(form, 'tr.o_data_row',
+                "should have 0 data rows");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            // input some text in required turtle_foo field
+            await testUtils.fields.editInput(form.$('input[name="turtle_foo"]'), 'aubergine');
+            assert.strictEqual(form.$('input[name="turtle_int"]').val(), "9",
+                "onchange should have been triggered");
+
+            // save and check everything is fine
+            await testUtils.form.clickSave(form);
+            assert.strictEqual(form.$('.o_data_row td:contains(aubergine)').length, 1,
+                "should have one row with turtle_foo value");
+            assert.strictEqual(form.$('.o_data_row td:contains(9)').length, 1,
+                "should have one row with turtle_int value");
+
+            assert.verifySteps(['read', 'onchange', 'onchange', 'write', 'read', 'read']);
+            form.destroy();
+        });
+
+        QUnit.test('editable o2m, pressing ESC discard current changes', async function (assert) {
+            assert.expect(5);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsOnce(form, 'tr.o_data_row',
+                "there should be one data row");
+
+            await testUtils.fields.triggerKeydown(form.$('input[name="turtle_foo"]'), 'escape');
+            assert.containsNone(form, 'tr.o_data_row',
+                "data row should have been discarded");
+            assert.verifySteps(['read', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('editable o2m with required field, pressing ESC discard current changes', async function (assert) {
+            assert.expect(5);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsOnce(form, 'tr.o_data_row',
+                "there should be one data row");
+
+            await testUtils.fields.triggerKeydown(form.$('input[name="turtle_foo"]'), 'escape');
+            assert.containsNone(form, 'tr.o_data_row',
+                "data row should have been discarded");
+            assert.verifySteps(['read', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('pressing escape in editable o2m list in dialog', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "partner,false,form": '<form>' +
+                        '<field name="p">' +
+                        '<tree editable="bottom">' +
+                        '<field name="display_name"/>' +
+                        '</tree>' +
+                        '</field>' +
+                        '</form>',
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.modal .o_data_row.o_selected_row').length, 1,
+                "there should be a row in edition in the dialog");
+
+            await testUtils.fields.triggerKeydown($('.modal .o_data_cell input'), 'escape');
+
+            assert.strictEqual($('.modal').length, 1,
+                "dialog should still be open");
+            assert.strictEqual($('.modal .o_data_row').length, 0,
+                "the row should have been removed");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable o2m with onchange and required field: delete an invalid line', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.onchanges = {
+                turtles: function () { },
+            };
+            this.data.partner.records[0].turtles = [1];
+            this.data.turtle.records[0].product_id = 37;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_data_cell:first'));
+            form.$('.o_field_widget[name="product_id"] input').val('').trigger('keyup');
+            assert.verifySteps(['read', 'read'], 'no onchange should be done as line is invalid');
+            await testUtils.dom.click(form.$('.o_list_record_remove'));
+            assert.verifySteps(['onchange'], 'onchange should have been done');
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange in a one2many', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records.push({
+                id: 3,
+                foo: "relational record 1",
+            });
+            this.data.partner.records[1].p = [3];
+            this.data.partner.onchanges = { p: true };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            value: {
+                                p: [
+                                    [5],                             // delete all
+                                    [0, 0, { foo: "from onchange" }],  // create new
+                                ]
+                            }
+                        });
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_one2many tbody td').first());
+            await testUtils.fields.editInput(form.$('.o_field_one2many tbody td').first().find('input'), "new value");
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_field_one2many tbody td').first().text(), 'from onchange',
+                "display name of first record in o2m list should be 'new value'");
+            form.destroy();
+        });
+
+        QUnit.test('one2many, default_get and onchange (basic)', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.p.default = [
+                [6, 0, []],                  // replace with zero ids
+            ];
+            this.data.partner.onchanges = { p: true };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            value: {
+                                p: [
+                                    [5],                             // delete all
+                                    [0, 0, { foo: "from onchange" }],  // create new
+                                ]
+                            }
+                        });
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            assert.ok(form.$('td:contains(from onchange)').length,
+                "should have 'from onchange' value in one2many");
+            form.destroy();
+        });
+
+        QUnit.test('one2many and default_get (with date)', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.fields.p.default = [
+                [0, false, { date: '2017-10-08', p: [] }],
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="date"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.strictEqual(form.$('.o_data_cell').text(), '10/08/2017',
+                "should correctly display the date");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many and onchange (with integer)', async function (assert) {
+            assert.expect(4);
+
+            this.data.turtle.onchanges = {
+                turtle_int: function () { }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('td:contains(9)'));
+            await testUtils.fields.editInput(form.$('td input[name="turtle_int"]'), "3");
+
+            // the 'change' event is triggered on the input when we focus somewhere
+            // else, for example by clicking in the body.  However, if we try to
+            // programmatically click in the body, it does not trigger a change
+            // event, so we simply trigger it directly instead.
+            form.$('td input[name="turtle_int"]').trigger('change');
+
+            assert.verifySteps(['read', 'read', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('one2many and onchange (with date)', async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.onchanges = {
+                date: function () { }
+            };
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="date"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('td:contains(01/25/2017)'));
+            await testUtils.dom.click(form.$('.o_datepicker_input'));
+            await testUtils.nextTick();
+            await testUtils.dom.click($('.bootstrap-datetimepicker-widget .picker-switch').first());
+            await testUtils.dom.click($('.bootstrap-datetimepicker-widget .picker-switch:eq(1)'));
+            await testUtils.dom.click($('.bootstrap-datetimepicker-widget .year:contains(2017)'));
+            await testUtils.dom.click($('.bootstrap-datetimepicker-widget .month').eq(1));
+            await testUtils.dom.click($('.day:contains(22)'));
+            await testUtils.form.clickSave(form);
+
+            assert.verifySteps(['read', 'read', 'onchange', 'write', 'read', 'read']);
+            form.destroy();
+        });
+
+        QUnit.test('one2many and onchange (with command DELETE_ALL)', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.onchanges = {
+                foo: function (obj) {
+                    obj.p = [[5]];
+                },
+                p: function () { }, // dummy onchange on the o2m to execute _isX2ManyValid()
+            };
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (method, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].p, [
+                            [0, args.args[1].p[0][1], { display_name: 'z' }],
+                            [2, 2, false],
+                        ], "correct commands should be sent");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "o2m should contain one row");
+
+            // empty o2m by triggering the onchange
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'trigger onchange');
+
+            assert.containsNone(form, '.o_data_row',
+                "rows of the o2m should have been deleted");
+
+            // add two new subrecords
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'x');
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'y');
+
+            assert.containsN(form, '.o_data_row', 2,
+                "o2m should contain two rows");
+
+            // empty o2m by triggering the onchange
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), 'trigger onchange again');
+
+            assert.containsNone(form, '.o_data_row',
+                "rows of the o2m should have been deleted");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'z');
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many and onchange only write modified field', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [
+                        [5], // delete all
+                        [1, 3, { // the server returns all fields
+                            display_name: "coucou",
+                            product_id: [37, "xphone"],
+                            turtle_bar: false,
+                            turtle_foo: "has changed",
+                            turtle_int: 42,
+                            turtle_qux: 9.8,
+                            partner_ids: [],
+                            turtle_ref: 'product,37',
+                        }],
+                    ];
+                },
+            };
+
+            this.data.partner.records[0].turtles = [3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="product_id"/>' +
+                    '<field name="turtle_bar"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_qux"/>' +
+                    '<field name="turtle_ref"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (method, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].turtles, [
+                            [1, 3, { display_name: 'coucou', turtle_foo: 'has changed', turtle_int: 42 }],
+                        ], "correct commands should be sent (only send changed values)");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "o2m should contain one row");
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:first td:first'));
+            await testUtils.fields.editInput(form.$('.o_field_one2many .o_list_view tbody tr:first input:first'), 'blurp');
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many with CREATE onchanges correctly refreshed', async function (assert) {
+            assert.expect(5);
+
+            var delta = 0;
+            testUtils.mock.patch(AbstractField, {
+                init: function () {
+                    delta++;
+                    this._super.apply(this, arguments);
+                },
+                destroy: function () {
+                    delta--;
+                    this._super.apply(this, arguments);
+                },
+            });
+
+            var deactiveOnchange = true;
+
+            this.data.partner.records[0].turtles = [];
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    if (deactiveOnchange) { return; }
+                    // the onchange will either:
+                    //  - create a second line if there is only one line
+                    //  - edit the second line if there are two lines
+                    if (obj.turtles.length === 1) {
+                        obj.turtles = [
+                            [5], // delete all
+                            [0, obj.turtles[0][1], {
+                                display_name: "first",
+                                turtle_int: obj.turtles[0][2].turtle_int,
+                            }],
+                            [0, 0, {
+                                display_name: "second",
+                                turtle_int: -obj.turtles[0][2].turtle_int,
+                            }],
+                        ];
+                    } else if (obj.turtles.length === 2) {
+                        obj.turtles = [
+                            [5], // delete all
+                            [0, obj.turtles[0][1], {
+                                display_name: "first",
+                                turtle_int: obj.turtles[0][2].turtle_int,
+                            }],
+                            [0, obj.turtles[1][1], {
+                                display_name: "second",
+                                turtle_int: -obj.turtles[0][2].turtle_int,
+                            }],
+                        ];
+                    }
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name" widget="char"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsNone(form, '.o_data_row',
+                "o2m shouldn't contain any row");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            // trigger the first onchange
+            deactiveOnchange = false;
+            await testUtils.fields.editInput(form.$('input[name="turtle_int"]'), '10');
+            // put the list back in non edit mode
+            await testUtils.dom.click(form.$('input[name="foo"]'));
+            assert.strictEqual(form.$('.o_data_row').text(), "first10second-10",
+                "should correctly refresh the records");
+
+            // trigger the second onchange
+            await testUtils.dom.click(form.$('.o_field_x2many_list tbody tr:first td:first'));
+            await testUtils.fields.editInput(form.$('input[name="turtle_int"]'), '20');
+
+            await testUtils.dom.click(form.$('input[name="foo"]'));
+            assert.strictEqual(form.$('.o_data_row').text(), "first20second-20",
+                "should correctly refresh the records");
+
+            assert.containsN(form, '.o_field_widget', delta,
+                "all (non visible) field widgets should have been destroyed");
+
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_data_row').text(), "first20second-20",
+                "should correctly refresh the records after save");
+
+            form.destroy();
+            testUtils.mock.unpatch(AbstractField);
+        });
+
+        QUnit.test('editable one2many with sub widgets are rendered in readonly', async function (assert) {
+            assert.expect(2);
+
+            var editableWidgets = 0;
+            testUtils.mock.patch(AbstractField, {
+                init: function () {
+                    this._super.apply(this, arguments);
+                    if (this.mode === 'edit') {
+                        editableWidgets++;
+                    }
+                },
+            });
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo" widget="char" attrs="{\'readonly\': [(\'turtle_int\', \'==\', 11111)]}"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(editableWidgets, 1,
+                "o2m is only widget in edit mode");
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual(editableWidgets, 3,
+                "3 widgets currently in edit mode");
+
+            form.destroy();
+            testUtils.mock.unpatch(AbstractField);
+        });
+
+        QUnit.test('one2many editable list with onchange keeps the order', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [1, 2, 4];
+            this.data.partner.onchanges = {
+                p: function () { },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(form.$('.o_data_cell').text(), 'first recordsecond recordaaa',
+                "records should be display in the correct order");
+
+            await testUtils.dom.click(form.$('.o_data_row:first .o_data_cell'));
+            await testUtils.fields.editInput(form.$('.o_selected_row .o_field_widget[name=display_name]'), 'new');
+            await testUtils.dom.click(form.$el);
+
+            assert.strictEqual(form.$('.o_data_cell').text(), 'newsecond recordaaa',
+                "records should be display in the correct order");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list (editable): readonly domain is evaluated', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [2, 4];
+            this.data.partner.records[1].product_id = false;
+            this.data.partner.records[2].product_id = 37;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="display_name" attrs=\'{"readonly": [["product_id", "=", false]]}\'/>' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            assert.hasClass(form.$('.o_list_view tbody tr:eq(0) td:first'),'o_readonly_modifier',
+                "first record should have display_name in readonly mode");
+
+            assert.doesNotHaveClass(form.$('.o_list_view tbody tr:eq(1) td:first'), 'o_readonly_modifier',
+                "second record should not have display_name in readonly mode");
+            form.destroy();
+        });
+
+        QUnit.test('pager of one2many field in new record', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                        '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.containsNone(form, '.o_x2m_control_panel .o_pager',
+                'o2m pager should be hidden');
+
+            // click to create a subrecord
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            assert.containsOnce(form, 'tr.o_data_row');
+
+            assert.containsNone(form, '.o_x2m_control_panel .o_pager',
+                'o2m pager should be hidden');
+            form.destroy();
+        });
+
+        QUnit.test('one2many list with a many2one', async function (assert) {
+            assert.expect(5);
+
+            let checkOnchange = false;
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[1].product_id = 37;
+            this.data.partner.onchanges.p = function (obj) {
+                obj.p = [
+                    [5], // delete all
+                    [1, 2, { product_id: [37, "xphone"] }], // update existing record
+                    [0, 0, { product_id: [41, "xpad"] }]
+                ];
+                //
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,form':
+                        '<form string="Partner"><field name="product_id"/></form>',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange' && checkOnchange) {
+                        assert.deepEqual(args.args[1].p, [[4, 2, false], [0, args.args[1].p[1][1], { product_id: 41 }]],
+                            "should trigger onchange with correct parameters");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual(form.$('tbody td:contains(xphone)').length, 1,
+                "should have properly fetched the many2one nameget");
+            assert.strictEqual(form.$('tbody td:contains(xpad)').length, 0,
+                "should not display 'xpad' anywhere");
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+
+            checkOnchange = true;
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            testUtils.fields.many2one.clickItem('product_id', 'xpad');
+
+            await testUtils.dom.click($('.modal .modal-footer button:eq(0)'));
+
+            assert.strictEqual(form.$('tbody td:contains(xpad)').length, 1,
+                "should display 'xpad' on a td");
+            assert.strictEqual(form.$('tbody td:contains(xphone)').length, 1,
+                "should still display xphone");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list with inline form view', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].p = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<form string="Partner">' +
+                    '<field name="product_id"/>' +
+                    '<field name="int_field"/>' +
+                    '</form>' +
+                    '<tree>' +
+                    '<field name="product_id"/>' +
+                    '<field name="foo"/>' +  // don't remove this, it is
+                    // useful to make sure the foo fieldwidget
+                    // does not crash because the foo field
+                    // is not in the form view
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].p, [[0, args.args[1].p[0][1], {
+                            foo: "My little Foo Value", int_field: 123, product_id: 41,
+                        }]]);
+                    }
+                    return this._super(route, args);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+
+            // write in the many2one field, value = 37 (xphone)
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+
+            // write in the integer field
+            await testUtils.fields.editInput($('.modal .modal-body input.o_field_widget'), '123');
+
+            // save and close
+            await testUtils.dom.click($('.modal .modal-footer button:eq(0)'));
+
+            assert.strictEqual(form.$('tbody td:contains(xphone)').length, 1,
+                "should display 'xphone' in a td");
+
+            // reopen the record in form view
+            await testUtils.dom.click(form.$('tbody td:contains(xphone)'));
+
+            assert.strictEqual($('.modal .modal-body input').val(), "xphone",
+                "should display 'xphone' in an input");
+
+            await testUtils.fields.editInput($('.modal .modal-body input.o_field_widget'), '456');
+
+            // discard
+            await testUtils.dom.click($('.modal .modal-footer span:contains(Discard)'));
+
+            // reopen the record in form view
+            await testUtils.dom.click(form.$('tbody td:contains(xphone)'));
+
+            assert.strictEqual($('.modal .modal-body input.o_field_widget').val(), "123",
+                "should display 123 (previous change has been discarded)");
+
+            // write in the many2one field, value = 41 (xpad)
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            testUtils.fields.many2one.clickItem('product_id', 'xpad');
+
+            // save and close
+            await testUtils.dom.click($('.modal .modal-footer button:eq(0)'));
+
+            assert.strictEqual(form.$('tbody td:contains(xpad)').length, 1,
+                "should display 'xpad' in a td");
+
+            // save the record
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many list with inline form view with context with parent key', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[0].product_id = 41;
+            this.data.partner.records[1].product_id = 37;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="product_id"/>' +
+                    '<field name="p">' +
+                    '<form string="Partner">' +
+                    '<field name="product_id" context="{\'partner_foo\':parent.foo, \'lalala\': parent.product_id}"/>' +
+                    '</form>' +
+                    '<tree>' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.strictEqual(args.kwargs.context.partner_foo, "yop",
+                            "should have correctly evaluated parent foo field");
+                        assert.strictEqual(args.kwargs.context.lalala, 41,
+                            "should have correctly evaluated parent product_id field");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            // open a modal
+            await testUtils.dom.click(form.$('tr.o_data_row:eq(0) td:contains(xphone)'));
+
+            // write in the many2one field
+            await testUtils.dom.click($('.modal .o_field_many2one input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('value of invisible x2many fields is correctly evaluated in context', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].timmy = [12];
+            this.data.partner.records[0].p = [2, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form string="Partners">' +
+                    '<field name="product_id" context="{\'p\': p, \'timmy\': timmy}"/>' +
+                    '<field name="p" invisible="1"/>' +
+                    '<field name="timmy" invisible="1"/>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.deepEqual(
+                            args.kwargs.context, {
+                                p: [[4, 2, false], [4, 3, false]],
+                                timmy: [[6, false, [12]]],
+                            }, 'values of x2manys should have been correctly evaluated in context');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_widget[name=product_id] input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list, editable, with many2one and with context with parent key', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[1].product_id = 37;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="product_id" context="{\'partner_foo\':parent.foo}"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'name_search') {
+                        assert.strictEqual(args.kwargs.context.partner_foo, "yop",
+                            "should have correctly evaluated parent foo field");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('tr.o_data_row:eq(0) td:contains(xphone)'));
+
+            // trigger a name search
+            await testUtils.dom.click(form.$('table td input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list, editable, with a date in the context', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[1].product_id = 37;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="date"/>' +
+                    '<field name="p" context="{\'date\':date}">' +
+                    '<tree editable="top">' +
+                    '<field name="date"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 2,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        assert.strictEqual(args.kwargs.context.date, '2017-01-25',
+                            "should have properly evaluated date key in context");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many field with context', async function (assert) {
+            assert.expect(2);
+
+            var counter = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles" context="{\'turtles\':turtles}">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        var expected = counter === 0 ?
+                            [[4, 2, false]] :
+                            [[4, 2, false], [0, args.kwargs.context.turtles[1][1], { turtle_foo: 'hammer' }]];
+                        assert.deepEqual(args.kwargs.context.turtles, expected,
+                            "should have properly evaluated turtles key in context");
+                        counter++;
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('input[name="turtle_foo"]'), 'hammer');
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            form.destroy();
+        });
+
+        QUnit.test('one2many list edition, some basic functionality', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.fields.foo.default = false;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+
+            assert.containsOnce(form, 'td input.o_field_widget',
+                "should have created a row in edit mode");
+
+            await testUtils.fields.editInput(form.$('td input.o_field_widget'), 'a');
+
+            assert.containsOnce(form, 'td input.o_field_widget',
+                "should not have unselected the row after edition");
+
+            await testUtils.fields.editInput(form.$('td input.o_field_widget'), 'abc');
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('td:contains(abc)').length, 1,
+                "should have a row with the correct value");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list, the context is properly evaluated and sent', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="p" context="{\'hello\': \'world\', \'abc\': int_field}">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        var context = args.kwargs.context;
+                        assert.strictEqual(context.hello, "world");
+                        assert.strictEqual(context.abc, 10);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            form.destroy();
+        });
+
+        QUnit.test('one2many with many2many widget: create', async function (assert) {
+            assert.expect(10);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles" widget="many2many">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_qux"/>' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<group>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_bar"/>' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="product_id"/>' +
+                    '</group>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,list': '<tree><field name="display_name"/><field name="turtle_foo"/><field name="turtle_bar"/><field name="product_id"/></tree>',
+                    'turtle,false,search': '<search><field name="turtle_foo"/><field name="turtle_bar"/><field name="product_id"/></search>',
+                },
+                session: {},
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/turtle/create') {
+                        assert.ok(args.args, "should write on the turtle record");
+                    }
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        assert.strictEqual(args.args[0][0], 1, "should write on the partner record 1");
+                        assert.strictEqual(args.args[1].turtles[0][0], 6, "should send only a 'replace with' command");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.modal .o_data_row').length, 2,
+                "should have 2 records in the select view (the last one is not displayed because it is already selected)");
+
+            await testUtils.dom.click($('.modal .o_data_row:first .o_list_record_selector input'));
+            await testUtils.dom.click($('.modal .o_select_button'));
+            await testUtils.dom.click($('.o_form_button_save'));
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "should have 1 record in the select view");
+
+            await testUtils.dom.click($('.modal-footer button:eq(1)'));
+            await testUtils.fields.editInput($('.modal input.o_field_widget[name="turtle_foo"]'), 'tototo');
+            await testUtils.fields.editInput($('.modal input.o_field_widget[name="turtle_int"]'), 50);
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+
+            await testUtils.dom.click($('.modal-footer button:contains(&):first'));
+
+            assert.strictEqual($('.modal').length, 0, "should close the modals");
+
+            assert.containsN(form, '.o_data_row', 3,
+                "should have 3 records in one2many list");
+            assert.strictEqual(form.$('.o_data_row').text(), "blip1.59yop1.50tototo1.550xphone",
+                "should display the record values in one2many list");
+
+            await testUtils.dom.click($('.o_form_button_save'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with many2many widget: edition', async function (assert) {
+            assert.expect(7);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles" widget="many2many">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_qux"/>' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="product_id"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<group>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_bar"/>' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_trululu"/>' +
+                    '<field name="product_id"/>' +
+                    '</group>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'turtle,false,list': '<tree><field name="display_name"/><field name="turtle_foo"/><field name="turtle_bar"/><field name="product_id"/></tree>',
+                    'turtle,false,search': '<search><field name="turtle_foo"/><field name="turtle_bar"/><field name="product_id"/></search>',
+                },
+                session: {},
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/turtle/write') {
+                        assert.strictEqual(args.args[0].length, 1, "should write on the turtle record");
+                        assert.deepEqual(args.args[1], { "product_id": 37 }, "should write only the product_id on the turtle record");
+                    }
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        assert.strictEqual(args.args[0][0], 1, "should write on the partner record 1");
+                        assert.strictEqual(args.args[1].turtles[0][0], 6, "should send only a 'replace with' command");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+            assert.strictEqual($('.modal .modal-title').first().text().trim(), 'Open: one2many turtle field',
+                "modal should use the python field string as title");
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+            await testUtils.form.clickEdit(form);
+
+            // edit the first one2many record
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+            await testUtils.dom.click($('.modal-footer button:first'));
+
+            await testUtils.dom.click($('.o_form_button_save'));
+
+            // add a one2many record
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal .o_data_row:first .o_list_record_selector input'));
+            await testUtils.dom.click($('.modal .o_select_button'));
+
+            // edit the second one2many record
+            await testUtils.dom.click(form.$('.o_data_row:eq(1)'));
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+            await testUtils.dom.click($('.modal-footer button:first'));
+
+            await testUtils.dom.click($('.o_form_button_save'));
+
+            form.destroy();
+        });
+
+        QUnit.test('new record, the context is properly evaluated and sent', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.fields.int_field.default = 17;
+            var n = 0;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="p" context="{\'hello\': \'world\', \'abc\': int_field}">' +
+                    '<tree editable="top">' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        n++;
+                        if (n === 2) {
+                            var context = args.kwargs.context;
+                            assert.strictEqual(context.hello, "world");
+                            assert.strictEqual(context.abc, 17);
+                        }
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            form.destroy();
+        });
+
+        QUnit.test('parent data is properly sent on an onchange rpc', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.onchanges = { bar: function () { } };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="p">' +
+                    '<tree editable="top">' +
+                    '<field name="bar"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        var fieldValues = args.args[1];
+                        assert.strictEqual(fieldValues.trululu.foo, "yop",
+                            "should have properly sent the parent foo value");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            // use of owlCompatibilityNextTick because we have an x2many field with a boolean field
+            // (written in owl), so when we add a line, we sequentially render the list itself
+            // (including the boolean field), so we have to wait for the next animation frame, and
+            // then we render the control panel (also in owl), so we have to wait again for the
+            // next animation frame
+            await testUtils.owlCompatibilityNextTick();
+            form.destroy();
+        });
+
+        QUnit.test('parent data is properly sent on an onchange rpc (existing x2many record)', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.onchanges = {
+                display_name: function () {},
+            };
+            this.data.partner.records[0].p = [1];
+            this.data.partner.records[0].turtles = [2];
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="foo"/>
+                        <field name="p">
+                            <tree editable="top">
+                                <field name="display_name"/>
+                                <field name="turtles" widget="many2many_tags"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                res_id: 1,
+                mockRPC(route, args) {
+                    if (args.method === 'onchange') {
+                        const fieldValues = args.args[1];
+                        assert.strictEqual(fieldValues.trululu.foo, "yop");
+                        // we only send fields that changed inside the reverse many2one
+                        assert.deepEqual(fieldValues.trululu.p, [
+                            [1, 1, { display_name: 'new val' }],
+                        ]);
+                    }
+                    return this._super(...arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row');
+
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell:first'));
+
+            assert.containsOnce(form, '.o_data_row.o_selected_row');
+            await testUtils.fields.editInput(form.$('.o_selected_row .o_field_widget[name=display_name]'), "new val");
+
+            form.destroy();
+        });
+
+        QUnit.test('parent data is properly sent on an onchange rpc, new record', async function (assert) {
+            assert.expect(4);
+
+            this.data.turtle.onchanges = { turtle_bar: function () { } };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_bar"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    if (args.method === 'onchange' && args.model === 'turtle') {
+                        var fieldValues = args.args[1];
+                        assert.strictEqual(fieldValues.turtle_trululu.foo, "My little Foo Value",
+                            "should have properly sent the parent foo value");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            // use of owlCompatibilityNextTick because we have an x2many field with a boolean field
+            // (written in owl), so when we add a line, we sequentially render the list itself
+            // (including the boolean field), so we have to wait for the next animation frame, and
+            // then we render the control panel (also in owl), so we have to wait again for the
+            // next animation frame
+            await testUtils.owlCompatibilityNextTick();
+            assert.verifySteps(['onchange', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('id in one2many obtained in onchange is properly set', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.onchanges.turtles = function (obj) {
+                obj.turtles = [
+                    [5],
+                    [1, 3, { turtle_foo: "kawa" }]
+                ];
+            };
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="id"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.strictEqual(form.$('tr.o_data_row').text(), '3kawa',
+                "should have properly displayed id and foo field");
+            form.destroy();
+        });
+
+        QUnit.test('id field in one2many in a new record', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="id" invisible="1"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        var virtualID = args.args[0].turtles[0][1];
+                        assert.deepEqual(args.args[0].turtles,
+                            [[0, virtualID, { turtle_foo: "cat" }]],
+                            'should send proper commands');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.dom.click(form.$('td.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('td input[name="turtle_foo"]'), 'cat');
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('sub form view with a required field', async function (assert) {
+            assert.expect(2);
+            this.data.partner.fields.foo.required = true;
+            this.data.partner.fields.foo.default = null;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<form string="Partner">' +
+                    '<group><field name="foo"/></group>' +
+                    '</form>' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal-footer button.btn-primary').first());
+
+            assert.strictEqual($('.modal').length, 1, "should still have an open modal");
+            assert.strictEqual($('.modal tbody label.o_field_invalid').length, 1,
+                "should have displayed invalid fields");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list with action button', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo"/>' +
+                    '<button name="method_name" type="object" icon="fa-plus"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                intercepts: {
+                    execute_action: function (event) {
+                        assert.deepEqual(event.data.env.currentID, 2,
+                            'should call with correct id');
+                        assert.strictEqual(event.data.env.model, 'partner',
+                            'should call with correct model');
+                        assert.strictEqual(event.data.action_data.name, 'method_name',
+                            "should call correct method");
+                        assert.strictEqual(event.data.action_data.type, 'object',
+                            'should have correct type');
+                    },
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_list_button button'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban with action button', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<kanban>' +
+                    '<field name="foo"/>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div>' +
+                    '<span><t t-esc="record.foo.value"/></span>' +
+                    '<button name="method_name" type="object" class="fa fa-plus"/>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                intercepts: {
+                    execute_action: function (event) {
+                        assert.deepEqual(event.data.env.currentID, 2,
+                            'should call with correct id');
+                        assert.strictEqual(event.data.env.model, 'partner',
+                            'should call with correct model');
+                        assert.strictEqual(event.data.action_data.name, 'method_name',
+                            "should call correct method");
+                        assert.strictEqual(event.data.action_data.type, 'object',
+                            'should have correct type');
+                    },
+                },
+            });
+
+            await testUtils.dom.click(form.$('.oe_kanban_action_button'));
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban with edit type action and domain widget (widget using SpecialData)', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.fields.model_name = { string: "Domain Condition Model", type: "char" };
+            this.data.turtle.fields.condition = { string: "Domain Condition", type: "char" };
+            _.each(this.data.turtle.records, function (record) {
+                record.model_name = 'partner';
+                record.condition = '[]';
+            });
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles" mode="kanban">' +
+                    '<kanban>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div><field name="display_name"/></div>' +
+                    '<div><field name="turtle_foo"/></div>' +
+                    // field without Widget in the list
+                    '<div><field name="condition"/></div>' +
+                    '<div> <a type="edit"> Edit </a> </div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '<form>' +
+                    '<field name="product_id" widget="statusbar"/>' +
+                    '<field name="model_name"/>' +
+                    // field with Widget requiring specialData in the form
+                    '<field name="condition" widget="domain" options="{\'model\': \'model_name\'}"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.dom.click(form.$('.oe_kanban_action:eq(0)'));
+            assert.strictEqual($('.o_domain_selector').length, 1, "should add domain selector widget");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list with onchange and domain widget (widget using SpecialData)', async function (assert) {
+            assert.expect(3);
+
+            this.data.turtle.fields.model_name = { string: "Domain Condition Model", type: "char" };
+            this.data.turtle.fields.condition = { string: "Domain Condition", type: "char" };
+            _.each(this.data.turtle.records, function (record) {
+                record.model_name = 'partner';
+                record.condition = '[]';
+            });
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    var virtualID = obj.turtles[1][1];
+                    obj.turtles = [
+                        [5], // delete all
+                        [0, virtualID, {
+                            display_name: "coucou",
+                            product_id: [37, "xphone"],
+                            turtle_bar: false,
+                            turtle_foo: "has changed",
+                            turtle_int: 42,
+                            turtle_qux: 9.8,
+                            partner_ids: [],
+                            turtle_ref: 'product,37',
+                            model_name: 'partner',
+                            condition: '[]',
+                        }],
+                    ];
+                },
+            };
+            var nbFetchSpecialDomain = 0;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles" mode="tree">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '<field name="turtle_foo"/>' +
+                    // field without Widget in the list
+                    '<field name="condition"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="model_name"/>' +
+                    // field with Widget requiring specialData in the form
+                    '<field name="condition" widget="domain" options="{\'model\': \'model_name\'}"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+                mockRPC: function (route) {
+                    if (route === '/web/dataset/call_kw/partner/search_count') {
+                        nbFetchSpecialDomain++;
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal').length, 1, "form view dialog should be opened");
+            await testUtils.fields.editInput($('.modal-body input[name="model_name"]'), 'partner');
+            await testUtils.dom.click($('.modal-footer button:first'));
+
+            assert.strictEqual(form.$('.o_field_one2many tbody tr:first').text(), "coucouhas changed[]",
+                "the onchange should create one new record and remove the existing");
+
+            await testUtils.dom.click(form.$('.o_field_one2many .o_list_view tbody tr:eq(0) td:first'));
+
+            await testUtils.form.clickSave(form);
+            assert.strictEqual(nbFetchSpecialDomain, 1,
+                "should only fetch special domain once");
+            form.destroy();
+        });
+
+        QUnit.test('one2many without inline tree arch', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [2, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="p" widget="many2many_tags"/>' + // check if the view don not call load view (widget without useSubview)
+                    '<field name="turtles"/>' +
+                    '<field name="timmy" invisible="1"/>' + // check if the view don not call load view in invisible
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,list": '<tree string="Turtles"><field name="turtle_bar"/><field name="display_name"/><field name="partner_ids"/></tree>',
+                }
+            });
+
+            assert.containsOnce(form, '.o_field_widget[name="turtles"] .o_list_view',
+                'should display one2many list view in the modal');
+
+            assert.containsN(form, '.o_data_row', 2,
+                'should display the 2 turtles');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2one and many2many in one2many', async function (assert) {
+            assert.expect(11);
+
+            this.data.turtle.records[1].product_id = 37;
+            this.data.partner.records[0].turtles = [2, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<form string="Turtles">' +
+                    '<group>' +
+                    '<field name="product_id"/>' +
+                    '</group>' +
+                    '</form>' +
+                    '<tree editable="top">' +
+                    '<field name="display_name"/>' +
+                    '<field name="product_id"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        var commands = args.args[1].turtles;
+                        assert.strictEqual(commands.length, 2,
+                            "should have generated 2 commands");
+                        assert.deepEqual(commands[0], [1, 2, {
+                            partner_ids: [[6, false, [2, 1]]],
+                            product_id: 41,
+                        }], "generated commands should be correct");
+                        assert.deepEqual(commands[1], [4, 3, false],
+                            "generated commands should be correct");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.containsN(form, '.o_data_row', 2,
+                'should display the 2 turtles');
+            assert.strictEqual(form.$('.o_data_row:first td:nth(1)').text(), 'xphone',
+                "should correctly display the m2o");
+            assert.strictEqual(form.$('.o_data_row:first td:nth(2) .badge').length, 2,
+                "m2m should contain two tags");
+            assert.strictEqual(form.$('.o_data_row:first td:nth(2) .badge:first span').text(),
+                'second record', "m2m values should have been correctly fetched");
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.strictEqual($('.modal .o_field_widget').text(), "xphone",
+                'should display the form view dialog with the many2one value');
+            await testUtils.dom.click($('.modal-footer button'));
+
+            await testUtils.form.clickEdit(form);
+
+            // edit the m2m of first row
+            await testUtils.dom.click(form.$('.o_list_view tbody td:first()'));
+            // remove a tag
+            await testUtils.dom.click(form.$('.o_field_many2manytags .badge:contains(aaa) .o_delete'));
+            assert.strictEqual(form.$('.o_selected_row .o_field_many2manytags .o_badge_text:contains(aaa)').length, 0,
+                "tag should have been correctly removed");
+            // add a tag
+            await testUtils.fields.many2one.clickOpenDropdown('partner_ids');
+            await testUtils.fields.many2one.clickHighlightedItem('partner_ids');
+            assert.strictEqual(form.$('.o_selected_row .o_field_many2manytags .o_badge_text:contains(first record)').length, 1,
+                "tag should have been correctly added");
+
+            // edit the m2o of first row
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickItem('product_id', 'xpad');
+            assert.strictEqual(form.$('.o_selected_row .o_field_many2one:first input').val(), 'xpad',
+                "m2o value should have been updated");
+
+            // save (should correctly generate the commands)
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2manytag in one2many, onchange, some modifiers, and more than one page', async function (assert) {
+            assert.expect(9);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+
+            this.data.partner.onchanges.turtles = function () { };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top" limit="2">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" widget="many2many_tags" attrs="{\'readonly\': [(\'turtle_foo\', \'=\', \'a\')]}"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: { mode: 'edit' },
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+            assert.containsN(form, '.o_data_row', 2,
+                'there should be only 2 rows displayed');
+            await testUtils.dom.clickFirst(form.$('.o_list_record_remove'));
+            await testUtils.dom.clickFirst(form.$('.o_list_record_remove'));
+
+            assert.containsOnce(form, '.o_data_row',
+                'there should be just one remaining row');
+
+            assert.verifySteps([
+                "read",  // initial read on partner
+                "read",  // initial read on turtle
+                "read",  // batched read on partner (field partner_ids)
+                "read",  // after first delete, read on turtle (to fetch 3rd record)
+                "onchange",  // after first delete, onchange on field turtles
+                "onchange"   // onchange after second delete
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange many2many in one2many list editable', async function (assert) {
+            assert.expect(14);
+
+            this.data.product.records.push({
+                id: 1,
+                display_name: "xenomorphe",
+            });
+
+            this.data.turtle.onchanges = {
+                product_id: function (rec) {
+                    if (rec.product_id) {
+                        rec.partner_ids = [
+                            [5],
+                            [4, rec.product_id === 41 ? 1 : 2]
+                        ];
+                    }
+                },
+            };
+            var partnerOnchange = function (rec) {
+                if (!rec.int_field || !rec.turtles.length) {
+                    return;
+                }
+                rec.turtles = [
+                    [5],
+                    [0, 0, {
+                        display_name: 'new line',
+                        product_id: [37, 'xphone'],
+                        partner_ids: [
+                            [5],
+                            [4, 1]
+                        ]
+                    }],
+                    [0, rec.turtles[0][1], {
+                        display_name: rec.turtles[0][2].display_name,
+                        product_id: [1, 'xenomorphe'],
+                        partner_ids: [
+                            [5],
+                            [4, 2]
+                        ]
+                    }],
+                ];
+            };
+
+            this.data.partner.onchanges = {
+                int_field: partnerOnchange,
+                turtles: partnerOnchange,
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '<field name="product_id"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+            });
+
+            // add new line (first, xpad)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('input[name="display_name"]'), 'first');
+            await testUtils.dom.click(form.$('div[name="product_id"] input'));
+            // the onchange won't be generated
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xpad)').trigger('mouseenter'));
+
+            assert.containsOnce(form, '.o_field_many2manytags.o_input',
+                'should display the line in editable mode');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "xpad",
+                'should display the product xpad');
+            assert.strictEqual(form.$('.o_field_many2manytags.o_input .o_badge_text').text(), "first record",
+                'should display the tag from the onchange');
+
+            await testUtils.dom.click(form.$('input.o_field_integer[name="int_field"]'));
+
+            assert.strictEqual(form.$('.o_data_cell.o_required_modifier').text(), "xpad",
+                'should display the product xpad');
+            assert.strictEqual(form.$('.o_field_many2manytags:not(.o_input) .o_badge_text').text(), "first record",
+                'should display the tag in readonly');
+
+            // enable the many2many onchange and generate it
+            await testUtils.fields.editInput(form.$('input.o_field_integer[name="int_field"]'), '10');
+
+            assert.strictEqual(form.$('.o_data_cell.o_required_modifier').text(), "xenomorphexphone",
+                'should display the product xphone and xenomorphe');
+            assert.strictEqual(form.$('.o_data_row').text().replace(/\s+/g, ' '), "firstxenomorphe second record new linexphone first record ",
+                'should display the name, one2many and many2many value');
+
+            // disable the many2many onchange
+            await testUtils.fields.editInput(form.$('input.o_field_integer[name="int_field"]'), '0');
+
+            // remove and start over
+            await testUtils.dom.click(form.$('.o_list_record_remove:first button'));
+            await testUtils.dom.click(form.$('.o_list_record_remove:first button'));
+
+            // enable the many2many onchange
+            await testUtils.fields.editInput(form.$('input.o_field_integer[name="int_field"]'), '10');
+
+            // add new line (first, xenomorphe)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('input[name="display_name"]'), 'first');
+            await testUtils.dom.click(form.$('div[name="product_id"] input'));
+            // generate the onchange
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xenomorphe)').trigger('mouseenter'));
+
+            assert.containsOnce(form, '.o_field_many2manytags.o_input',
+                'should display the line in editable mode');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), "xenomorphe",
+                'should display the product xenomorphe');
+            assert.strictEqual(form.$('.o_field_many2manytags.o_input .o_badge_text').text(), "second record",
+                'should display the tag from the onchange');
+
+            // put list in readonly mode
+            await testUtils.dom.click(form.$('input.o_field_integer[name="int_field"]'));
+
+            assert.strictEqual(form.$('.o_data_cell.o_required_modifier').text(), "xenomorphexphone",
+                'should display the product xphone and xenomorphe');
+            assert.strictEqual(form.$('.o_field_many2manytags:not(.o_input) .o_badge_text').text(), "second recordfirst record",
+                'should display the tag in readonly (first record and second record)');
+
+            await testUtils.fields.editInput(form.$('input.o_field_integer[name="int_field"]'), '10');
+
+            assert.strictEqual(form.$('.o_data_row').text().replace(/\s+/g, ' '), "firstxenomorphe second record new linexphone first record ",
+                'should display the name, one2many and many2many value');
+
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_data_row').text().replace(/\s+/g, ' '), "firstxenomorphe second record new linexphone first record ",
+                'should display the name, one2many and many2many value after save');
+
+            form.destroy();
+        });
+
+        QUnit.test('load view for x2many in one2many', async function (assert) {
+            assert.expect(2);
+
+            this.data.turtle.records[1].product_id = 37;
+            this.data.partner.records[0].turtles = [2, 3];
+            this.data.partner.records[2].turtles = [1, 3];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<form string="Turtles">' +
+                    '<group>' +
+                    '<field name="product_id"/>' +
+                    '<field name="partner_ids"/>' +
+                    '</group>' +
+                    '</form>' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "partner,false,list": '<tree string="Partners"><field name="display_name"/></tree>',
+                },
+            });
+
+            assert.containsN(form, '.o_data_row', 2,
+                'should display the 2 turtles');
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.strictEqual($('.modal .o_field_widget[name="partner_ids"] .o_list_view').length, 1,
+                'should display many2many list view in the modal');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many (who contains a one2many) with tree view and without form view', async function (assert) {
+            assert.expect(1);
+
+            // avoid error in _postprocess
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="partner_ids"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,form": '<form string="Turtles"><field name="turtle_foo"/></form>',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.strictEqual($('.modal .o_field_widget[name="turtle_foo"]').text(), 'blip',
+                'should open the modal and display the form field');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with x2many in form view (but not in list view)', async function (assert) {
+            assert.expect(1);
+
+            // avoid error when saving the edited related record (because the
+            // related x2m field is unknown in the inline list view)
+            // also ensure that the changes are correctly saved
+
+            this.data.turtle.fields.o2m = { string: "o2m", type: "one2many", relation: 'user' };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,form": '<form string="Turtles">' +
+                        '<field name="partner_ids" widget="many2many_tags"/>' +
+                        '</form>',
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].turtles, [[1, 2, {
+                            partner_ids: [[6, false, [2, 4, 1]]],
+                        }]]);
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_data_row:first')); // edit first record
+
+            await testUtils.fields.many2one.clickOpenDropdown('partner_ids');
+            await testUtils.fields.many2one.clickHighlightedItem('partner_ids');
+
+            // add a many2many tag and save
+            await testUtils.dom.click($('.modal .o_field_many2manytags input'));
+            await testUtils.fields.editInput($('.modal .o_field_many2manytags input'), 'test');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary')); // save
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('many2many list in a one2many opened by a many2one', async function (assert) {
+            assert.expect(1);
+
+            this.data.turtle.records[1].turtle_trululu = 2;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "partner,false,form": '<form string="P">' +
+                        '<field name="timmy"/>' +
+                        '</form>',
+                    "partner_type,false,list": '<tree editable="bottom">' +
+                        '<field name="display_name"/>' +
+                        '</tree>',
+                    "partner_type,false,search": '<search>' +
+                        '</search>',
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/get_formview_id') {
+                        return Promise.resolve(false);
+                    }
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].timmy, [[6, false, [12]]],
+                            'should properly write ids');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // edit the first partner in the one2many partner form view
+            await testUtils.dom.click(form.$('.o_data_row:first td.o_data_cell'));
+            // open form view for many2one
+            await testUtils.dom.click(form.$('.o_external_button'));
+
+            // click on add, to add a new partner in the m2m
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+
+            // select the partner_type 'gold' (this closes the 2nd modal)
+            await testUtils.dom.click($('.modal td:contains(gold)'));
+
+            // confirm the changes in the modal
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('nested x2many default values', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.fields.turtles.default = [
+                [0, 0, { partner_ids: [[6, 0, [4]]] }],
+                [0, 0, { partner_ids: [[6, 0, [1]]] }],
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.containsN(form, '.o_list_view .o_data_row', 2,
+                "one2many list should contain 2 rows");
+            assert.containsN(form, '.o_list_view .o_field_many2manytags[name="partner_ids"] .badge', 2,
+                "m2mtags should contain two tags");
+            assert.strictEqual(form.$('.o_list_view .o_field_many2manytags[name="partner_ids"] .o_badge_text').text(),
+                'aaafirst record', "tag names should have been correctly loaded");
+
+            form.destroy();
+        });
+
+        QUnit.test('nested x2many (inline form view) and onchanges', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.onchanges.bar = function (obj) {
+                if (!obj.bar) {
+                    obj.p = [[5], [0, 0, {
+                        turtles: [[0, 0, {
+                            turtle_foo: 'new turtle',
+                        }]],
+                    }]];
+                }
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form>
+                        <field name="bar"/>
+                        <field name="p">
+                            <tree>
+                                <field name="turtles"/>
+                            </tree>
+                            <form>
+                                <field name="turtles">
+                                    <tree>
+                                        <field name="turtle_foo"/>
+                                    </tree>
+                                </field>
+                            </form>
+                        </field>
+                    </form>`,
+            });
+
+            assert.containsNone(form, '.o_data_row');
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=bar] input'));
+            assert.containsOnce(form, '.o_data_row');
+            assert.strictEqual(form.$('.o_data_row').text(), '1 record');
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsOnce(document.body, '.modal .o_form_view .o_data_row');
+            assert.strictEqual($('.modal .o_form_view .o_data_row').text(), 'new turtle');
+
+            form.destroy();
+        });
+
+        QUnit.test('nested x2many (non inline form view) and onchanges', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.onchanges.bar = function (obj) {
+                if (!obj.bar) {
+                    obj.p = [[5], [0, 0, {
+                        turtles: [[0, 0, {
+                            turtle_foo: 'new turtle',
+                        }]],
+                    }]];
+                }
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p">
+                            <tree>
+                                <field name="turtles"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                archs: {
+                    'partner,false,form': `
+                        <form>
+                            <field name="turtles">
+                                <tree>
+                                    <field name="turtle_foo"/>
+                                </tree>
+                            </field>
+                        </form>`,
+                },
+            });
+
+            assert.containsNone(form, '.o_data_row');
+
+            await testUtils.dom.click(form.$('.o_field_widget[name=bar] input'));
+            assert.containsOnce(form, '.o_data_row');
+            assert.strictEqual(form.$('.o_data_row').text(), '1 record');
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsOnce(document.body, '.modal .o_form_view .o_data_row');
+            assert.strictEqual($('.modal .o_form_view .o_data_row').text(), 'new turtle');
+
+            form.destroy();
+        });
+
+        QUnit.test('nested x2many (non inline views and no widget on inner x2many in list)', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].p = [1];
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="p"/></form>',
+                archs: {
+                    'partner,false,list': '<tree><field name="turtles"/></tree>',
+                    'partner,false,form': '<form><field name="turtles" widget="many2many_tags"/></form>',
+                },
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, '.o_data_row');
+            assert.strictEqual(form.$('.o_data_row').text(), '1 record');
+
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsOnce(document.body, '.modal .o_form_view .o_field_many2manytags .badge');
+            assert.strictEqual($('.modal .o_field_many2manytags').text().trim(), 'donatello');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many (who contains display_name) with tree view and without form view', async function (assert) {
+            assert.expect(1);
+
+            // avoid error in _fetchX2Manys
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    "turtle,false,form": '<form string="Turtles"><field name="turtle_foo"/></form>',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_data_row:first'));
+
+            assert.strictEqual($('.modal .o_field_widget[name="turtle_foo"]').text(), 'blip',
+                'should open the modal and display the form field');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many field with virtual ids', async function (assert) {
+            assert.expect(11);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<notebook>' +
+                    '<page>' +
+                    '<field name="p" mode="kanban">' +
+                    '<kanban>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div class="oe_kanban_details">' +
+                    '<div class="o_test_id">' +
+                    '<field name="id"/>' +
+                    '</div>' +
+                    '<div class="o_test_foo">' +
+                    '<field name="foo"/>' +
+                    '</div>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</group>' +
+                    '</sheet>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form string="Associated partners">' +
+                        '<field name="foo"/>' +
+                        '</form>',
+                },
+                res_id: 4,
+            });
+
+            assert.containsOnce(form, '.o_field_widget .o_kanban_view',
+                "should have one inner kanban view for the one2many field");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost)').length, 0,
+                "should not have kanban records yet");
+
+            // // switch to edit mode and create a new kanban record
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_widget .o-kanban-button-new'));
+
+            // save & close the modal
+            assert.strictEqual($('.modal-content input.o_field_widget').val(), 'My little Foo Value',
+                "should already have the default value for field foo");
+            await testUtils.dom.click($('.modal-content .btn-primary').first());
+
+            assert.containsOnce(form, '.o_field_widget .o_kanban_view',
+                "should have one inner kanban view for the one2many field");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost)').length, 1,
+                "should now have one kanban record");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost) .o_test_id').text(),
+                '', "should not have a value for the id field");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost) .o_test_foo').text(),
+                'My little Foo Value', "should have a value for the foo field");
+
+            // save the view to force a create of the new record in the one2many
+            await testUtils.form.clickSave(form);
+            assert.containsOnce(form, '.o_field_widget .o_kanban_view',
+                "should have one inner kanban view for the one2many field");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost)').length, 1,
+                "should now have one kanban record");
+            assert.notEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost) .o_test_id').text(),
+                '', "should now have a value for the id field");
+            assert.strictEqual(form.$('.o_field_widget .o_kanban_view .o_kanban_record:not(.o_kanban_ghost) .o_test_foo').text(),
+                'My little Foo Value', "should still have a value for the foo field");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many field with virtual ids with kanban button', async function (assert) {
+            assert.expect(25);
+
+            testUtils.mock.patch(KanbanRecord, {
+                init: function () {
+                    this._super.apply(this, arguments);
+                    this._onKanbanActionClicked = this.__proto__._onKanbanActionClicked;
+                },
+            });
+
+            this.data.partner.records[0].p = [4];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="p" mode="kanban">' +
+                    '<kanban>' +
+                        '<templates>' +
+                        '<field name="foo"/>' +
+                        '<t t-name="kanban-box">' +
+                            '<div>' +
+                                '<span><t t-esc="record.foo.value"/></span>' +
+                                '<button type="object" class="btn btn-link fa fa-shopping-cart" name="button_warn" string="button_warn" warn="warn" />' +
+                                '<button type="object" class="btn btn-link fa fa-shopping-cart" name="button_disabled" string="button_disabled" />' +
+                            '</div>' +
+                        '</t>' +
+                        '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                '</form>',
+                archs: {
+                    'partner,false,form': '<form><field name="foo"/></form>',
+                },
+                res_id: 1,
+                services: {
+                    notification: NotificationService.extend({
+                        notify: function (params) {
+                            assert.step(params.type);
+                        }
+                    }),
+                },
+                intercepts: {
+                    execute_action: function (event) {
+                        assert.step(event.data.action_data.name + '_' + event.data.env.model + '_' + event.data.env.currentID);
+                        event.data.on_success();
+                    },
+                },
+            });
+
+            // 1. Define all css selector
+            var oKanbanView = '.o_field_widget .o_kanban_view';
+            var oKanbanRecordActive = oKanbanView + ' .o_kanban_record:not(.o_kanban_ghost)';
+            var oAllKanbanButton = oKanbanRecordActive + ' button[data-type="object"]';
+            var btn1 = oKanbanRecordActive + ':nth-child(1) button[data-type="object"]';
+            var btn2 = oKanbanRecordActive + ':nth-child(2) button[data-type="object"]';
+            var btn1Warn = btn1 + '[data-name="button_warn"]';
+            var btn1Disabled = btn1 + '[data-name="button_disabled"]';
+            var btn2Warn = btn2 + '[data-name="button_warn"]';
+            var btn2Disabled = btn2 + '[data-name="button_disabled"]';
+
+            // check if we already have one kanban card
+            assert.containsOnce(form, oKanbanView, "should have one inner kanban view for the one2many field");
+            assert.containsOnce(form, oKanbanRecordActive, "should have one kanban records yet");
+
+            // we have 2 buttons
+            assert.containsN(form, oAllKanbanButton, 2, "should have 2 buttons type object");
+
+            // disabled ?
+            assert.containsNone(form, oAllKanbanButton + '[disabled]', "should not have button type object disabled");
+
+            // click on the button
+            await testUtils.dom.click(form.$(btn1Disabled));
+            await testUtils.dom.click(form.$(btn1Warn));
+
+            // switch to edit mode
+            await testUtils.form.clickEdit(form);
+
+            // click on existing buttons
+            await testUtils.dom.click(form.$(btn1Disabled));
+            await testUtils.dom.click(form.$(btn1Warn));
+
+            // create new kanban
+            await testUtils.dom.click(form.$('.o_field_widget .o-kanban-button-new'));
+
+            // save & close the modal
+            assert.strictEqual($('.modal-content input.o_field_widget').val(), 'My little Foo Value',
+                "should already have the default value for field foo");
+            await testUtils.dom.click($('.modal-content .btn-primary').first());
+
+            // check new item
+            assert.containsN(form, oAllKanbanButton, 4, "should have 4 buttons type object");
+            assert.containsN(form, btn1, 2, "should have 2 buttons type object in area 1");
+            assert.containsN(form, btn2, 2, "should have 2 buttons type object in area 2");
+            assert.containsOnce(form, oAllKanbanButton + '[disabled]',  "should have 1 button type object disabled");
+
+            assert.strictEqual(form.$(btn2Disabled).attr('disabled'), 'disabled', 'Should have a button type object disabled in area 2');
+            assert.strictEqual(form.$(btn2Warn).attr('disabled'), undefined, 'Should have a button type object not disabled in area 2');
+            assert.strictEqual(form.$(btn2Warn).attr('warn'), 'warn', 'Should have a button type object with warn attr in area 2');
+
+            // click all buttons
+            await testUtils.dom.click(form.$(btn1Disabled));
+            await testUtils.dom.click(form.$(btn1Warn));
+            await testUtils.dom.click(form.$(btn2Disabled));
+            await testUtils.dom.click(form.$(btn2Warn));
+
+            // save the form
+            await testUtils.form.clickSave(form);
+
+            assert.containsNone(form, oAllKanbanButton + '[disabled]', "should not have button type object disabled after save");
+
+            // click all buttons
+            await testUtils.dom.click(form.$(btn1Disabled));
+            await testUtils.dom.click(form.$(btn1Warn));
+            await testUtils.dom.click(form.$(btn2Disabled));
+            await testUtils.dom.click(form.$(btn2Warn));
+
+            assert.verifySteps([
+                "button_disabled_partner_4",
+                "button_warn_partner_4",
+
+                "button_disabled_partner_4",
+                "button_warn_partner_4",
+
+                "button_disabled_partner_4",
+                "button_warn_partner_4",
+                "danger", // warn btn8
+
+                "button_disabled_partner_4",
+                "button_warn_partner_4",
+                "button_disabled_partner_5",
+                "button_warn_partner_5"
+            ], "should have triggered theses 11 clicks event");
+
+            testUtils.mock.unpatch(KanbanRecord);
+            form.destroy();
+        });
+
+        QUnit.test('focusing fields in one2many list', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="turtle_int"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '<field name="foo"/>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('.o_data_row:first td:first'));
+            assert.strictEqual(form.$('input[name="turtle_foo"]')[0], document.activeElement,
+                "turtle foo field should have focus");
+
+            await testUtils.fields.triggerKeydown(form.$('input[name="turtle_foo"]'), 'tab');
+            assert.strictEqual(form.$('input[name="turtle_int"]')[0], document.activeElement,
+                "turtle int field should have focus");
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable = top', async function (assert) {
+            assert.expect(6);
+
+            this.data.turtle.fields.turtle_foo.default = "default foo turtle";
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        var commands = args.args[1].turtles;
+                        assert.strictEqual(commands[0][0], 0,
+                            "first command is a create");
+                        assert.strictEqual(commands[1][0], 4,
+                            "second command is a link to");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_data_row',
+                "should start with one data row");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 2,
+                "should have 2 data rows");
+            assert.strictEqual(form.$('tr.o_data_row:first input').val(), 'default foo turtle',
+                "first row should be the new value");
+            assert.hasClass(form.$('tr.o_data_row:first'),'o_selected_row',
+                "first row should be selected");
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable = bottom', async function (assert) {
+            assert.expect(6);
+            this.data.turtle.fields.turtle_foo.default = "default foo turtle";
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        var commands = args.args[1].turtles;
+                        assert.strictEqual(commands[0][0], 4,
+                            "first command is a link to");
+                        assert.strictEqual(commands[1][0], 0,
+                            "second command is a create");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.containsOnce(form, '.o_data_row',
+                "should start with one data row");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, '.o_data_row', 2,
+                "should have 2 data rows");
+            assert.strictEqual(form.$('tr.o_data_row:eq(1) input').val(), 'default foo turtle',
+                "second row should be the new value");
+            assert.hasClass(form.$('tr.o_data_row:eq(1)'),'o_selected_row',
+                "second row should be selected");
+
+            await testUtils.form.clickSave(form);
+            form.destroy();
+        });
+
+        QUnit.test('one2many list edition, no "Remove" button in modal', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.fields.foo.default = false;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                        '<field name="p">' +
+                            '<tree>' +
+                                '<field name="foo"/>' +
+                            '</tree>' +
+                            '<form string="Partners">' +
+                                '<field name="display_name"/>' +
+                            '</form>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            await testUtils.dom.click(form.$('tbody td.o_field_x2many_list_row_add a'));
+            assert.containsOnce($(document), $('.modal'), 'there should be a modal opened');
+            assert.containsNone($('.modal .modal-footer .o_btn_remove'),
+            'modal should not contain a "Remove" button');
+
+            // Discard a modal
+            await testUtils.dom.click($('.modal-footer .btn-secondary'));
+
+            await testUtils.form.clickDiscard(form);
+            form.destroy();
+        });
+
+        QUnit.test('x2many fields use their "mode" attribute', async function (assert) {
+            assert.expect(1);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<group>' +
+                    '<field mode="kanban" name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '<kanban>' +
+                    '<templates>' +
+                    '<t t-name="kanban-box">' +
+                    '<div>' +
+                    '<field name="turtle_int"/>' +
+                    '</div>' +
+                    '</t>' +
+                    '</templates>' +
+                    '</kanban>' +
+                    '</field>' +
+                    '</group>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, '.o_field_one2many .o_kanban_view',
+                "should have rendered a kanban view");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable, onchange and required field', async function (assert) {
+            assert.expect(8);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.int_field = obj.turtles.length;
+                },
+            };
+            this.data.partner.records[0].int_field = 0;
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "0",
+                "int_field should start with value 0");
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "0",
+                "int_field should still be 0 (no onchange should have been done yet");
+
+            assert.verifySteps(['read', 'onchange']);
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtle_foo"]'), "some text");
+            assert.verifySteps(['onchange']);
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "1",
+                "int_field should now be 1 (the onchange should have been done");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable: trigger onchange when row is valid', async function (assert) {
+            // should omit require fields that aren't in the view as they (obviously)
+            // have no value, when checking the validity of required fields
+            // shouldn't consider numerical fields with value 0 as unset
+            assert.expect(13);
+
+            this.data.turtle.fields.turtle_foo.required = true;
+            this.data.turtle.fields.turtle_qux.required = true; // required field not in the view
+            this.data.turtle.fields.turtle_bar.required = true; // required boolean field with no default
+            delete this.data.turtle.fields.turtle_bar.default;
+            this.data.turtle.fields.turtle_int.required = true; // required int field (default 0)
+            this.data.turtle.fields.turtle_int.default = 0;
+            this.data.turtle.fields.partner_ids.required = true; // required many2many
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.int_field = obj.turtles.length;
+                },
+            };
+            this.data.partner.records[0].int_field = 0;
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles"/>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+                archs: {
+                    'turtle,false,list': '<tree editable="top">' +
+                        '<field name="turtle_qux"/>' +
+                        '<field name="turtle_bar"/>' +
+                        '<field name="turtle_int"/>' +
+                        '<field name="turtle_foo"/>' +
+                        '<field name="partner_ids" widget="many2many_tags"/>' +
+                        '</tree>',
+                },
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "0",
+                "int_field should start with value 0");
+
+            // add a new row (which is invalid at first)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "0",
+                "int_field should still be 0 (no onchange should have been done yet)");
+            assert.verifySteps(['load_views', 'read', 'onchange']);
+
+            // fill turtle_foo field
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtle_foo"]'), "some text");
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "0",
+                "int_field should still be 0 (no onchange should have been done yet)");
+            assert.verifySteps([], "no onchange should have been applied");
+
+            // fill partner_ids field with a tag (all required fields will then be set)
+            await testUtils.fields.many2one.clickOpenDropdown('partner_ids');
+            await testUtils.fields.many2one.clickHighlightedItem('partner_ids');
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "1",
+                "int_field should now be 1 (the onchange should have been done");
+            assert.verifySteps(['name_search', 'read', 'onchange']);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable: \'required\' modifiers is properly working', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.int_field = obj.turtles.length;
+                },
+            };
+
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "10",
+                "int_field should start with value 10");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "10",
+                "int_field should still be 10 (no onchange, because line is not valid)");
+
+            // fill turtle_foo field
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtle_foo"]'), "some text");
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "1",
+                "int_field should be 1 (onchange triggered, because line is now valid)");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable: \'required\' modifiers is properly working, part 2', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.int_field = obj.turtles.length;
+                },
+            };
+
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="int_field"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_foo" attrs=\'{"required": [["turtle_int", "=", 0]]}\'/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "10",
+                "int_field should start with value 10");
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "10",
+                "int_field should still be 10 (no onchange, because line is not valid)");
+
+            // fill turtle_int field
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtle_int"]'), "1");
+
+            assert.strictEqual(form.$('.o_field_widget[name="int_field"]').val(), "1",
+                "int_field should be 1 (onchange triggered, because line is now valid)");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many list editable: add new line before onchange returns', async function (assert) {
+            // If the user adds a new row (with a required field with onchange), selects
+            // a value for that field, then adds another row before the onchange returns,
+            // the editable list must wait for the onchange to return before trying to
+            // unselect the first row, otherwise it will be detected as invalid.
+            assert.expect(7);
+
+            this.data.turtle.onchanges = {
+                turtle_trululu: function () { },
+            };
+
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                        '<field name="turtles">' +
+                            '<tree editable="bottom">' +
+                                '<field name="turtle_trululu" required="1"/>' +
+                            '</tree>' +
+                        '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            // add a first line but hold the onchange back
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            prom = testUtils.makeTestPromise();
+            assert.containsOnce(form, '.o_data_row',
+                "should have created the first row immediately");
+            await testUtils.fields.many2one.clickOpenDropdown('turtle_trululu');
+            await testUtils.fields.many2one.clickHighlightedItem('turtle_trululu');
+
+            // try to add a second line and check that it is correctly waiting
+            // for the onchange to return
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal').length, 0, "no modal should be displayed");
+            assert.strictEqual($('.o_field_invalid').length, 0,
+                "no field should be marked as invalid");
+            assert.containsOnce(form, '.o_data_row',
+                "should wait for the onchange to create the second row");
+            assert.hasClass(form.$('.o_data_row'),'o_selected_row',
+                "first row should still be in edition");
+
+            // resolve the onchange promise
+            prom.resolve();
+            await testUtils.nextTick();
+            assert.containsN(form, '.o_data_row', 2,
+                "second row should now have been created");
+            assert.doesNotHaveClass(form.$('.o_data_row:first'), 'o_selected_row',
+                "first row should no more be in edition");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable list: multiple clicks on Add an item do not create invalid rows', async function (assert) {
+            assert.expect(3);
+
+            this.data.turtle.onchanges = {
+                turtle_trululu: function () { },
+            };
+
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_trululu" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+            prom = testUtils.makeTestPromise();
+            // click twice to add a new line
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsNone(form, '.o_data_row',
+                "no row should have been created yet (waiting for the onchange)");
+
+            // resolve the onchange promise
+            prom.resolve();
+            await testUtils.nextTick();
+            assert.containsOnce(form, '.o_data_row',
+                "only one row should have been created");
+            assert.hasClass(form.$('.o_data_row:first'),'o_selected_row',
+                "the created row should be in edition");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable list: value reset by an onchange', async function (assert) {
+            // this test reproduces a subtle behavior that may occur in a form view:
+            // the user adds a record in a one2many field, and directly clicks on a
+            // datetime field of the form view which has an onchange, which totally
+            // overrides the value of the one2many (commands 5 and 0). The handler
+            // that switches the edited row to readonly is then called after the
+            // new value of the one2many field is applied (the one returned by the
+            // onchange), so the row that must go to readonly doesn't exist anymore.
+            assert.expect(2);
+
+            this.data.partner.onchanges = {
+                datetime: function (obj) {
+                    obj.turtles = [[5], [0, 0, { display_name: 'new' }]];
+                },
+            };
+
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="datetime"/>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            // trigger the two onchanges
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_data_row .o_field_widget'), 'a name');
+            prom = testUtils.makeTestPromise();
+            await testUtils.dom.click(form.$('.o_datepicker_input'));
+            var dateTimeVal = fieldUtils.format.datetime(moment(), { timezone: false });
+            await testUtils.fields.editSelect(form.$('.o_datepicker_input'), dateTimeVal);
+
+            // resolve the onchange promise
+            prom.resolve();
+            await testUtils.nextTick();
+
+            assert.containsOnce(form, '.o_data_row',
+                "should have one record in the o2m");
+            assert.strictEqual(form.$('.o_data_row .o_data_cell').text(), 'new',
+                "should be the record created by the onchange");
+
+            form.destroy();
+        });
+
+        QUnit.test('editable list: onchange that returns a warning', async function (assert) {
+            assert.expect(5);
+
+            this.data.turtle.onchanges = {
+                display_name: function () { },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        assert.step(args.method);
+                        return Promise.resolve({
+                            value: {},
+                            warning: {
+                                title: "Warning",
+                                message: "You must first select a partner"
+                            },
+                        });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+                intercepts: {
+                    warning: function () {
+                        assert.step('warning');
+                    },
+                },
+            });
+
+            // add a line (this should trigger an onchange and a warning)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            // check if 'Add an item' still works (this should trigger an onchange
+            // and a warning again)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.verifySteps(['onchange', 'warning', 'onchange', 'warning']);
+
+            form.destroy();
+        });
+
+        QUnit.test('editable list: contexts are correctly sent', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].timmy = [12];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                    '<field name="timmy" context="{\'key\': parent.foo}">' +
+                    '<tree editable="top">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'read' && args.model === 'partner') {
+                        assert.deepEqual(args.kwargs.context, {
+                            active_field: 2,
+                            bin_size: true,
+                            someKey: 'some value',
+                        }, "sent context should be correct");
+                    }
+                    if (args.method === 'read' && args.model === 'partner_type') {
+                        assert.deepEqual(args.kwargs.context, {
+                            key: 'yop',
+                            active_field: 2,
+                            someKey: 'some value',
+                        }, "sent context should be correct");
+                    }
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.kwargs.context, {
+                            active_field: 2,
+                            someKey: 'some value',
+                        }, "sent context should be correct");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                session: {
+                    user_context: { someKey: 'some value' },
+                },
+                viewOptions: {
+                    mode: 'edit',
+                    context: { active_field: 2 },
+                },
+                res_id: 1,
+            });
+
+            await testUtils.dom.click(form.$('.o_data_cell:first'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'abc');
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('resetting invisible one2manys', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].turtles = [];
+            this.data.partner.onchanges.foo = function (obj) {
+                obj.turtles = [[5], [4, 1]];
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="foo"/>' +
+                    '<field name="turtles" invisible="1"/>' +
+                    '</form>',
+                viewOptions: {
+                    mode: 'edit',
+                },
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.fields.editInput(form.$('input[name="foo"]'), 'abcd');
+            assert.verifySteps(['read', 'onchange']);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many: onchange that returns unknown field in list, but not in form', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.onchanges = {
+                name: function () { },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="name"/>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '<form string="Partners">' +
+                    '<field name="display_name"/>' +
+                    '<field name="timmy" widget="many2many_tags"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            value: {
+                                p: [[5], [0, 0, { display_name: 'new', timmy: [[5], [4, 12]] }]],
+                            },
+                        });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "the one2many should contain one row");
+            assert.containsNone(form, '.o_field_widget[name="timmy"]',
+                "timmy should not be displayed in the list view");
+
+            await testUtils.dom.click(form.$('.o_data_row td:first'));
+
+            assert.strictEqual($('.modal .o_field_many2manytags[name="timmy"]').length, 1,
+                "timmy should be displayed in the form view");
+            assert.strictEqual($('.modal .o_field_many2manytags[name="timmy"] .badge').length, 1,
+                "m2mtags should contain one tag");
+            assert.strictEqual($('.modal .o_field_many2manytags[name="timmy"] .o_badge_text').text(),
+                'gold', "tag name should have been correctly loaded");
+
+            form.destroy();
+        });
+
+        QUnit.test('multi level of nested x2manys, onchange and rawChanges', async function (assert) {
+            assert.expect(8);
+
+            this.data.partner.records[0].p = [1];
+            this.data.partner.onchanges = {
+                name: function () { },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="name"/>
+                        <field name="p">
+                            <tree><field name="display_name"/></tree>
+                            <form>
+                                <field name="display_name"/>
+                                <field name="p">
+                                    <tree><field name="display_name"/></tree>
+                                    <form><field name="display_name"/></form>
+                                </field>
+                            </form>
+                        </field>
+                    </form>`,
+                mockRPC(route, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].p[0][2], {
+                            p: [[1, 1, { display_name: 'new name' }]],
+                        });
+                    }
+                    return this._super(...arguments);
+                },
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, '.o_data_row', "the one2many should contain one row");
+
+            // open the o2m record in readonly first
+            await testUtils.dom.click(form.$('.o_data_row td:first'));
+            assert.containsOnce(document.body, ".modal .o_form_readonly");
+            await testUtils.dom.click($('.modal .modal-footer .o_form_button_cancel'));
+
+            // switch to edit mode and open it again
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_row td:first'));
+
+            assert.containsOnce(document.body, ".modal .o_form_editable");
+            assert.containsOnce(document.body, '.modal .o_data_row', "the one2many should contain one row");
+
+            // open the o2m again, in the dialog
+            await testUtils.dom.click($('.modal .o_data_row td:first'));
+
+            assert.containsN(document.body, ".modal .o_form_editable", 2);
+
+            // edit the name and click save modal that is on top
+            await testUtils.fields.editInput($('.modal:nth(1) .o_field_widget[name=display_name]'), 'new name');
+            await testUtils.dom.click($('.modal:nth(1) .modal-footer .btn-primary'));
+
+            assert.containsOnce(document.body, ".modal .o_form_editable");
+
+            // click save on the other modal
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+
+            assert.containsNone(document.body, ".modal");
+
+            // save the main record
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange and required fields with override in arch', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.onchanges = {
+                turtles: function () { }
+            };
+            this.data.turtle.fields.turtle_foo.required = true;
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_foo" required="0"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+            });
+            await testUtils.form.clickEdit(form);
+
+            // triggers an onchange on partner, because the new record is valid
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.verifySteps(['read', 'onchange', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('onchange on a one2many containing a one2many', async function (assert) {
+            // the purpose of this test is to ensure that the onchange specs are
+            // correctly and recursively computed
+            assert.expect(1);
+
+            this.data.partner.onchanges = {
+                p: function () { }
+            };
+            var checkOnchange = false;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree><field name="display_name"/></tree>' +
+                    '<form>' +
+                    '<field name="display_name"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom"><field name="display_name"/></tree>' +
+                    '</field>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange' && checkOnchange) {
+                        assert.strictEqual(args.args[3]['p.p.display_name'], '',
+                            "onchange specs should be computed recursively");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput($('.modal .o_data_cell input'), 'new record');
+            checkOnchange = true;
+            await testUtils.dom.clickFirst($('.modal .modal-footer .btn-primary'));
+
+            form.destroy();
+        });
+
+        QUnit.test('editing tabbed one2many (editable=bottom)', async function (assert) {
+            assert.expect(12);
+
+            this.data.partner.records[0].turtles = [];
+            for (var i = 0; i < 42; i++) {
+                var id = 100 + i;
+                this.data.turtle.records.push({ id: id, turtle_foo: 'turtle' + (id - 99) });
+                this.data.partner.records[0].turtles.push(id);
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    if (args.method === 'write') {
+                        assert.strictEqual(args.args[1].turtles[40][0], 0, 'should send a create command');
+                        assert.deepEqual(args.args[1].turtles[40][2], { turtle_foo: 'rainbow dash' });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, 'tr.o_data_row', 41);
+            assert.hasClass(form.$('tr.o_data_row').last(), 'o_selected_row');
+
+            await testUtils.fields.editInput(form.$('.o_data_row input[name="turtle_foo"]'), 'rainbow dash');
+            await testUtils.form.clickSave(form);
+
+            assert.containsN(form, 'tr.o_data_row', 40);
+
+            assert.verifySteps(['read', 'read', 'onchange', 'write', 'read', 'read']);
+            form.destroy();
+        });
+
+        QUnit.test('editing tabbed one2many (editable=bottom), again...', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [];
+            for (var i = 0; i < 9; i++) {
+                var id = 100 + i;
+                this.data.turtle.records.push({ id: id, turtle_foo: 'turtle' + (id - 99) });
+                this.data.partner.records[0].turtles.push(id);
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom" limit="3">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+
+            await testUtils.form.clickEdit(form);
+            // add a new record page 1 (this increases the limit to 4)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_data_row input[name="turtle_foo"]'), 'rainbow dash');
+            await testUtils.dom.click(form.$('.o_x2m_control_panel .o_pager_next')); // page 2: 4 records
+            await testUtils.dom.click(form.$('.o_x2m_control_panel .o_pager_next')); // page 3: 2 records
+
+            assert.containsN(form, 'tr.o_data_row', 2,
+                "should have 2 data rows on the current page");
+            form.destroy();
+        });
+
+        QUnit.test('editing tabbed one2many (editable=top)', async function (assert) {
+            assert.expect(15);
+
+            this.data.partner.records[0].turtles = [];
+            this.data.turtle.fields.turtle_foo.default = "default foo";
+            for (var i = 0; i < 42; i++) {
+                var id = 100 + i;
+                this.data.turtle.records.push({ id: id, turtle_foo: 'turtle' + (id - 99) });
+                this.data.partner.records[0].turtles.push(id);
+            }
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    if (args.method === 'write') {
+                        assert.strictEqual(args.args[1].turtles[40][0], 0);
+                        assert.deepEqual(args.args[1].turtles[40][2], { turtle_foo: 'rainbow dash' });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_widget[name=turtles] .o_pager_next'));
+
+            assert.containsN(form, 'tr.o_data_row', 2);
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsN(form, 'tr.o_data_row', 3);
+
+            assert.hasClass(form.$('tr.o_data_row').first(), 'o_selected_row');
+
+            assert.strictEqual(form.$('tr.o_data_row input').val(), 'default foo',
+                "selected input should have correct string");
+
+            await testUtils.fields.editInput(form.$('.o_data_row input[name="turtle_foo"]'), 'rainbow dash');
+            await testUtils.form.clickSave(form);
+
+            assert.containsN(form, 'tr.o_data_row', 40);
+
+            assert.verifySteps(['read', 'read', 'read', 'onchange', 'write', 'read', 'read']);
+            form.destroy();
+        });
+
+        QUnit.test('one2many field: change value before pending onchange returns', async function (assert) {
+            assert.expect(2);
+
+            var M2O_DELAY = relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY;
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = 0;
+
+            this.data.partner.onchanges = {
+                int_field: function () { }
+            };
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="int_field"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        // delay the onchange RPC
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            prom = testUtils.makeTestPromise();
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), '44');
+
+            var $dropdown = form.$('.o_field_many2one input').autocomplete('widget');
+            // set trululu before onchange
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one input'),
+                'first', ['keydown', 'keyup']);
+            // complete the onchange
+            prom.resolve();
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'first',
+                'should have kept the new value');
+            await testUtils.nextTick();
+            // check name_search result
+            assert.strictEqual($dropdown.find('li:not(.o_m2o_dropdown_option)').length, 1,
+                'autocomplete should contains 1 suggestion');
+
+            relationalFields.FieldMany2One.prototype.AUTOCOMPLETE_DELAY = M2O_DELAY;
+            form.destroy();
+        });
+
+        QUnit.test('focus is correctly reset after an onchange in an x2many', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.onchanges = {
+                int_field: function () { }
+            };
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="int_field"/>' +
+                    '<button string="hello"/>' +
+                    '<field name="qux"/>' +
+                    '<field name="trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        // delay the onchange RPC
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            prom = testUtils.makeTestPromise();
+            await testUtils.fields.editAndTrigger(form.$('.o_field_widget[name=int_field]'), '44',
+                ['input', { type: 'keydown', which: $.ui.keyCode.TAB }]);
+            prom.resolve();
+            await testUtils.nextTick();
+
+            assert.strictEqual(document.activeElement, form.$('.o_field_widget[name=qux]')[0],
+                "qux field should have the focus");
+
+            await testUtils.fields.many2one.clickOpenDropdown('trululu');
+            await testUtils.fields.many2one.clickHighlightedItem('trululu');
+            assert.strictEqual(form.$('.o_field_many2one input').val(), 'first record',
+                "the one2many field should have the expected value");
+
+            form.destroy();
+        });
+
+        QUnit.test('checkbox in an x2many that triggers an onchange', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.onchanges = {
+                bar: function () { }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="bar"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            // use of owlCompatibilityNextTick because we have a boolean field (owl) inside the
+            // x2many, so an update of the x2many requires to wait for 2 animation frames: one
+            // for the list to be re-rendered (with the boolean field) and one for the control
+            // panel.
+            await testUtils.owlCompatibilityNextTick();
+            await testUtils.dom.click(form.$('.o_field_widget[name=bar] input'));
+            assert.notOk(form.$('.o_field_widget[name=bar] input').prop('checked'),
+                "the checkbox should be unticked");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with default value: edit line to make it invalid', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.fields.p.default = [
+                [0, false, { foo: "coucou", int_field: 5, p: [] }],
+            ];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="foo"/>' +
+                    '<field name="int_field"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // edit the line and enter an invalid value for int_field
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell:nth(1)'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=int_field]'), 'e');
+            await testUtils.dom.click(form.$el);
+
+            assert.containsOnce(form, '.o_data_row.o_selected_row',
+                "line should not have been removed and should still be in edition");
+            assert.strictEqual($('.modal').length, 1,
+                "a confirmation dialog should be opened");
+            assert.hasClass(form.$('.o_field_widget[name=int_field]'),'o_field_invalid',
+                "should indicate that int_field is invalid");
+
+            form.destroy();
+        });
+
+        QUnit.test('default value for nested one2manys (coming from onchange)', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges.p = function (obj) {
+                obj.p = [
+                    [5],
+                    [0, 0, { turtles: [[5], [4, 1]] }], // link record 1 by default
+                ];
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="p">' +
+                    '<tree><field name="turtles"/></tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        assert.strictEqual(args.args[0].p[0][0], 0,
+                            "should send a command 0 (CREATE) for p");
+                        assert.deepEqual(args.args[0].p[0][2], { turtles: [[4, 1, false]] },
+                            "should send the correct values");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.strictEqual(form.$('.o_data_cell').text(), '1 record',
+                "should correctly display the value of the inner o2m");
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('display correct value after validation error', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.onchanges.turtles = function () { };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        if (args.args[1].turtles[0][2].turtle_foo === 'pinky') {
+                            // we simulate a validation error.  In the 'real' web client,
+                            // the server error will be used by the session to display
+                            // an error dialog.  From the point of view of the basic
+                            // model, the promise is just rejected.
+                            return Promise.reject();
+                        }
+                    }
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1].turtles[0], [1, 2, { turtle_foo: 'foo' }],
+                            'should send the "good" value');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: { mode: 'edit' },
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_data_row .o_data_cell:nth(0)').text(), 'blip',
+                "initial text should be correct");
+
+            // click and edit value to 'foo', which will trigger onchange
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell:nth(0)'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=turtle_foo]'), 'foo');
+            await testUtils.dom.click(form.$el);
+            assert.strictEqual(form.$('.o_data_row .o_data_cell:nth(0)').text(), 'foo',
+                "field should have been changed to foo");
+
+            // click and edit value to 'pinky', which trigger a failed onchange
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell:nth(0)'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=turtle_foo]'), 'pinky');
+            await testUtils.dom.click(form.$el);
+
+            assert.strictEqual(form.$('.o_data_row .o_data_cell:nth(0)').text(), 'foo',
+                "turtle_foo text should now be set back to foo");
+
+            // we make sure here that when we save, the values are the current
+            // values displayed in the field.
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('propagate context to sub views without default_* keys', async function (assert) {
+            assert.expect(7);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    assert.strictEqual(args.kwargs.context.flutter, 'shy',
+                        'view context key should be used for every rpcs');
+                    if (args.method === 'onchange') {
+                        if (args.model === 'partner') {
+                            assert.strictEqual(args.kwargs.context.default_flutter, 'why',
+                                "should have default_* values in context for form view RPCs");
+                        } else if (args.model === 'turtle') {
+                            assert.notOk(args.kwargs.context.default_flutter,
+                                "should not have default_* values in context for subview RPCs");
+                        }
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: {
+                    context: {
+                        flutter: 'shy',
+                        default_flutter: 'why',
+                    },
+                },
+            });
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('input[name="turtle_foo"]'), 'pinky pie');
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('nested one2manys with no widget in list and as invisible list in form', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records[0].p = [1];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="p">
+                            <tree><field name="turtles"/></tree>
+                            <form><field name="turtles" invisible="1"/></form>
+                        </field>
+                    </form>`,
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, '.o_data_row');
+            assert.strictEqual(form.$('.o_data_row .o_data_cell').text(), '1 record');
+
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsNone(document.body, '.modal .o_form_view .o_field_one2many');
+
+            // Test possible caching issues
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsNone(document.body, '.modal .o_form_view .o_field_one2many');
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange on nested one2manys', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.onchanges.display_name = function (obj) {
+                if (obj.display_name) {
+                    obj.p = [
+                        [5],
+                        [0, 0, {
+                            display_name: 'test',
+                            turtles: [[5], [0, 0, { display_name: 'test nested' }]],
+                        }],
+                    ];
+                }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<sheet>' +
+                    '<field name="display_name"/>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="turtles">' +
+                    '<tree><field name="display_name"/></tree>' +
+                    '</field>' +
+                    '</form>' +
+                    '</field>' +
+                    '</sheet>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'create') {
+                        assert.strictEqual(args.args[0].p[0][0], 0,
+                            "should send a command 0 (CREATE) for p");
+                        assert.strictEqual(args.args[0].p[0][2].display_name, 'test',
+                            "should send the correct values");
+                        assert.strictEqual(args.args[0].p[0][2].turtles[0][0], 0,
+                            "should send a command 0 (CREATE) for turtles");
+                        assert.deepEqual(args.args[0].p[0][2].turtles[0][2], { display_name: 'test nested' },
+                            "should send the correct values");
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'trigger onchange');
+
+            assert.strictEqual(form.$('.o_data_cell').text(), 'test',
+                "should have added the new row to the one2many");
+
+            // open the new subrecord to check the value of the nested o2m, and to
+            // ensure that it will be saved
+            await testUtils.dom.click(form.$('.o_data_cell:first'));
+            assert.strictEqual($('.modal .o_data_cell').text(), 'test nested',
+                "should have added the new row to the nested one2many");
+            await testUtils.dom.clickFirst($('.modal .modal-footer .btn-primary'));
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with multiple pages and sequence field', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+            this.data.partner.onchanges.turtles = function () { };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="2">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" invisible="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            value: {
+                                turtles: [
+                                    [5],
+                                    [1, 1, { turtle_foo: "from onchange", partner_ids: [[5]] }],
+                                ]
+                            }
+                        });
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+            await testUtils.dom.click(form.$('.o_list_record_remove:first button'));
+            assert.strictEqual(form.$('.o_data_row').text(), 'from onchange',
+                'onchange has been properly applied');
+            form.destroy();
+        });
+
+        QUnit.test('one2many with multiple pages and sequence field, part2', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+            this.data.partner.onchanges.turtles = function () { };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="2">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="partner_ids" invisible="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        return Promise.resolve({
+                            value: {
+                                turtles: [
+                                    [5],
+                                    [1, 1, { turtle_foo: "from onchange id2", partner_ids: [[5]] }],
+                                    [1, 3, { turtle_foo: "from onchange id3", partner_ids: [[5]] }],
+                                ]
+                            }
+                        });
+                    }
+                    return this._super(route, args);
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+            await testUtils.dom.click(form.$('.o_list_record_remove:first button'));
+            assert.strictEqual(form.$('.o_data_row').text(), 'from onchange id2from onchange id3',
+                'onchange has been properly applied');
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, override default_get, bottom when inline', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+
+            this.data.turtle.fields.turtle_int.default = 10;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // starting condition
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa");
+
+            // click add a new line
+            // save the record
+            // check line is at the correct place
+
+            var inputText = 'ninja';
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), inputText);
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa" + inputText);
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, override default_get, top when inline', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+
+            this.data.turtle.fields.turtle_int.default = 10;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // starting condition
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa");
+
+            // click add a new line
+            // save the record
+            // check line is at the correct place
+
+            var inputText = 'ninja';
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), inputText);
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual($('.o_data_cell').text(), inputText + "blipyopkawa");
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, override default_get, bottom when popup', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+
+            this.data.turtle.fields.turtle_int.default = 10;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    // NOTE: at some point we want to fix this in the framework so that an invisible field is not required.
+                    '<field name="turtle_int" invisible="1"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // starting condition
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa");
+
+            // click add a new line
+            // save the record
+            // check line is at the correct place
+
+            var inputText = 'ninja';
+            await testUtils.dom.click($('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput($('.o_input[name="turtle_foo"]'), inputText);
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa" + inputText);
+
+            await testUtils.dom.click($('.o_form_button_save'));
+            assert.strictEqual($('.o_data_cell').text(), "blipyopkawa" + inputText);
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, override default_get, not last page', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+
+            this.data.turtle.fields.turtle_int.default = 10;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="2">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="turtle_int"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // click add a new line
+            // check turtle_int for new is the current max of the page
+            await testUtils.dom.click($('.o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal .o_input[name="turtle_int"]').val(), '10');
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, override default_get, last page', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].turtles = [3, 2, 1];
+
+            this.data.turtle.fields.turtle_int.default = 10;
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="4">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="turtle_int"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // click add a new line
+            // check turtle_int for new is the current max of the page +1
+            await testUtils.dom.click($('.o_field_x2many_list_row_add a'));
+            assert.strictEqual($('.modal .o_input[name="turtle_int"]').val(), '22');
+            form.destroy();
+        });
+
+        QUnit.test('one2many with sequence field, fetch name_get from empty list, field text', async function (assert) {
+            // There was a bug where a RPC would fail because no route was set.
+            // The scenario is:
+            // - create a new parent model, which has a one2many
+            // - add at least 2 one2many lines which have:
+            //     - a handle field
+            //     - a many2one, which is not required, and we will leave it empty
+            // - reorder the lines with the handle
+            // -> This will call a resequence, which calls a name_get.
+            // -> With the bug that would fail, if it's ok the test will pass.
+
+            // This test will also make sure lists with
+            // FieldText (turtle_description) can be reordered with a handle.
+            // More specifically this will trigger a reset on a FieldText
+            // while the field is not in editable mode.
+            assert.expect(4);
+
+            this.data.turtle.fields.turtle_int.default = 10;
+            this.data.turtle.fields.product_id.default = 37;
+            this.data.turtle.fields.not_required_product_id = {
+                string: "Product",
+                type: "many2one",
+                relation: 'product'
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_int" widget="handle"/>' +
+                    '<field name="turtle_foo"/>' +
+                    '<field name="not_required_product_id"/>' +
+                    '<field name="turtle_description" widget="text"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // starting condition
+            assert.strictEqual($('.o_data_cell:nth-child(2)').text(), "");
+
+            var inputText1 = 'relax';
+            var inputText2 = 'max';
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), inputText1);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), inputText2);
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual($('.o_data_cell:nth-child(2)').text(), inputText1 + inputText2);
+
+            var $handles = form.$('.ui-sortable-handle');
+
+            assert.equal($handles.length, 3, 'There should be 3 sequence handlers');
+
+            await testUtils.dom.dragAndDrop($handles.eq(1),
+                form.$('tbody tr').first(),
+                { position: 'top' }
+            );
+
+            assert.strictEqual($('.o_data_cell:nth-child(2)').text(), inputText2 + inputText1);
+
+            form.destroy();
+        });
+
+        QUnit.skip('one2many with several pages, onchange and default order', async function (assert) {
+            // This test reproduces a specific scenario where a one2many is displayed
+            // over several pages, and has a default order such that a record that
+            // would normally be on page 1 is actually on another page. Moreover,
+            // there is an onchange on that one2many which converts all commands 4
+            // (LINK_TO) into commands 1 (UPDATE), which is standard in the ORM.
+            // This test ensures that the record displayed on page 2 is never fully
+            // read.
+            assert.expect(8);
+
+            var data = this.data;
+            data.partner.records[0].turtles = [1, 2, 3];
+            data.turtle.records[0].partner_ids = [1];
+            data.partner.onchanges = {
+                turtles: function (obj) {
+                    var res = _.map(obj.turtles, function (command) {
+                        if (command[0] === 1) { // already an UPDATE command: do nothing
+                            return command;
+                        }
+                        // convert LINK_TO commands to UPDATE commands
+                        var id = command[1];
+                        var record = _.findWhere(data.turtle.records, { id: id });
+                        return [1, id, _.pick(record, ['turtle_int', 'turtle_foo', 'partner_ids'])];
+                    });
+                    obj.turtles = [[5]].concat(res);
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="top" limit="2" default_order="turtle_foo">' +
+                    '<field name="turtle_int"/>' +
+                    '<field name="turtle_foo" class="foo"/>' +
+                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var ids = args.method === 'read' ? ' [' + args.args[0] + ']' : '';
+                    assert.step(args.method + ids);
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(form.$('.o_data_cell.foo').text(), 'blipkawa',
+                "should display two records out of three, in the correct order");
+
+            // edit turtle_int field of first row
+            await testUtils.dom.click(form.$('.o_data_cell:first'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=turtle_int]'), 3);
+            await testUtils.dom.click(form.$el);
+
+            assert.strictEqual(form.$('.o_data_cell.foo').text(), 'blipkawa',
+                "should still display the same two records");
+
+            assert.verifySteps([
+                'read [1]', // main record
+                'read [1,2,3]', // one2many (turtle_foo, all records)
+                'read [2,3]', // one2many (all fields in view, records of first page)
+                'read [2,4]', // many2many inside one2many (partner_ids), first page only
+                'onchange',
+                'read [1]', // AAB FIXME 4 (draft fixing taskid-2323491):
+                            // this test's purpose is to assert that this rpc isn't
+                            // done, but yet it is. Actually, it wasn't before because mockOnChange
+                            // returned [1] as command list, instead of [[6, false, [1]]], so basically
+                            // this value was ignored. Now that mockOnChange properly works, the value
+                            // is taken into account but the basicmodel doesn't care it concerns a
+                            // record of the second page, and does the read. I don't think we
+                            // introduced a regression here, this test was simply wrong...
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('new record, with one2many with more default values than limit', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="2">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                context: { default_turtles: [1, 2, 3] },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+            assert.strictEqual(form.$('.o_data_row').text(), 'yopblip',
+                'data has been properly loaded');
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_data_row').text(), 'yopblip',
+                'data has been properly saved');
+            form.destroy();
+        });
+
+        QUnit.test('add a new line after limit is reached should behave nicely', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [
+                        [5],
+                        [1, 1, { turtle_foo: "yop" }],
+                        [1, 2, { turtle_foo: "blip" }],
+                        [1, 3, { turtle_foo: "kawa" }],
+                        [0, obj.turtles[3][2], { turtle_foo: "abc" }],
+                    ];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree limit="3" editable="bottom">' +
+                    '<field name="turtle_foo" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsN(form, '.o_data_row', 4, 'should have 4 data rows');
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), 'a');
+            assert.containsN(form, '.o_data_row', 4,
+                'should still have 4 data rows (the limit is increased to 4)');
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange in a one2many with non inline view on an existing record', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.fields.sequence = { string: 'Sequence', type: 'integer' };
+            this.data.partner.records[0].sequence = 1;
+            this.data.partner.records[1].sequence = 2;
+            this.data.partner.onchanges = { sequence: function () { } };
+
+            this.data.partner_type.fields.partner_ids = { string: "Partner", type: "one2many", relation: 'partner' };
+            this.data.partner_type.records[0].partner_ids = [1, 2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner_type',
+                data: this.data,
+                arch: '<form><field name="partner_ids"/></form>',
+                archs: {
+                    'partner,false,list': '<tree string="Vendors">' +
+                        '<field name="sequence" widget="handle"/>' +
+                        '<field name="display_name"/>' +
+                        '</tree>',
+                },
+                res_id: 12,
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+                viewOptions: { mode: 'edit' },
+            });
+
+            // swap 2 lines in the one2many
+            await testUtils.dom.dragAndDrop(form.$('.ui-sortable-handle:eq(1)'), form.$('tbody tr').first(),
+                { position: 'top' });
+            assert.verifySteps(['load_views', 'read', 'read', 'onchange', 'onchange']);
+            form.destroy();
+        });
+
+        QUnit.test('onchange in a one2many with non inline view on a new record', async function (assert) {
+            assert.expect(6);
+
+            this.data.turtle.onchanges = {
+                display_name: function (obj) {
+                    if (obj.display_name) {
+                        obj.turtle_int = 44;
+                    }
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form><field name="turtles"/></form>',
+                archs: {
+                    'turtle,false,list': '<tree editable="bottom">' +
+                        '<field name="display_name"/>' +
+                        '<field name="turtle_int"/>' +
+                        '</tree>',
+                },
+                mockRPC: function (route, args) {
+                    assert.step(args.method || route);
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            // add a row and trigger the onchange
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_data_row .o_field_widget[name=display_name]'), 'a name');
+
+            assert.strictEqual(form.$('.o_data_row .o_field_widget[name=turtle_int]').val(), "44",
+                "should have triggered the onchange");
+
+            assert.verifySteps([
+                'load_views', // load sub list
+                'onchange', // main record
+                'onchange', // sub record
+                'onchange', // edition of display_name of sub record
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('add a line, edit it and "Save & New"', async function (assert) {
+            assert.expect(5);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree><field name="display_name"/></tree>' +
+                    '<form><field name="display_name"/></form>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            assert.containsNone(form, '.o_data_row',
+                "there should be no record in the relation");
+
+            // add a new record
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput($('.modal .o_field_widget'), 'new record');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+
+            assert.strictEqual(form.$('.o_data_row .o_data_cell').text(), 'new record',
+                "should display the new record");
+
+            // reopen freshly added record and edit it
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell'));
+            await testUtils.fields.editInput($('.modal .o_field_widget'), 'new record edited');
+
+            // save it, and choose to directly create another record
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:nth(1)'));
+
+            assert.strictEqual($('.modal').length, 1,
+                "the model should still be open");
+            assert.strictEqual($('.modal .o_field_widget').text(), '',
+                "should have cleared the input");
+
+            await testUtils.fields.editInput($('.modal .o_field_widget'), 'another new record');
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+
+            assert.strictEqual(form.$('.o_data_row .o_data_cell').text(),
+                'new record editedanother new record', "should display the two records");
+
+            form.destroy();
+        });
+
+        QUnit.test('o2m add a line custom control create editable', async function (assert) {
+            assert.expect(5);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<control>' +
+                    '<create string="Add food" context="" />' +
+                    '<create string="Add pizza" context="{\'default_display_name\': \'pizza\'}"/>' +
+                    '</control>' +
+
+                    '<control>' +
+                    '<create string="Add pasta" context="{\'default_display_name\': \'pasta\'}"/>' +
+                    '</control>' +
+
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // new controls correctly added
+            var $td = form.$('.o_field_x2many_list_row_add');
+            assert.strictEqual($td.length, 1);
+            assert.strictEqual($td.closest('tr').find('td').length, 1);
+            assert.strictEqual($td.text(), "Add foodAdd pizzaAdd pasta");
+
+            // click add food
+            // check it's empty
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(0)'));
+            assert.strictEqual($('.o_data_cell').text(), "");
+
+            // click add pizza
+            // save the modal
+            // check it's pizza
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(1)'));
+            // click add pasta
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(2)'));
+            await testUtils.form.clickSave(form);
+            assert.strictEqual($('.o_data_cell').text(), "pizzapasta");
+
+            form.destroy();
+        });
+
+        QUnit.test('o2m add a line custom control create non-editable', async function (assert) {
+            assert.expect(6);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<control>' +
+                    '<create string="Add food" context="" />' +
+                    '<create string="Add pizza" context="{\'default_display_name\': \'pizza\'}" />' +
+                    '</control>' +
+
+                    '<control>' +
+                    '<create string="Add pasta" context="{\'default_display_name\': \'pasta\'}" />' +
+                    '</control>' +
+
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '<form>' +
+                    '<field name="display_name"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // new controls correctly added
+            var $td = form.$('.o_field_x2many_list_row_add');
+            assert.strictEqual($td.length, 1);
+            assert.strictEqual($td.closest('tr').find('td').length, 1);
+            assert.strictEqual($td.text(), "Add foodAdd pizzaAdd pasta");
+
+            // click add food
+            // check it's empty
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(0)'));
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            assert.strictEqual($('.o_data_cell').text(), "");
+
+            // click add pizza
+            // save the modal
+            // check it's pizza
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(1)'));
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            assert.strictEqual($('.o_data_cell').text(), "pizza");
+
+            // click add pasta
+            // save the whole record
+            // check it's pizzapasta
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a:eq(2)'));
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary:first'));
+            assert.strictEqual($('.o_data_cell').text(), "pizzapasta");
+
+            form.destroy();
+        });
+
+        QUnit.test('o2m add a line custom control create align with handle', async function (assert) {
+            assert.expect(3);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch:
+                    '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="int_field" widget="handle"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+            });
+
+            // controls correctly added, at one column offset when handle is present
+            var $tr = form.$('.o_field_x2many_list_row_add').closest('tr');
+            assert.strictEqual($tr.find('td').length, 2);
+            assert.strictEqual($tr.find('td:eq(0)').text(), "");
+            assert.strictEqual($tr.find('td:eq(1)').text(), "Add a line");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many form view with action button', async function (assert) {
+            // once the action button is clicked, the record is reloaded (via the
+            // on_close handler, executed because the python method does not return
+            // any action, or an ir.action.act_window_close) ; this test ensures that
+            // it reloads the fields of the opened view (i.e. the form in this case).
+            // See https://github.com/odoo/odoo/issues/24189
+            assert.expect(7);
+
+            var data = this.data;
+            data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: data,
+                res_id: 1,
+                arch: '<form string="Partners">' +
+                    '<field name="p">' +
+                    '<tree><field name="display_name"/></tree>' +
+                    '<form>' +
+                    '<button type="action" string="Set Timmy"/>' +
+                    '<field name="timmy"/>' +
+                    '</form>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner_type,false,list': '<tree><field name="display_name"/></tree>',
+                },
+                intercepts: {
+                    execute_action: function (ev) {
+                        data.partner.records[1].display_name = 'new name';
+                        data.partner.records[1].timmy = [12];
+                        ev.data.on_closed();
+                    },
+                },
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row',
+                "there should be one record in the one2many");
+            assert.strictEqual(form.$('.o_data_cell').text(), 'second record',
+                "initial display_name of o2m record should be correct");
+
+            // open one2many record in form view
+            await testUtils.dom.click(form.$('.o_data_cell:first'));
+            assert.strictEqual($('.modal .o_form_view').length, 1,
+                "should have opened the form view in a dialog");
+            assert.strictEqual($('.modal .o_form_view .o_data_row').length, 0,
+                "there should be no record in the many2many");
+
+            // click on the action button
+            await testUtils.dom.click($('.modal .o_form_view button'));
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                "fields in the o2m form view should have been read");
+            assert.strictEqual($('.modal .o_data_cell').text(), 'gold',
+                "many2many subrecord should have been fetched");
+
+            // save the dialog
+            await testUtils.dom.click($('.modal .modal-footer .btn-primary'));
+
+            assert.strictEqual(form.$('.o_data_cell').text(), 'new name',
+                "fields in the o2m list view should have been read as well");
+
+            form.destroy();
+        });
+
+        QUnit.test('onchange affecting inline unopened list view', async function (assert) {
+            // when we got onchange result for fields of record that were not
+            // already available because they were in a inline view not already
+            // opened, in a given configuration the change were applied ignoring
+            // existing data, thus a line of a one2many field inside a one2many
+            // field could be duplicated unexplectedly
+            assert.expect(5);
+
+            var numUserOnchange = 0;
+
+            this.data.user.onchanges = {
+                partner_ids: function (obj) {
+                    if (numUserOnchange === 0) {
+                        // simulate proper server onchange after save of modal with new record
+                        obj.partner_ids = [
+                            [5],
+                            [1, 1, {
+                                display_name: 'first record',
+                                turtles: [
+                                    [5],
+                                    [1, 2, { 'display_name': 'donatello' }],
+                                ],
+                            }],
+                            [1, 2, {
+                                display_name: 'second record',
+                                turtles: [
+                                    [5],
+                                    obj.partner_ids[1][2].turtles[0],
+                                ],
+                            }],
+                        ];
+                    }
+                    numUserOnchange++;
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'user',
+                data: this.data,
+                arch: '<form><sheet><group>' +
+                    '<field name="partner_ids">' +
+                    '<form>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>' +
+                    '<tree>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</group></sheet></form>',
+                res_id: 17,
+            });
+
+            // add a turtle on second partner
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_data_row:eq(1)'));
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+            $('.modal input[name="display_name"]').val('michelangelo').change();
+            await testUtils.dom.click($('.modal .btn-primary'));
+            // open first partner so changes from previous action are applied
+            await testUtils.dom.click(form.$('.o_data_row:eq(0)'));
+            await testUtils.dom.click($('.modal .btn-primary'));
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(numUserOnchange, 2,
+                'there should 2 and only 2 onchange from closing the partner modal');
+
+            await testUtils.dom.click(form.$('.o_data_row:eq(0)'));
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                'only 1 turtle for first partner');
+            assert.strictEqual($('.modal .o_data_row').text(), 'donatello',
+                'first partner turtle is donatello');
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+
+            await testUtils.dom.click(form.$('.o_data_row:eq(1)'));
+            assert.strictEqual($('.modal .o_data_row').length, 1,
+                'only 1 turtle for second partner');
+            assert.strictEqual($('.modal .o_data_row').text(), 'michelangelo',
+                'second partner turtle is michelangelo');
+            await testUtils.dom.click($('.modal .o_form_button_cancel'));
+
+            form.destroy();
+        });
+
+        QUnit.test('click on URL should not open the record', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].turtles = [1];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree>' +
+                    '<field name="display_name" widget="email"/>' +
+                    '<field name="turtle_foo" widget="url"/>' +
+                    '</tree>' +
+                    '<form></form>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            await testUtils.dom.click(form.$('.o_email_cell a'));
+            assert.strictEqual($('.modal .o_form_view').length, 0,
+                'click should not open the modal');
+
+            await testUtils.dom.click(form.$('.o_url_cell a'));
+            assert.strictEqual($('.modal .o_form_view').length, 0,
+                'click should not open the modal');
+            form.destroy();
+        });
+
+        QUnit.test('create and edit on m2o in o2m, and press ESCAPE', async function (assert) {
+            assert.expect(4);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="turtles">' +
+                    '<tree editable="top">' +
+                    '<field name="turtle_trululu"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                archs: {
+                    'partner,false,form': '<form><field name="display_name"/></form>',
+                },
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsOnce(form, '.o_selected_row',
+                "should have create a new row in edition");
+
+            await testUtils.fields.many2one.createAndEdit('turtle_trululu', "ABC");
+
+            assert.strictEqual($('.modal .o_form_view').length, 1,
+                "should have opened a form view in a dialog");
+
+            await testUtils.fields.triggerKeydown($('.modal .o_form_view .o_field_widget[name=display_name]'), 'escape');
+
+            assert.strictEqual($('.modal .o_form_view').length, 0,
+                "should have closed the dialog");
+            assert.containsOnce(form, '.o_selected_row',
+                "new row should still be present");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many add a line should not crash if orderedResIDs is not set', async function (assert) {
+            // There is no assertion, the code will just crash before the bugfix.
+            assert.expect(0);
+
+            this.data.partner.records[0].turtles = [];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<header>' +
+                    '<button name="post" type="object" string="Validate" class="oe_highlight"/>' +
+                    '</header>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                viewOptions: {
+                    mode: 'edit',
+                },
+                intercepts: {
+                    execute_action: function (event) {
+                        event.data.on_fail();
+                    },
+                },
+            });
+
+            await testUtils.dom.click($('button[name="post"]'));
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            form.destroy();
+        });
+
+        QUnit.test('one2many shortcut tab should not crash when there is no input widget', async function (assert) {
+            assert.expect(2);
+
+            // create a one2many view which has no input (only 1 textarea in this case)
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo" widget="text"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            // add a row, fill it, then trigger the tab shortcut
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_input[name="turtle_foo"]'), 'ninja');
+            await testUtils.fields.triggerKeydown(form.$('.o_input[name="turtle_foo"]'), 'tab');
+
+            assert.strictEqual(form.$('.o_field_text').text(), 'blipninja',
+                'current line should be saved');
+            assert.containsOnce(form, 'textarea.o_field_text',
+                'new line should be created');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with onchange, required field, shortcut enter', async function (assert) {
+            assert.expect(5);
+
+            this.data.turtle.onchanges = {
+                turtle_foo: function () { },
+            };
+
+            var prom;
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo" required="1"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    var result = this._super.apply(this, arguments);
+                    if (args.method === 'onchange') {
+                        return Promise.resolve(prom).then(_.constant(result));
+                    }
+                    return result;
+                },
+                // simulate what happens in the client:
+                // the new value isn't notified directly to the model
+                fieldDebounce: 5000,
+            });
+
+            var value = "hello";
+
+            // add a new line
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            // we want to add a delay to simulate an onchange
+            prom = testUtils.makeTestPromise();
+
+            // write something in the field
+            var $input = form.$('input[name="turtle_foo"]');
+            await testUtils.fields.editInput($input, value);
+            await testUtils.fields.triggerKeydown($input, 'enter');
+
+            // check that nothing changed before the onchange finished
+            assert.strictEqual($input.val(), value, "input content shouldn't change");
+            assert.containsOnce(form, '.o_data_row',
+                "should still contain only one row");
+
+            // unlock onchange
+            prom.resolve();
+            await testUtils.nextTick();
+
+            // check the current line is added with the correct content and a new line is editable
+            assert.strictEqual(form.$('td.o_data_cell').text(), value);
+            assert.strictEqual(form.$('input[name="turtle_foo"]').val(), '');
+            assert.containsN(form, '.o_data_row', 2,
+                "should now contain two rows");
+
+            form.destroy();
+        });
+
+        QUnit.test('no deadlock when leaving a one2many line with uncommitted changes', async function (assert) {
+            // Before unselecting a o2m line, field widgets are asked to commit their changes (new values
+            // that they wouldn't have sent to the model yet). This test is added alongside a bug fix
+            // ensuring that we don't end up in a deadlock when a widget actually has some changes to
+            // commit at that moment.
+            assert.expect(9);
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="turtles">' +
+                    '<tree editable="bottom">' +
+                    '<field name="turtle_foo"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    assert.step(args.method);
+                    return this._super.apply(this, arguments);
+                },
+                // we set a fieldDebounce to precisely mock the behavior of the webclient: changes are
+                // not sent to the model at keystrokes, but when the input is left
+                fieldDebounce: 5000,
+            });
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=turtles] input'), 'some foo value');
+
+            // click to add a second row to unselect the current one, then save
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            await testUtils.form.clickSave(form);
+
+            assert.containsOnce(form, '.o_form_readonly',
+                "form view should be in readonly");
+            assert.strictEqual(form.$('.o_data_row').text(), 'some foo value',
+                "foo field should have correct value");
+            assert.verifySteps([
+                'onchange', // main record
+                'onchange', // line 1
+                'onchange', // line 2
+                'create',
+                'read', // main record
+                'read', // line 1
+            ]);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with extra field from server not in form', async function (assert) {
+            assert.expect(6);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<field name="p" >' +
+                    '<tree>' +
+                    '<field name="datetime"/>' +
+                    '<field name="display_name"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,form': '<form>' +
+                        '<field name="display_name"/>' +
+                        '</form>'
+                },
+                mockRPC: function (route, args) {
+                    if (route === '/web/dataset/call_kw/partner/write') {
+                        args.args[1].p[0][2].datetime = '2018-04-05 12:00:00';
+                    }
+                    return this._super.apply(this, arguments);
+                }
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            var x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Add a record in the list
+            await testUtils.dom.click(x2mList.find('.o_field_x2many_list_row_add a'));
+
+            var modal = $('.modal-lg');
+
+            var nameInput = modal.find('input.o_input[name=display_name]');
+            await testUtils.fields.editInput(nameInput, 'michelangelo');
+
+            // Save the record in the modal (though it is still virtual)
+            await testUtils.dom.click(modal.find('.btn-primary').first());
+
+            assert.equal(x2mList.find('.o_data_row').length, 1,
+                'There should be 1 records in the x2m list');
+
+            var newlyAdded = x2mList.find('.o_data_row').eq(0);
+
+            assert.equal(newlyAdded.find('.o_data_cell').first().text(), '',
+                'The create_date field should be empty');
+            assert.equal(newlyAdded.find('.o_data_cell').eq(1).text(), 'michelangelo',
+                'The display name field should have the right value');
+
+            // Save the whole thing
+            await testUtils.form.clickSave(form);
+
+            x2mList = form.$('.o_field_x2many_list[name=p]');
+
+            // Redo asserts in RO mode after saving
+            assert.equal(x2mList.find('.o_data_row').length, 1,
+                'There should be 1 records in the x2m list');
+
+            newlyAdded = x2mList.find('.o_data_row').eq(0);
+
+            assert.equal(newlyAdded.find('.o_data_cell').first().text(), '04/05/2018 12:00:00',
+                'The create_date field should have the right value');
+            assert.equal(newlyAdded.find('.o_data_cell').eq(1).text(), 'michelangelo',
+                'The display name field should have the right value');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many invisible depends on parent field', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="product_id"/>' +
+                    '</group>' +
+                    '<notebook>' +
+                    '<page string="Partner page">' +
+                    '<field name="bar"/>' +
+                    '<field name="p">' +
+                    '<tree>' +
+                    '<field name="foo" attrs="{\'column_invisible\': [(\'parent.product_id\', \'!=\', False)]}"/>' +
+                    '<field name="bar" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+            });
+            assert.containsN(form, 'th', 2,
+                "should be 2 columns in the one2many");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_many2one[name="product_id"] input'));
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xpad)').trigger('mouseenter'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column when the product_id is set");
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one[name="product_id"] input'),
+                '', 'keyup');
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2,
+                "should be 2 columns in the one2many when product_id is not set");
+            await testUtils.dom.click(form.$('.o_field_boolean[name="bar"] input'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column after the value change");
+            form.destroy();
+        });
+
+        QUnit.test('column_invisible attrs on a button in a one2many list', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.records[0].p = [2];
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="product_id"/>
+                        <field name="p">
+                            <tree>
+                                <field name="foo"/>
+                                <button name="abc" string="Do it" class="some_button" attrs="{'column_invisible': [('parent.product_id', '=', False)]}"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), '');
+            assert.containsN(form, '.o_list_table th', 2); // foo + trash bin
+            assert.containsNone(form, '.some_button');
+
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), 'xphone');
+            assert.containsN(form, '.o_list_table th', 3); // foo + button + trash bin
+            assert.containsOnce(form, '.some_button');
+
+            form.destroy();
+        });
+
+        QUnit.test('column_invisible attrs on adjacent buttons', async function (assert) {
+            assert.expect(14);
+
+            this.data.partner.records[0].p = [2];
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="product_id"/>
+                        <field name="trululu"/>
+                        <field name="p">
+                            <tree>
+                                <button name="abc1" string="Do it 1" class="some_button1"/>
+                                <button name="abc2" string="Do it 2" class="some_button2" attrs="{'column_invisible': [('parent.product_id', '!=', False)]}"/>
+                                <field name="foo"/>
+                                <button name="abc3" string="Do it 3" class="some_button3" attrs="{'column_invisible': [('parent.product_id', '!=', False)]}"/>
+                                <button name="abc4" string="Do it 4" class="some_button4" attrs="{'column_invisible': [('parent.trululu', '!=', False)]}"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), '');
+            assert.strictEqual(form.$('.o_field_widget[name=trululu] input').val(), 'aaa');
+            assert.containsN(form, '.o_list_table th', 4); // button group 1 + foo + button group 2 + trash bin
+            assert.containsOnce(form, '.some_button1');
+            assert.containsOnce(form, '.some_button2');
+            assert.containsOnce(form, '.some_button3');
+            assert.containsNone(form, '.some_button4');
+
+            await testUtils.fields.many2one.clickOpenDropdown('product_id');
+            await testUtils.fields.many2one.clickHighlightedItem('product_id');
+
+            assert.strictEqual(form.$('.o_field_widget[name=product_id] input').val(), 'xphone');
+            assert.strictEqual(form.$('.o_field_widget[name=trululu] input').val(), 'aaa');
+            assert.containsN(form, '.o_list_table th', 3); // button group 1 + foo + trash bin
+            assert.containsOnce(form, '.some_button1');
+            assert.containsNone(form, '.some_button2');
+            assert.containsNone(form, '.some_button3');
+            assert.containsNone(form, '.some_button4');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many column visiblity depends on onchange of parent field', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [2];
+            this.data.partner.records[0].bar = false;
+
+            this.data.partner.onchanges.p = function (obj) {
+                // set bar to true when line is added
+                if (obj.p.length > 1 && obj.p[1][2].foo === 'New line') {
+                    obj.bar = true;
+                }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                    '<field name="bar"/>' +
+                    '<field name="p">' +
+                    '<tree editable="bottom">' +
+                    '<field name="foo"/>' +
+                    '<field name="int_field" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                    '</tree>' +
+                    '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            // bar is false so there should be 1 column
+            assert.containsOnce(form, 'th',
+                "should be only 1 column ('foo') in the one2many");
+            assert.containsOnce(form, '.o_list_view .o_data_row', "should contain one row");
+
+            await testUtils.form.clickEdit(form);
+
+            // add a new o2m record
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            form.$('.o_field_one2many input:first').focus();
+            await testUtils.fields.editInput(form.$('.o_field_one2many input:first'), 'New line');
+            await testUtils.dom.click(form.$el);
+
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2, "should be 2 columns('foo' + 'int_field')");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many column_invisible on view not inline', async function (assert) {
+            assert.expect(4);
+
+            this.data.partner.records[0].p = [2];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form string="Partners">' +
+                    '<sheet>' +
+                    '<group>' +
+                    '<field name="product_id"/>' +
+                    '</group>' +
+                    '<notebook>' +
+                    '<page string="Partner page">' +
+                    '<field name="bar"/>' +
+                    '<field name="p"/>' +
+                    '</page>' +
+                    '</notebook>' +
+                    '</sheet>' +
+                    '</form>',
+                res_id: 1,
+                archs: {
+                    'partner,false,list': '<tree>' +
+                        '<field name="foo" attrs="{\'column_invisible\': [(\'parent.product_id\', \'!=\', False)]}"/>' +
+                        '<field name="bar" attrs="{\'column_invisible\': [(\'parent.bar\', \'=\', False)]}"/>' +
+                        '</tree>',
+                },
+            });
+            assert.containsN(form, 'th', 2,
+                "should be 2 columns in the one2many");
+            await testUtils.form.clickEdit(form);
+            await testUtils.dom.click(form.$('.o_field_many2one[name="product_id"] input'));
+            await testUtils.dom.click($('li.ui-menu-item a:contains(xpad)').trigger('mouseenter'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column when the product_id is set");
+            await testUtils.fields.editAndTrigger(form.$('.o_field_many2one[name="product_id"] input'),
+                '', 'keyup');
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsN(form, 'th:not(.o_list_record_remove_header)', 2,
+                "should be 2 columns in the one2many when product_id is not set");
+            await testUtils.dom.click(form.$('.o_field_boolean[name="bar"] input'));
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, 'th:not(.o_list_record_remove_header)',
+                "should be 1 column after the value change");
+            form.destroy();
+        });
+
+        QUnit.test('field context is correctly passed to x2m subviews', async function (assert) {
+            assert.expect(2);
+
+             var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                        '<field name="turtles" context="{\'some_key\': 1}">' +
+                            '<kanban>' +
+                                '<templates>' +
+                                    '<t t-name="kanban-box">' +
+                                        '<div>' +
+                                            '<t t-if="context.some_key">' +
+                                                '<field name="turtle_foo"/>' +
+                                            '</t>' +
+                                        '</div>' +
+                                    '</t>' +
+                                '</templates>' +
+                            '</kanban>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').length, 1,
+                "should have a record in the relation");
+            assert.strictEqual(form.$('.o_kanban_record span:contains(blip)').length, 1,
+                "condition in the kanban template should have been correctly evaluated");
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many kanban with widget handle', async function (assert) {
+            assert.expect(5);
+
+            this.data.partner.records[0].turtles = [1, 2, 3];
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                        '<field name="turtles">' +
+                            '<kanban>' +
+                                '<field name="turtle_int" widget="handle"/>' +
+                                '<templates>' +
+                                    '<t t-name="kanban-box">' +
+                                        '<div><field name="turtle_foo"/></div>' +
+                                    '</t>' +
+                                '</templates>' +
+                            '</kanban>' +
+                        '</field>' +
+                    '</form>',
+                mockRPC: function (route, args) {
+                    if (args.method === 'write') {
+                        assert.deepEqual(args.args[1], {
+                            turtles: [
+                                [1, 2, {turtle_int: 0}],
+                                [1, 3, {turtle_int: 1}],
+                                [1, 1, {turtle_int: 2}],
+                            ],
+                        });
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').text(), 'yopblipkawa');
+            assert.doesNotHaveClass(form.$('.o_field_one2many .o_kanban_view'), 'ui-sortable');
+
+            await testUtils.form.clickEdit(form);
+
+            assert.hasClass(form.$('.o_field_one2many .o_kanban_view'), 'ui-sortable');
+
+            var $record = form.$('.o_field_one2many[name=turtles] .o_kanban_view .o_kanban_record:first');
+            var $to = form.$('.o_field_one2many[name=turtles] .o_kanban_view .o_kanban_record:nth-child(3)');
+            await testUtils.dom.dragAndDrop($record, $to, {position: "bottom"});
+
+            assert.strictEqual(form.$('.o_kanban_record:not(.o_kanban_ghost)').text(), 'blipkawayop');
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many editable list: edit and click on add a line', async function (assert) {
+            assert.expect(9);
+
+            this.data.turtle.onchanges = {
+                turtle_int: function () {},
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                        '<field name="turtles">' +
+                            '<tree editable="bottom"><field name="turtle_int"/></tree>' +
+                        '</field>' +
+                    '</form>',
+                res_id: 1,
+                mockRPC: function (route, args) {
+                    if (args.method === 'onchange') {
+                        assert.step('onchange');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+                // in this test, we want to to accurately mock what really happens, that is, input
+                // fields only trigger their changes on 'change' event, not on 'input'
+                fieldDebounce: 100000,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            assert.containsOnce(form, '.o_data_row');
+
+            // edit first row
+            await testUtils.dom.click(form.$('.o_data_row:first .o_data_cell:first'));
+            assert.hasClass(form.$('.o_data_row:first'), 'o_selected_row');
+            await testUtils.fields.editInput(form.$('.o_selected_row input[name=turtle_int]'), '44');
+
+            assert.verifySteps([]);
+            // simulate a long click on 'Add a line' (mousedown [delay] mouseup and click events)
+            var $addLine = form.$('.o_field_x2many_list_row_add a');
+            testUtils.dom.triggerEvents($addLine, 'mousedown');
+            // mousedown is supposed to trigger the change event on the edited input, but it doesn't
+            // in the test environment, for an unknown reason, so we trigger it manually to reproduce
+            // what really happens
+            testUtils.dom.triggerEvents(form.$('.o_selected_row input[name=turtle_int]'), 'change');
+            await testUtils.nextTick();
+
+            // release the click
+            await testUtils.dom.triggerEvents($addLine, ['mouseup', 'click']);
+            assert.verifySteps(['onchange', 'onchange']);
+
+            assert.containsN(form, '.o_data_row', 2);
+            assert.strictEqual(form.$('.o_data_row:first').text(), '44');
+            assert.hasClass(form.$('.o_data_row:nth(1)'), 'o_selected_row');
+
+            form.destroy();
+        });
+
+        QUnit.test('many2manys inside a one2many are fetched in batch after onchange', async function (assert) {
+            assert.expect(6);
+
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    obj.turtles = [
+                        [5],
+                        [1, 1, {
+                            turtle_foo: "leonardo",
+                            partner_ids: [[4, 2]],
+                        }],
+                        [1, 2, {
+                            turtle_foo: "donatello",
+                            partner_ids: [[4, 2], [4, 4]],
+                        }],
+                    ];
+                },
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                            '<field name="turtles">' +
+                                '<tree editable="bottom">' +
+                                    '<field name="turtle_foo"/>' +
+                                    '<field name="partner_ids" widget="many2many_tags"/>' +
+                                '</tree>' +
+                            '</field>' +
+                        '</form>',
+                enableBasicModelBachedRPCs: true,
+                mockRPC: function (route, args) {
+                    assert.step(args.method || route);
+                    if (args.method === 'read') {
+                        assert.deepEqual(args.args[0], [2, 4],
+                            'should read the partner_ids once, batched');
+                    }
+                    return this._super.apply(this, arguments);
+                },
+            });
+
+            assert.containsN(form, '.o_data_row', 2);
+            assert.strictEqual(form.$('.o_field_widget[name="partner_ids"]').text().replace(/\s/g, ''),
+                "secondrecordsecondrecordaaa");
+
+            assert.verifySteps(['onchange', 'read']);
+
+            form.destroy();
+        });
+
+        QUnit.test('two one2many fields with same relation and onchanges', async function (assert) {
+            // this test simulates the presence of two one2many fields with onchanges, such that
+            // changes to the first o2m are repercuted on the second one
+            assert.expect(6);
+
+            this.data.partner.fields.turtles2 = {
+                string: "Turtles 2",
+                type: "one2many",
+                relation: 'turtle',
+                relation_field: 'turtle_trululu',
+            };
+            this.data.partner.onchanges = {
+                turtles: function (obj) {
+                    // when we add a line to turtles, add same line to turtles2
+                    if (obj.turtles.length) {
+                        obj.turtles = [[5]].concat(obj.turtles);
+                        obj.turtles2 = obj.turtles;
+                    }
+                },
+                turtles2: function (obj) {
+                    // simulate an onchange on turtles2 as well
+                    if (obj.turtles2.length) {
+                        obj.turtles2 = [[5]].concat(obj.turtles2);
+                    }
+                }
+            };
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                        '<field name="turtles">' +
+                            '<tree editable="bottom"><field name="name" required="1"/></tree>' +
+                        '</field>' +
+                        '<field name="turtles2">' +
+                            '<tree editable="bottom"><field name="name" required="1"/></tree>' +
+                        '</field>' +
+                    '</form>',
+            });
+
+            // trigger first onchange by adding a line in turtles field (should add a line in turtles2)
+            await testUtils.dom.click(form.$('.o_field_widget[name="turtles"] .o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtles"] .o_field_widget[name="name"]'), 'ABC');
+
+            assert.containsOnce(form, '.o_field_widget[name="turtles"] .o_data_row',
+                'line of first o2m should have been created');
+            assert.containsOnce(form, '.o_field_widget[name="turtles2"] .o_data_row',
+                'line of second o2m should have been created');
+
+            // add a line in turtles2
+            await testUtils.dom.click(form.$('.o_field_widget[name="turtles2"] .o_field_x2many_list_row_add a'));
+            await testUtils.fields.editInput(form.$('.o_field_widget[name="turtles2"] .o_field_widget[name="name"]'), 'DEF');
+
+            assert.containsOnce(form, '.o_field_widget[name="turtles"] .o_data_row',
+                'we should still have 1 line in turtles');
+            assert.containsN(form, '.o_field_widget[name="turtles2"] .o_data_row', 2,
+                'we should have 2 lines in turtles2');
+            assert.hasClass(form.$('.o_field_widget[name="turtles2"] .o_data_row:nth(1)'), 'o_selected_row',
+                'second row should be in edition');
+
+            await testUtils.form.clickSave(form);
+
+            assert.strictEqual(form.$('.o_field_widget[name="turtles2"] .o_data_row').text(), 'ABCDEF');
+
+            form.destroy();
+        });
+
+        QUnit.test('column widths are kept when adding first record in o2m', async function (assert) {
+            assert.expect(2);
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                            '<field name="p">' +
+                                '<tree editable="top">' +
+                                    '<field name="date"/>' +
+                                    '<field name="foo"/>' +
+                                '</tree>' +
+                            '</field>' +
+                        '</form>',
+            });
+
+            var width = form.$('th[data-name="date"]')[0].offsetWidth;
+
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.containsOnce(form, '.o_data_row');
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            form.destroy();
+        });
+
+        QUnit.test('column widths are kept when editing a record in o2m', async function (assert) {
+            assert.expect(2);
+
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                            '<field name="p">' +
+                                '<tree editable="top">' +
+                                    '<field name="date"/>' +
+                                    '<field name="foo"/>' +
+                                '</tree>' +
+                            '</field>' +
+                        '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            var width = form.$('th[data-name="date"]')[0].offsetWidth;
+
+            await testUtils.dom.click(form.$('.o_data_row .o_data_cell:first'));
+
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            var longVal = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit, ' +
+                'justo nec tincidunt feugiat, mi justo suscipit libero, sit amet tempus ipsum ' +
+                'purus bibendum est.';
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=foo]'), longVal);
+
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            form.destroy();
+        });
+
+        QUnit.test('column widths are kept when remove last record in o2m', async function (assert) {
+            assert.expect(1);
+
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                            '<field name="p">' +
+                                '<tree editable="top">' +
+                                    '<field name="date"/>' +
+                                    '<field name="foo"/>' +
+                                '</tree>' +
+                            '</field>' +
+                        '</form>',
+                res_id: 1,
+                viewOptions: {
+                    mode: 'edit',
+                },
+            });
+
+            var width = form.$('th[data-name="date"]')[0].offsetWidth;
+
+            await testUtils.dom.click(form.$('.o_data_row .o_list_record_remove'));
+
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            form.destroy();
+        });
+
+        QUnit.test('column widths are correct after toggling optional fields', async function (assert) {
+            assert.expect(2);
+
+            var RamStorageService = AbstractStorageService.extend({
+                storage: new RamStorage(),
+            });
+
+            this.data.partner.records[0].p = [2];
+
+            var form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: '<form>' +
+                            '<field name="p">' +
+                                '<tree editable="top">' +
+                                    '<field name="date" required="1"/>' + // we want the list to remain empty
+                                    '<field name="foo"/>' +
+                                    '<field name="int_field" optional="1"/>' +
+                                '</tree>' +
+                            '</field>' +
+                        '</form>',
+                services: {
+                    local_storage: RamStorageService,
+                },
+            });
+
+            // date fields have an hardcoded width, which apply when there is no
+            // record, and should be kept afterwards
+            let width = form.$('th[data-name="date"]')[0].offsetWidth;
+
+            // create a record to store the current widths, but discard it directly to keep
+            // the list empty (otherwise, the browser automatically computes the optimal widths)
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            await testUtils.dom.click(form.$('.o_optional_columns_dropdown_toggle'));
+            await testUtils.dom.click(form.$('div.o_optional_columns div.dropdown-item input'));
+
+            assert.strictEqual(form.$('th[data-name="date"]')[0].offsetWidth, width);
+
+            form.destroy();
+        });
+
+        QUnit.test('editable one2many list with oe_read_only button', async function (assert) {
+            assert.expect(9);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form>
+                        <field name="turtles">
+                            <tree editable="bottom">
+                                <field name="turtle_foo"/>
+                                <button name="do_it" type="object" class="oe_read_only"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                res_id: 1,
+            });
+
+            assert.containsN(form, '.o_list_view thead th:visible', 2);
+            assert.containsN(form, '.o_list_view tbody .o_data_row td:visible', 2);
+            assert.containsN(form, '.o_list_view tfoot td:visible', 2);
+            assert.containsNone(form, '.o_list_record_remove_header');
+
+            await testUtils.form.clickEdit(form);
+
+            // should have two visible columns in edit: foo + trash
+            assert.hasClass(form.$('.o_form_view'), 'o_form_editable');
+            assert.containsN(form, '.o_list_view thead th:visible', 2);
+            assert.containsN(form, '.o_list_view tbody .o_data_row td:visible', 2);
+            assert.containsN(form, '.o_list_view tfoot td:visible', 2);
+            assert.containsOnce(form, '.o_list_record_remove_header');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many reset by onchange (of another field) while being edited', async function (assert) {
+            // In this test, we have a many2one and a one2many. The many2one has an onchange that
+            // updates the value of the one2many. We set a new value to the many2one (name_create)
+            // such that the onchange is delayed. During the name_create, we click to add a new row
+            // to the one2many. After a while, we unlock the name_create, which triggers the onchange
+            // and resets the one2many. At the end, we want the row to be in edition.
+            assert.expect(3);
+
+            const prom = testUtils.makeTestPromise();
+            this.data.partner.onchanges = {
+                trululu: obj => {
+                    obj.p = [[5]].concat(obj.p);
+                },
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="trululu"/>
+                        <field name="p">
+                            <tree editable="top"><field name="product_id" required="1"/></tree>
+                        </field>
+                    </form>`,
+                mockRPC: function (route, args) {
+                    const result = this._super.apply(this, arguments);
+                    if (args.method === 'name_create') {
+                        return prom.then(() => result);
+                    }
+                    return result;
+                },
+            });
+
+            // set a new value for trululu (will delay the onchange)
+            await testUtils.fields.many2one.searchAndClickItem('trululu', {search: 'new value'});
+
+            // add a row in p
+            await testUtils.dom.click(form.$('.o_field_x2many_list_row_add a'));
+            assert.containsNone(form, '.o_data_row');
+
+            // resolve the name_create to trigger the onchange, and the reset of p
+            prom.resolve();
+            await testUtils.nextTick();
+            // use of owlCompatibilityNextTick because we have two sequential updates of the
+            // fieldX2Many: one because of the onchange, and one because of the click on add a line.
+            // As an update requires an update of the ControlPanel, which is an Owl Component, and
+            // waits for it, we need to wait for two animation frames before seeing the new line in
+            // the DOM
+            await testUtils.owlCompatibilityNextTick();
+            assert.containsOnce(form, '.o_data_row');
+            assert.hasClass(form.$('.o_data_row'), 'o_selected_row');
+
+            form.destroy();
+        });
+
+        QUnit.skip('one2many with many2many_tags in list and list in form with a limit', async function (assert) {
+            // This test is skipped for now, as it doesn't work, and it can't be fixed in the current
+            // architecture (without large changes). However, this is unlikely to happen as the default
+            // limit is 80, and it would be useless to display so many records with a many2many_tags
+            // widget. So it would be nice if we could make it work in the future, but it's no big
+            // deal for now.
+            assert.expect(6);
+
+            this.data.partner.records[0].p = [1];
+            this.data.partner.records[0].turtles = [1, 2, 3];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p">
+                            <tree>
+                                <field name="turtles" widget="many2many_tags"/>
+                            </tree>
+                            <form>
+                                <field name="turtles">
+                                    <tree limit="2"><field name="display_name"/></tree>
+                                </field>
+                            </form>
+                        </field>
+                    </form>`,
+                res_id: 1,
+            });
+
+            assert.containsOnce(form, '.o_field_widget[name=p] .o_data_row');
+            assert.containsN(form, '.o_data_row .o_field_many2manytags .badge', 3);
+
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsN(document.body, '.modal .o_field_widget[name=turtles] .o_data_row', 2);
+            assert.isVisible($('.modal .o_field_x2many_list .o_pager'));
+            assert.strictEqual($(".modal .o_field_x2many_list .o_pager").text().trim(), '1-2 / 3');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with many2many_tags in list and list in form, and onchange', async function (assert) {
+            assert.expect(8);
+
+            this.data.partner.onchanges = {
+                bar: function (obj) {
+                    obj.p = [
+                        [5],
+                        [0, 0, {
+                            turtles: [
+                                [5],
+                                [0, 0, {
+                                    display_name: 'new turtle',
+                                }]
+                            ],
+                        }]
+                    ];
+                },
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p">
+                            <tree>
+                                <field name="turtles" widget="many2many_tags"/>
+                            </tree>
+                            <form>
+                                <field name="turtles">
+                                    <tree editable="bottom"><field name="display_name"/></tree>
+                                </field>
+                            </form>
+                        </field>
+                    </form>`,
+            });
+
+            assert.containsOnce(form, '.o_field_widget[name=p] .o_data_row');
+            assert.containsOnce(form, '.o_data_row .o_field_many2manytags .badge');
+
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+            assert.containsOnce(document.body, '.modal .o_field_widget[name=turtles] .o_data_row');
+            assert.strictEqual($('.modal .o_field_widget[name=turtles] .o_data_row').text(), 'new turtle');
+
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+            assert.containsN(document.body, '.modal .o_field_widget[name=turtles] .o_data_row', 2);
+            assert.strictEqual($('.modal .o_field_widget[name=turtles] .o_data_row:first').text(), 'new turtle');
+            assert.hasClass($('.modal .o_field_widget[name=turtles] .o_data_row:nth(1)'), 'o_selected_row');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many with many2many_tags in list and list in form, and onchange (2)', async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.onchanges = {
+                bar: function (obj) {
+                    obj.p = [
+                        [5],
+                        [0, 0, {
+                            turtles: [
+                                [5],
+                                [0, 0, {
+                                    display_name: 'new turtle',
+                                }]
+                            ],
+                        }]
+                    ];
+                },
+            };
+            this.data.turtle.onchanges = {
+                turtle_foo: function (obj) {
+                    obj.display_name = obj.turtle_foo;
+                },
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p">
+                            <tree>
+                                <field name="turtles" widget="many2many_tags"/>
+                            </tree>
+                            <form>
+                                <field name="turtles">
+                                    <tree editable="bottom">
+                                        <field name="turtle_foo" required="1"/>
+                                    </tree>
+                                </field>
+                            </form>
+                        </field>
+                    </form>`,
+            });
+
+            assert.containsOnce(form, '.o_field_widget[name=p] .o_data_row');
+
+            await testUtils.dom.click(form.$('.o_data_row'));
+
+            assert.containsOnce(document.body, '.modal .o_form_view');
+
+            await testUtils.dom.click($('.modal .o_field_x2many_list_row_add a'));
+            assert.containsN(document.body, '.modal .o_field_widget[name=turtles] .o_data_row', 2);
+
+            await testUtils.fields.editInput($('.modal .o_selected_row input'), 'another one');
+            await testUtils.modal.clickButton('Save & Close');
+
+            assert.containsNone(document.body, '.modal');
+
+            assert.containsOnce(form, '.o_field_widget[name=p] .o_data_row');
+            assert.containsN(form, '.o_data_row .o_field_many2manytags .badge', 2);
+            assert.strictEqual(form.$('.o_data_row .o_field_many2manytags .o_badge_text').text(),
+                'new turtleanother one');
+
+            form.destroy();
+        });
+
+        QUnit.test('one2many value returned by onchange with unknown fields', async function (assert) {
+            assert.expect(3);
+
+            this.data.partner.onchanges = {
+                bar: function (obj) {
+                    obj.p = [
+                        [5],
+                        [0, 0, {
+                            bar: true,
+                            display_name: "coucou",
+                            trululu: [2, 'second record'],
+                            turtles: [[5], [0, 0, {turtle_int: 4}]],
+                        }]
+                    ];
+                },
+            };
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="bar"/>
+                        <field name="p" widget="many2many_tags"/>
+                    </form>`,
+                mockRPC(route, args) {
+                    if (args.method === 'create') {
+                        assert.deepEqual(args.args[0].p[0][2], {
+                            bar: true,
+                            display_name: "coucou",
+                            trululu: 2,
+                            turtles: [[5], [0, 0, {turtle_int: 4}]],
+                        });
+                    }
+                    return this._super(...arguments);
+                },
+            });
+
+            assert.containsOnce(form, '.o_field_many2manytags .badge');
+            assert.strictEqual(form.$('.o_field_many2manytags .o_badge_text').text(), 'coucou');
+
+            await testUtils.form.clickSave(form);
+
+            form.destroy();
+        });
+
+        QUnit.test('mounted is called only once for x2many control panel', async function (assert) {
+            // This test could be removed as soon as the field widgets will be converted in owl.
+            // It comes with a fix for a bug that occurred because in some circonstances, 'mounted'
+            // is called twice for the x2many control panel.
+            // Specifically, this occurs when there is 'pad' widget in the form view, because this
+            // widget does a 'setValue' in its 'start', which thus resets the field x2many.
+            assert.expect(5);
+
+            const PadLikeWidget = fieldRegistry.get('char').extend({
+                start() {
+                    this._setValue("some value");
+                }
+            });
+            fieldRegistry.add('pad_like', PadLikeWidget);
+
+            let resolveCP;
+            const prom = new Promise(r => {
+                resolveCP = r;
+            });
+            ControlPanel.patch('cp_patch_mock', T =>
+                class extends T {
+                    constructor() {
+                        super(...arguments);
+                        owl.hooks.onMounted(() => {
+                            assert.step('mounted');
+                        });
+                        owl.hooks.onWillUnmount(() => {
+                            assert.step('willUnmount');
+                        });
+                    }
+                    async update() {
+                        // the issue is a race condition, so we manually delay the update to turn it deterministic
+                        await prom;
+                        super.update(...arguments);
+                    }
+                }
+            );
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="foo" widget="pad_like"/>
+                        <field name="p">
+                            <tree><field name="display_name"/></tree>
+                        </field>
+                    </form>`,
+                viewOptions: {
+                    withControlPanel: false, // s.t. there is only one CP: the one of the x2many
+                },
+            });
+
+            assert.verifySteps(['mounted']);
+
+            resolveCP();
+            await testUtils.nextTick();
+
+            assert.verifySteps([]);
+
+            ControlPanel.unpatch('cp_patch_mock');
+            delete fieldRegistry.map.pad_like;
+            form.destroy();
+
+            assert.verifySteps(["willUnmount"]);
+        });
+
+        QUnit.test('one2many: internal state is updated after another field changes', async function (assert) {
+            // The FieldOne2Many is configured such that it is reset at any field change.
+            // The MatrixProductConfigurator feature relies on that, and requires that its
+            // internal state is correctly updated. This white-box test artificially checks that.
+            assert.expect(2);
+
+            let o2m;
+            testUtils.patch(FieldOne2Many, {
+                init() {
+                    this._super(...arguments);
+                    o2m = this;
+                },
+            });
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="display_name"/>
+                        <field name="p">
+                            <tree><field name="display_name"/></tree>
+                        </field>
+                    </form>`,
+            });
+
+            assert.strictEqual(o2m.recordData.display_name, false);
+
+            await testUtils.fields.editInput(form.$('.o_field_widget[name=display_name]'), 'val');
+
+            assert.strictEqual(o2m.recordData.display_name, "val");
+
+            form.destroy();
+            testUtils.unpatch(FieldOne2Many);
+        });
+
+        QUnit.test('nested one2many, onchange, no command value', async function (assert) {
+            // This test ensures that we always send all values to onchange rpcs for nested
+            // one2manys, even if some field hasn't changed. In this particular test case,
+            // a first onchange returns a value for the inner one2many, and a second onchange
+            // removes it, thus restoring the field to its initial empty value. From this point,
+            // the nested one2many value must still be sent to onchange rpcs (on the main record),
+            // as it might be used to compute other fields (so the fact that the nested o2m is empty
+            // must be explicit).
+            assert.expect(3);
+
+            this.data.turtle.fields.o2m = {
+                string: "o2m", type: "one2many", relation: 'partner', relation_field: 'trululu',
+            };
+            this.data.turtle.fields.turtle_bar.default = true;
+            this.data.partner.onchanges.turtles = function (obj) {};
+            this.data.turtle.onchanges.turtle_bar = function (obj) {
+                if (obj.turtle_bar) {
+                    obj.o2m = [[5], [0, false, { display_name: "default" }]];
+                } else {
+                    obj.o2m = [[5]];
+                }
+            };
+
+            let step = 1;
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `<form>
+                        <field name="turtles">
+                            <tree editable="bottom">
+                                <field name="o2m"/>
+                                <field name="turtle_bar"/>
+                            </tree>
+                        </field>
+                    </form>`,
+                async mockRPC(route, args) {
+                    if (step === 3 && args.method === 'onchange' && args.model === 'partner') {
+                        assert.deepEqual(args.args[1].turtles[0][2], {
+                            turtle_bar: false,
+                            o2m: [], // we must send a value for this field
+                        });
+                    }
+                    const result = await this._super(...arguments);
+                    if (args.model === 'turtle') {
+                        // sanity checks; this is what the onchanges on turtle must return
+                        if (step === 2) {
+                            assert.deepEqual(result.value, {
+                                o2m: [[5], [0, false, { display_name: "default" }]],
+                                turtle_bar: true,
+                            });
+                        }
+                        if (step === 3) {
+                            assert.deepEqual(result.value, {
+                                o2m: [[5]],
+                            });
+                        }
+                    }
+                    return result;
+                },
+            });
+
+            step = 2;
+            await testUtils.dom.click(form.$('.o_field_x2many_list .o_field_x2many_list_row_add a'));
+            // use of owlCompatibilityNextTick because we have an x2many field with a boolean field
+            // (written in owl), so when we add a line, we sequentially render the list itself
+            // (including the boolean field), so we have to wait for the next animation frame, and
+            // then we render the control panel (also in owl), so we have to wait again for the
+            // next animation frame
+            await testUtils.owlCompatibilityNextTick();
+            step = 3;
+            await testUtils.dom.click(form.$('.o_data_row .o_field_boolean input'));
+
+            form.destroy();
+        });
+
+        QUnit.test('update a one2many from a custom field widget', async function (assert) {
+            // In this test, we define a custom field widget to render/update a one2many
+            // field. For the update part, we ensure that updating primitive fields of a sub
+            // record works. There is no guarantee that updating a relational field on the sub
+            // record would work. Deleting a sub record works as well. However, creating sub
+            // records isn't supported. There are obviously a lot of limitations, but the code
+            // hasn't been designed to support all this. This test simply encodes what can be
+            // done, and this comment explains what can't (and won't be implemented in stable
+            // versions).
+            assert.expect(3);
+
+            this.data.partner.records[0].p = [1, 2];
+            const MyRelationalField = AbstractField.extend({
+                events: {
+                    'click .update': '_onUpdate',
+                    'click .delete': '_onDelete',
+                },
+                async _render() {
+                    const records = await this._rpc({
+                        method: 'read',
+                        model: 'partner',
+                        args: [this.value.res_ids],
+                    });
+                    this.$el.text(records.map(r => `${r.display_name}/${r.int_field}`).join(', '));
+                    this.$el.append($('<button class="update fa fa-edit">'));
+                    this.$el.append($('<button class="delete fa fa-trash">'));
+                },
+                _onUpdate() {
+                    this._setValue({
+                        operation: 'UPDATE',
+                        id: this.value.data[0].id,
+                        data: {
+                            display_name: 'new name',
+                            int_field: 44,
+                        },
+                    });
+                },
+                _onDelete() {
+                    this._setValue({
+                        operation: 'DELETE',
+                        ids: [this.value.data[0].id],
+                    });
+                },
+            });
+            fieldRegistry.add('my_relational_field', MyRelationalField);
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form>
+                        <field name="p" widget="my_relational_field"/>
+                    </form>`,
+                res_id: 1,
+            });
+
+            assert.strictEqual(form.$('.o_field_widget[name=p]').text(), 'first record/10, second record/9');
+
+            await testUtils.dom.click(form.$('button.update'));
+
+            assert.strictEqual(form.$('.o_field_widget[name=p]').text(), 'new name/44, second record/9');
+
+            await testUtils.dom.click(form.$('button.delete'));
+
+            assert.strictEqual(form.$('.o_field_widget[name=p]').text(), 'second record/9');
+
+            form.destroy();
+            delete fieldRegistry.map.my_relational_field;
+        });
+
+        QUnit.test('reordering embedded one2many with handle widget starting with same sequence', async function (assert) {
+            assert.expect(3);
+
+            this.data.turtle = {
+                fields: {turtle_int: {string: "int", type: "integer", sortable: true}},
+                records: [
+                    {id: 1, turtle_int: 1},
+                    {id: 2, turtle_int: 1},
+                    {id: 3, turtle_int: 1},
+                    {id: 4, turtle_int: 2},
+                    {id: 5, turtle_int: 3},
+                    {id: 6, turtle_int: 4},
+                ],
+            };
+            this.data.partner.records[0].turtles = [1, 2, 3, 4, 5, 6];
+
+            const form = await createView({
+                View: FormView,
+                model: 'partner',
+                data: this.data,
+                arch: `
+                    <form string="Partners">
+                        <sheet>
+                            <notebook>
+                                <page string="P page">
+                                    <field name="turtles">
+                                        <tree default_order="turtle_int">
+                                            <field name="turtle_int" widget="handle"/>
+                                            <field name="id"/>
+                                        </tree>
+                                    </field>
+                                </page>
+                            </notebook>
+                        </sheet>
+                    </form>`,
+                res_id: 1,
+            });
+
+            await testUtils.form.clickEdit(form);
+
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "123456", "default should be sorted by id");
+
+            // Drag and drop the fourth line in first position
+            await testUtils.dom.dragAndDrop(
+                form.$('.ui-sortable-handle').eq(3),
+                form.$('tbody tr').first(),
+                {position: 'top'}
+            );
+            assert.strictEqual(form.$('td.o_data_cell:not(.o_handle_cell)').text(), "412356", "should still have the 6 rows in the correct order");
+
+            await testUtils.form.clickSave(form);
+
+            assert.deepEqual(_.map(this.data.turtle.records, function (turtle) {
+                return _.pick(turtle, 'id', 'turtle_int');
+            }), [
+                {id: 1, turtle_int: 2},
+                {id: 2, turtle_int: 3},
+                {id: 3, turtle_int: 4},
+                {id: 4, turtle_int: 1},
+                {id: 5, turtle_int: 5},
+                {id: 6, turtle_int: 6},
+            ], "should have saved the updated turtle_int sequence");
+
+            form.destroy();
+        });
+    });
+});
+});
-- 
cgit v1.2.3