[REF] web: Control panel tests

Use of the new helpers in control panel (and subcomponents) tests and addition
of new tests.

Part of task 2196029

Co-authored-by: Mathieu Duckerts-Antoine <dam@odoo.com>

1 files changed, 231 insertions, 0 deletions

diff --git a/addons/web/static/tests/components/action_menus_tests.js b/addons/web/static/tests/components/action_menus_tests.js
new file mode 100644
index 00000000000..e17ae95ba78
--- /dev/null
+++ b/addons/web/static/tests/components/action_menus_tests.js
@@ -0,0 +1,231 @@
+odoo.define('web.action_menus_tests', function (require) {
+    "use strict";
+
+    const ActionMenus = require('web.ActionMenus');
+    const Registry = require('web.Registry');
+    const testUtils = require('web.test_utils');
+
+    const cpHelpers = testUtils.controlPanel;
+    const { createComponent } = testUtils;
+
+    QUnit.module('Components', {
+        beforeEach() {
+            this.action = {
+                res_model: 'hobbit',
+            };
+            this.view = {
+                // needed by google_drive module, makes sense to give a view anyway.
+                type: 'form',
+            };
+            this.props = {
+                activeIds: [23],
+                context: {},
+                items: {
+                    action: [
+                        { action: { id: 1 }, name: "What's taters, precious ?", id: 1 },
+                    ],
+                    print: [
+                        { action: { id: 2 }, name: "Po-ta-toes", id: 2 },
+                    ],
+                    other: [
+                        { description: "Boil'em", callback() { } },
+                        { description: "Mash'em", callback() { } },
+                        { description: "Stick'em in a stew", url: '#stew' },
+                    ],
+                },
+            };
+            // Patch the registry of the action menus
+            this.actionMenusRegistry = ActionMenus.registry;
+            ActionMenus.registry = new Registry();
+        },
+        afterEach() {
+            ActionMenus.registry = this.actionMenusRegistry;
+        },
+    }, function () {
+
+        QUnit.module('ActionMenus');
+
+        QUnit.test('basic interactions', async function (assert) {
+            assert.expect(10);
+
+            const actionMenus = await createComponent(ActionMenus, {
+                env: {
+                    action: this.action,
+                    view: this.view,
+                },
+                props: this.props,
+            });
+
+            const dropdowns = actionMenus.el.getElementsByClassName('o_dropdown');
+            assert.strictEqual(dropdowns.length, 2, "ActionMenus should contain 2 menus");
+            assert.strictEqual(dropdowns[0].querySelector('.o_dropdown_title').innerText.trim(), "Print");
+            assert.strictEqual(dropdowns[1].querySelector('.o_dropdown_title').innerText.trim(), "Action");
+            assert.containsNone(actionMenus, '.o_dropdown_menu');
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Action");
+
+            assert.containsOnce(actionMenus, '.o_dropdown_menu');
+            assert.containsN(actionMenus, '.o_dropdown_menu .o_menu_item', 4);
+            const actionsTexts = [...dropdowns[1].querySelectorAll('.o_menu_item')].map(el => el.innerText.trim());
+            assert.deepEqual(actionsTexts, [
+                "Boil'em",
+                "Mash'em",
+                "Stick'em in a stew",
+                "What's taters, precious ?",
+            ], "callbacks should appear before actions");
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Print");
+
+            assert.containsOnce(actionMenus, '.o_dropdown_menu');
+            assert.containsN(actionMenus, '.o_dropdown_menu .o_menu_item', 1);
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Print");
+
+            assert.containsNone(actionMenus, '.o_dropdown_menu');
+
+            actionMenus.destroy();
+        });
+
+        QUnit.test('execute action', async function (assert) {
+            assert.expect(4);
+
+            const actionMenus = await createComponent(ActionMenus, {
+                env: {
+                    action: this.action,
+                    view: this.view,
+                },
+                props: this.props,
+                intercepts: {
+                    'do-action': ev => assert.step('do-action'),
+                },
+                async mockRPC(route, args) {
+                    switch (route) {
+                        case '/web/action/load':
+                            const expectedContext = {
+                                active_id: 23,
+                                active_ids: [23],
+                                active_model: 'hobbit',
+                            };
+                            assert.deepEqual(args.context, expectedContext);
+                            assert.step('load-action');
+                            return { context: {}, flags: {} };
+                        default:
+                            return this._super(...arguments);
+
+                    }
+                },
+            });
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Action");
+            await cpHelpers.toggleMenuItem(actionMenus, "What's taters, precious ?");
+
+            assert.verifySteps(['load-action', 'do-action']);
+
+            actionMenus.destroy();
+        });
+
+        QUnit.test('execute callback action', async function (assert) {
+            assert.expect(2);
+
+            const callbackPromise = testUtils.makeTestPromise();
+            this.props.items.other[0].callback = function (items) {
+                assert.strictEqual(items.length, 1);
+                assert.strictEqual(items[0].description, "Boil'em");
+                callbackPromise.resolve();
+            };
+
+            const actionMenus = await createComponent(ActionMenus, {
+                env: {
+                    action: this.action,
+                    view: this.view,
+                },
+                props: this.props,
+                async mockRPC(route, args) {
+                    switch (route) {
+                        case '/web/action/load':
+                            throw new Error("No action should be loaded.");
+                        default:
+                            return this._super(...arguments);
+                    }
+                },
+            });
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Action");
+            await cpHelpers.toggleMenuItem(actionMenus, "Boil'em");
+
+            await callbackPromise;
+
+            actionMenus.destroy();
+        });
+
+        QUnit.test('execute print action', async function (assert) {
+            assert.expect(4);
+
+            const actionMenus = await createComponent(ActionMenus, {
+                env: {
+                    action: this.action,
+                    view: this.view,
+                },
+                intercepts: {
+                    'do-action': ev => assert.step('do-action'),
+                },
+                props: this.props,
+                async mockRPC(route, args) {
+                    switch (route) {
+                        case '/web/action/load':
+                            const expectedContext = {
+                                active_id: 23,
+                                active_ids: [23],
+                                active_model: 'hobbit',
+                            };
+                            assert.deepEqual(args.context, expectedContext);
+                            assert.step('load-action');
+                            return { context: {}, flags: {} };
+                        default:
+                            return this._super(...arguments);
+
+                    }
+                },
+            });
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Print");
+            await cpHelpers.toggleMenuItem(actionMenus, "Po-ta-toes");
+
+            assert.verifySteps(['load-action', 'do-action']);
+
+            actionMenus.destroy();
+        });
+
+        QUnit.test('execute url action', async function (assert) {
+            assert.expect(2);
+
+            const actionMenus = await createComponent(ActionMenus, {
+                env: {
+                    action: this.action,
+                    services: {
+                        navigate(url) {
+                            assert.step(url);
+                        },
+                    },
+                    view: this.view,
+                },
+                props: this.props,
+                async mockRPC(route, args) {
+                    switch (route) {
+                        case '/web/action/load':
+                            throw new Error("No action should be loaded.");
+                        default:
+                            return this._super(...arguments);
+                    }
+                },
+            });
+
+            await cpHelpers.toggleActionMenu(actionMenus, "Action");
+            await cpHelpers.toggleMenuItem(actionMenus, "Stick'em in a stew");
+
+            assert.verifySteps(['#stew']);
+
+            actionMenus.destroy();
+        });
+    });
+});