vanilla 17.0

odoo-bringout-oca-ocb-web/web/static/tests/public/public_component_service_test.js

@@ -0,0 +1,59 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { publicComponentService } from "@web/public/public_component_service";
+import { getFixture, mount, nextTick } from "../helpers/utils";
+import { makeTestEnv } from "../helpers/mock_env";
+import { Component, xml } from "@odoo/owl";
+
+let target;
+
+const serviceRegistry = registry.category("services");
+const publicComponentRegistry = registry.category("public_components");
+
+QUnit.module("Public Component Service", (hooks) => {
+    hooks.beforeEach(() => {
+        target = getFixture();
+        serviceRegistry.add("public_components", publicComponentService);
+    });
+    QUnit.test("render Public Component", async (assert) => {
+        class MyPublicComp extends Component {
+            static template = xml`<div class="my_public_comp" t-esc="value" />`;
+            setup() {
+                const type = typeof this.props.info;
+                this.value = type === "object" ? JSON.stringify(this.props.info) : this.props.info;
+                assert.step(`MyPublicComp: ${this.value} - ${type}`);
+            }
+        }
+        publicComponentRegistry.add("my_public_comp", MyPublicComp);
+
+        class MyComponent extends Component {
+            static template = xml`
+                <div>
+                    <owl-component name="my_public_comp" props='{"info": "blibli"}'/>
+                    <owl-component name="my_public_comp" props='{"info": 3}'/>
+                    <owl-component name="my_public_comp" props='{"info": {"test": "plop"}}'/>
+                </div>`;
+        }
+        const env = await makeTestEnv({});
+        await mount(MyComponent, target, { env });
+
+        await env.services.public_components.mountComponents();
+        await nextTick();
+        assert.containsN(target, ".my_public_comp", 3);
+        assert.deepEqual(
+            [...target.querySelectorAll(".my_public_comp")].map((el) => el.textContent),
+            ["blibli", "3", '{"test":"plop"}']
+        );
+
+        env.services.public_components.destroyComponents();
+        await nextTick();
+        assert.containsN(target, ".my_public_comp", 0);
+
+        assert.verifySteps([
+            "MyPublicComp: blibli - string",
+            "MyPublicComp: 3 - number",
+            'MyPublicComp: {"test":"plop"} - object',
+        ]);
+    });
+});