odoo_source/addons/web/static/tests/webclient/actions/effects_tests.js

/** @odoo-module **/

import { registry } from "@web/core/registry";
import { NotificationContainer } from "@web/core/notifications/notification_container";
import { EffectContainer } from "@web/webclient/effects/effect_container";
import testUtils from "web.test_utils";
import { clearRegistryWithCleanup } from "../../helpers/mock_env";
import { makeFakeUserService } from "../../helpers/mock_services";
import { click, legacyExtraNextTick, nextTick } from "../../helpers/utils";
import { createWebClient, doAction, getActionManagerTestConfig } from "./helpers";

let testConfig;

const mainComponentRegistry = registry.category("main_components");
const serviceRegistry = registry.category("services");

QUnit.module("ActionManager", (hooks) => {
    hooks.beforeEach(() => {
        testConfig = getActionManagerTestConfig();
    });

    QUnit.module("Effects");

    QUnit.test("rainbowman integrated to webClient", async function (assert) {
        assert.expect(10);
        serviceRegistry.add("user", makeFakeUserService({ showEffect: true }), {
            force: true,
        });
        clearRegistryWithCleanup(mainComponentRegistry);
        mainComponentRegistry.add("EffectContainer", EffectContainer);
        const webClient = await createWebClient({ testConfig });
        await doAction(webClient, 1);
        assert.containsOnce(webClient.el, ".o_kanban_view");
        assert.containsNone(webClient.el, ".o_reward");
        webClient.env.services.effect.rainbowMan({ message: "", fadeout: "no" });
        await nextTick();
        await legacyExtraNextTick();
        assert.containsOnce(webClient.el, ".o_reward");
        assert.containsOnce(webClient.el, ".o_kanban_view");
        await testUtils.dom.click(webClient.el.querySelector(".o_kanban_record"));
        await legacyExtraNextTick();
        assert.containsNone(webClient.el, ".o_reward");
        assert.containsOnce(webClient.el, ".o_kanban_view");
        webClient.env.services.effect.rainbowMan({ message: "", fadeout: "no" });
        await nextTick();
        await legacyExtraNextTick();
        assert.containsOnce(webClient.el, ".o_reward");
        assert.containsOnce(webClient.el, ".o_kanban_view");
        // Do not force rainbow man to destroy on doAction
        // we let it die either after its animation or on user click
        await doAction(webClient, 3);
        assert.containsOnce(webClient.el, ".o_reward");
        assert.containsOnce(webClient.el, ".o_list_view");
    });

    QUnit.test("show effect notification instead of rainbow man", async function (assert) {
        assert.expect(6);
        clearRegistryWithCleanup(mainComponentRegistry);
        mainComponentRegistry.add("NotificationContainer", NotificationContainer);

        const webClient = await createWebClient({ testConfig });
        await doAction(webClient, 1);
        assert.containsOnce(webClient.el, ".o_kanban_view");
        assert.containsNone(webClient.el, ".o_reward");
        assert.containsNone(webClient.el, ".o_notification");
        webClient.env.services.effect.rainbowMan({ message: "", fadeout: "no" });
        await nextTick();
        await legacyExtraNextTick();
        assert.containsOnce(webClient.el, ".o_kanban_view");
        assert.containsNone(webClient.el, ".o_reward");
        assert.containsOnce(webClient.el, ".o_notification");
    });

    QUnit.test("on close with effect from server", async function (assert) {
        assert.expect(1);
        serviceRegistry.add("user", makeFakeUserService({ showEffect: true }), {
            force: true,
        });
        const mockRPC = async (route, args) => {
            if (route === "/web/dataset/call_button") {
                return Promise.resolve({
                    type: "ir.actions.act_window_close",
                    effect: {
                        type: "rainbow_man",
                        message: "button called",
                    },
                });
            }
        };
        clearRegistryWithCleanup(mainComponentRegistry);
        mainComponentRegistry.add("EffectContainer", EffectContainer);
        const webClient = await createWebClient({ testConfig, mockRPC });
        await doAction(webClient, 6);
        await click(webClient.el.querySelector('button[name="object"]'));
        assert.containsOnce(webClient, ".o_reward");
    });

    QUnit.test("on close with effect in xml", async function (assert) {
        assert.expect(2);
        testConfig.serverData.views["partner,false,form"] = `
    <form>
      <header>
        <button string="Call method" name="object" type="object"
         effect="{'type': 'rainbow_man', 'message': 'rainBowInXML'}"
        />
      </header>
      <field name="display_name"/>
    </form>`;
        serviceRegistry.add("user", makeFakeUserService({ showEffect: true }), {
            force: true,
        });
        const mockRPC = async (route, args) => {
            if (route === "/web/dataset/call_button") {
                return Promise.resolve(false);
            }
        };
        clearRegistryWithCleanup(mainComponentRegistry);
        mainComponentRegistry.add("EffectContainer", EffectContainer);

        const webClient = await createWebClient({ testConfig, mockRPC });
        await doAction(webClient, 6);
        await click(webClient.el.querySelector('button[name="object"]'));
        await legacyExtraNextTick();
        assert.containsOnce(webClient.el, ".o_reward");
        assert.strictEqual(
            webClient.el.querySelector(".o_reward .o_reward_msg_content").textContent,
            "rainBowInXML"
        );
    });
});