atomico/src/tests/hooks/use-public.test.js

Atomico is a small library for the creation of interfaces based on web-components, only using functions and hooks.

import { h, usePublic } from "../../core/core";
import { customElementScope } from "../utils";

describe("usePublic", () => {
    it("define from render a public element to the web-component", async () => {
        let defaultValue = "Atomico!";

        let field = "any";

        function Wc() {
            usePublic(field, defaultValue);
            return <host />;
        }

        let node = customElementScope(Wc);

        document.body.appendChild(node);

        await node.rendered;

        expect(node[field]).toBe(defaultValue);
    });
});