合并企业版代码(未测试，先提交到测试分支)

web_enterprise/static/tests/legacy/action_manager_mobile_tests.js

@@ -0,0 +1,128 @@
+/** @odoo-module **/
+
+import { createWebClient, doAction, getActionManagerServerData, loadState } from "@web/../tests/webclient/helpers";
+import { click, getFixture, legacyExtraNextTick } from "@web/../tests/helpers/utils";
+
+let serverData;
+let target;
+
+QUnit.module('ActionManager', {
+    beforeEach() {
+        serverData = getActionManagerServerData();
+        target = getFixture();
+        Object.assign(serverData, {
+            actions: {
+                1: {
+                    id: 1,
+                    name: 'Partners Action 1',
+                    res_model: 'partner',
+                    type: 'ir.actions.act_window',
+                    views: [[false, 'list'], [false, 'kanban'], [false, 'form']],
+                },
+                2: {
+                    id: 2,
+                    name: 'Partners Action 2',
+                    res_model: 'partner',
+                    type: 'ir.actions.act_window',
+                    views: [[false, 'list'], [false, 'form']],
+                },
+            },
+            views: {
+                'partner,false,kanban': `
+                <kanban>
+                    <templates>
+                        <t t-name="kanban-box">
+                            <div class="oe_kanban_global_click">
+                                <field name="foo"/>
+                            </div>
+                        </t>
+                    </templates>
+                </kanban>`,
+                'partner,false,list': '<tree><field name="foo"/></tree>',
+                'partner,false,form':
+                    `<form>
+                    <group>
+                        <field name="display_name"/>
+                    </group>
+                </form>`,
+                'partner,false,search': '<search><field name="foo" string="Foo"/></search>',
+            },
+            models: {
+                partner: {
+                    fields: {
+                        foo: { string: "Foo", type: "char" },
+                    },
+                    records: [
+                        { id: 1, display_name: "First record", foo: "yop" },
+                    ],
+                },
+            },
+        });
+    },
+});
+
+QUnit.test('uses a mobile-friendly view by default (if possible)', async function (assert) {
+    const webClient = await createWebClient({ serverData });
+    // should default on a mobile-friendly view (kanban) for action 1
+    await doAction(webClient, 1);
+
+    assert.containsNone(target, '.o_list_view');
+    assert.containsOnce(target, '.o_kanban_view');
+
+    // there is no mobile-friendly view for action 2, should use the first one (list)
+    await doAction(webClient, 2);
+
+    assert.containsOnce(target, '.o_list_view');
+    assert.containsNone(target, '.o_kanban_view');
+});
+
+QUnit.test('lazy load mobile-friendly view', async function (assert) {
+    const mockRPC = (route, args) => {
+        assert.step(args.method || route);
+    };
+
+    const webClient = await createWebClient({ serverData, mockRPC });
+
+    await loadState(webClient, {
+        action: 1,
+        view_type: 'form',
+    });
+
+    assert.containsNone(target, '.o_list_view');
+    assert.containsNone(target, '.o_kanban_view');
+    assert.containsOnce(target, '.o_form_view');
+
+    // go back to lazy loaded view
+    await click(target, '.o_control_panel .breadcrumb .o_back_button');
+    await legacyExtraNextTick();
+    assert.containsNone(target, '.o_form_view');
+    assert.containsNone(target, '.o_list_view');
+    assert.containsOnce(target, '.o_kanban_view');
+
+    assert.verifySteps([
+        '/web/webclient/load_menus',
+        '/web/action/load',
+        'get_views',
+        'onchange', // default_get/onchange to open form view
+        'web_search_read', // web search read when coming back to Kanban
+    ]);
+});
+
+QUnit.test('view switcher button should be displayed in dropdown on mobile screens', async function (assert) {
+    // This test will spawn a kanban view (mobile friendly).
+    // so, the "legacy" code won't be tested here.
+    const webClient = await createWebClient({ serverData });
+
+    await doAction(webClient, 1);
+
+    assert.containsOnce(target.querySelector('.o_control_panel'), '.o_cp_switch_buttons > .o-dropdown > button');
+    assert.containsNone(target.querySelector('.o_control_panel'), '.o_cp_switch_buttons .o-dropdown--menu .o_switch_view.o_kanban');
+    assert.containsNone(target.querySelector('.o_control_panel'), '.o_cp_switch_buttons .o-dropdown--menu button.o_switch_view');
+
+    assert.hasClass(target.querySelector('.o_control_panel .o_cp_switch_buttons > .o-dropdown > button > i'), 'oi-view-kanban');
+    await click(target, '.o_control_panel .o_cp_switch_buttons > .o-dropdown > button');
+
+    assert.hasClass(target.querySelector('.o_cp_switch_buttons .o-dropdown--menu button.o_switch_view.o_kanban'), 'active');
+    assert.doesNotHaveClass(target.querySelector('.o_cp_switch_buttons .o-dropdown--menu button.o_switch_view.o_list'), 'active');
+    assert.hasClass(target.querySelector('.o_cp_switch_buttons .o-dropdown--menu button.o_switch_view.o_kanban'), 'oi-view-kanban');
+});