@saltcorn/data 0.9.4-beta.8 → 0.9.4

package/dist/tests/edit.test.js

@@ -510,4 +510,562 @@ const mkConfig = (hasSave, onChange) => {
         });
     });
 });
+const accordionConfig = {
+    name: "authoredit1",
+    configuration: {
+        layout: {
+            type: "tabs",
+            ntabs: "2",
+            tabId: "",
+            showif: [null, "pages<800"],
+            titles: ["By {{ author }}", "Publisher Tab title {{ publisher }}"],
+            contents: [
+                {
+                    font: "",
+                    icon: "",
+                    type: "blank",
+                    block: false,
+                    style: {},
+                    inline: false,
+                    contents: "Hello 1",
+                    labelFor: "",
+                    isFormula: {},
+                    textStyle: "",
+                },
+                {
+                    above: [
+                        {
+                            font: "",
+                            icon: "",
+                            type: "blank",
+                            block: false,
+                            style: {},
+                            inline: false,
+                            contents: "Publisher JF:&nbsp;",
+                            labelFor: "",
+                            isFormula: {},
+                            textStyle: "",
+                        },
+                        {
+                            type: "join_field",
+                            block: false,
+                            fieldview: "show_with_html",
+                            textStyle: "",
+                            join_field: "publisher.name",
+                            configuration: {
+                                code: "<span>the publisher {{it}} </span>",
+                            },
+                        },
+                    ],
+                },
+            ],
+            deeplink: true,
+            tabsStyle: "Accordion",
+            independent: false,
+            startClosed: false,
+            serverRendered: false,
+            disable_inactive: false,
+        },
+        columns: [
+            {
+                type: "JoinField",
+                block: false,
+                fieldview: "show_with_html",
+                textStyle: "",
+                join_field: "publisher.name",
+                configuration: {
+                    code: "<span>the publisher {{it}} </span>",
+                },
+            },
+        ],
+    },
+};
+const mkViewWithCfg = async (viewCfg) => {
+    return await view_1.default.create({
+        viewtemplate: "Edit",
+        description: "",
+        min_role: 1,
+        name: `someView${Math.round(Math.random() * 100000)}`,
+        table_id: table_1.default.findOne("books")?.id,
+        default_render_page: "",
+        slug: {
+            label: "",
+            steps: [],
+        },
+        attributes: {
+            page_title: "",
+            popup_title: "",
+            popup_width: null,
+            popup_link_out: false,
+            popup_minwidth: null,
+            page_description: "",
+            popup_width_units: null,
+            popup_minwidth_units: null,
+            popup_save_indicator: false,
+        },
+        ...viewCfg,
+    });
+};
+(0, globals_1.describe)("Edit config flow", () => {
+    (0, globals_1.it)("should compute for author table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {},
+        });
+        const configFlow = await view.get_config_flow(mockReqRes.req);
+        const result = await configFlow.run({
+            table_id: view.table_id,
+            exttable_name: null,
+            viewname: view.name,
+            ...view.configuration,
+        }, mockReqRes.req);
+        const fieldNames = result?.renderBuilder?.options.fields.map((f) => f.name);
+        (0, globals_1.expect)(fieldNames).toContain("author");
+        (0, globals_1.expect)(fieldNames).not.toContain("password");
+    });
+    (0, globals_1.it)("should compute for users table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {},
+            table_id: table_1.default.findOne("users")?.id,
+        });
+        const configFlow = await view.get_config_flow(mockReqRes.req);
+        const result = await configFlow.run({
+            table_id: view.table_id,
+            exttable_name: null,
+            viewname: view.name,
+            ...view.configuration,
+        }, mockReqRes.req);
+        const fieldNames = result?.renderBuilder?.options.fields.map((f) => f.name);
+        (0, globals_1.expect)(fieldNames).not.toContain("author");
+        (0, globals_1.expect)(fieldNames).toContain("password");
+        (0, globals_1.expect)(fieldNames).toContain("email");
+    });
+});
+(0, globals_1.describe)("Edit view with accordion and join fields", () => {
+    (0, globals_1.it)("should run", async () => {
+        const view = await mkViewWithCfg(accordionConfig);
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(">By Herman Melville<");
+        (0, globals_1.expect)(vres1).not.toContain(">Publisher Tab title");
+        (0, globals_1.expect)(vres1).not.toContain(">Publisher JF:");
+        const vres2 = await view.run({ id: 2 }, mockReqRes);
+        (0, globals_1.expect)(vres2).toContain(">By Leo Tolstoy<");
+        (0, globals_1.expect)(vres2).toContain(">Publisher Tab title 1<");
+        (0, globals_1.expect)(vres2).toContain(" data-source-url=");
+    });
+});
+(0, globals_1.describe)("Edit view components", () => {
+    (0, globals_1.it)("runs on_page_load action", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    type: "action",
+                    block: false,
+                    rndid: "b6fd72",
+                    nsteps: 1,
+                    confirm: false,
+                    minRole: 100,
+                    isFormula: {},
+                    action_icon: "",
+                    action_name: "toast",
+                    action_label: "",
+                    action_style: "on_page_load",
+                    configuration: {
+                        text: "Hello!",
+                        notify_type: "Notify",
+                    },
+                },
+                columns: [
+                    {
+                        type: "Action",
+                        rndid: "b6fd72",
+                        nsteps: 1,
+                        confirm: false,
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "toast",
+                        action_label: "",
+                        action_style: "on_page_load",
+                        configuration: {
+                            text: "Hello!",
+                            notify_type: "Notify",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toBe(`<form data-viewname="${view.name}" action="/view/${view.name}" class="form-namespace " method="post" data-row-values="%7B%22user%22%3A%7B%22id%22%3A1%2C%22role_id%22%3A1%7D%2C%22author%22%3A%22Herman%20Melville%22%2C%22pages%22%3A967%2C%22publisher%22%3Anull%7D"><input type="hidden" name="_csrf" value=""><input type="hidden" class="form-control  " name="id" value="1"><script>(function(f){if (document.readyState === "complete") f(); else document.addEventListener(\'DOMContentLoaded\',()=>setTimeout(f),false)})(function(){common_done({"notify":"Hello!"}, "${view.name}")});</script></form>`);
+    });
+    (0, globals_1.it)("runs button action", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    type: "action",
+                    block: false,
+                    rndid: "b6fd72",
+                    nsteps: 1,
+                    confirm: false,
+                    minRole: 100,
+                    isFormula: {},
+                    action_icon: "",
+                    action_name: "toast",
+                    action_label: "",
+                    action_style: "btn btn-primary",
+                    configuration: {
+                        text: "Hello!",
+                        notify_type: "Notify",
+                    },
+                },
+                columns: [
+                    {
+                        type: "Action",
+                        rndid: "b6fd72",
+                        nsteps: 1,
+                        confirm: false,
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "toast",
+                        action_label: "",
+                        action_style: "btn btn-primary",
+                        configuration: {
+                            text: "Hello!",
+                            notify_type: "Notify",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toBe(`<form data-viewname="${view.name}" action="/view/${view.name}" class="form-namespace " method="post" data-row-values="%7B%22user%22%3A%7B%22id%22%3A1%2C%22role_id%22%3A1%7D%2C%22author%22%3A%22Herman%20Melville%22%2C%22pages%22%3A967%2C%22publisher%22%3Anull%7D"><input type="hidden" name="_csrf" value=""><input type="hidden" class="form-control  " name="id" value="1"><a href="javascript:view_post('${view.name}', 'run_action', {rndid:'b6fd72', ...get_form_record({viewname: '${view.name}'})});" class="btn btn btn-primary ">toast</a></form>`);
+        mockReqRes.reset();
+        const body = { rndid: "b6fd72", id: "1" };
+        await view.runRoute("run_action", body, mockReqRes.res, { req: { body } }, false);
+        (0, globals_1.expect)(mockReqRes.getStored().json).toStrictEqual({
+            notify: "Hello!",
+            success: "ok",
+        });
+    });
+    (0, globals_1.it)("runs button action with form input", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    above: [
+                        {
+                            type: "field",
+                            block: false,
+                            fieldview: "edit",
+                            textStyle: "",
+                            field_name: "author",
+                            configuration: {},
+                        },
+                        {
+                            type: "action",
+                            block: false,
+                            rndid: "40bb3f",
+                            nsteps: "",
+                            minRole: 100,
+                            isFormula: {},
+                            action_icon: "",
+                            action_name: "toast",
+                            action_size: "",
+                            action_bgcol: "",
+                            action_label: "",
+                            action_style: "btn-primary",
+                            configuration: {
+                                text: "Hello from {{ author}}",
+                                notify_type: "Notify",
+                            },
+                            step_only_ifs: "",
+                            action_textcol: "",
+                            action_bordercol: "",
+                            step_action_names: "",
+                        },
+                    ],
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "edit",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                    {
+                        type: "Action",
+                        rndid: "40bb3f",
+                        nsteps: "",
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "toast",
+                        action_size: "",
+                        action_bgcol: "",
+                        action_label: "",
+                        action_style: "btn-primary",
+                        configuration: {
+                            text: "Hello {{ user.email}} from {{ author}}",
+                            notify_type: "Notify",
+                        },
+                        step_only_ifs: "",
+                        action_textcol: "",
+                        action_bordercol: "",
+                        step_action_names: "",
+                    },
+                ],
+            },
+        });
+        mockReqRes.reset();
+        const body = {
+            rndid: "40bb3f",
+            user: {
+                email: "admin@bar.com",
+                id: 1,
+                role_id: 1,
+                language: "en",
+            },
+            author: "Chris Date",
+        };
+        await view.runRoute("run_action", body, mockReqRes.res, {
+            req: {
+                body,
+                user: {
+                    email: "admin@foo.com",
+                    id: 1,
+                    role_id: 1,
+                    language: "en",
+                },
+            },
+        }, false);
+        (0, globals_1.expect)(mockReqRes.getStored().json).toStrictEqual({
+            notify: "Hello admin@foo.com from Chris Date",
+            success: "ok",
+        });
+    });
+    (0, globals_1.it)("runs button action with fixed inputs", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                fixed: {
+                    author: "MrFoo",
+                },
+                layout: {
+                    type: "action",
+                    block: false,
+                    rndid: "ca9d71",
+                    nsteps: 1,
+                    confirm: false,
+                    minRole: 100,
+                    isFormula: {},
+                    action_icon: "",
+                    action_name: "toast",
+                    action_label: "",
+                    configuration: {
+                        text: "Hello {{ user.email}} from {{ author}}",
+                        notify_type: "Notify",
+                    },
+                },
+                columns: [
+                    {
+                        type: "Action",
+                        rndid: "ca9d71",
+                        nsteps: 1,
+                        confirm: false,
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "toast",
+                        action_label: "",
+                        configuration: {
+                            text: "Hello {{ user.email}} from {{ author}}",
+                            notify_type: "Notify",
+                        },
+                    },
+                ],
+            },
+        });
+        mockReqRes.reset();
+        const body = {
+            rndid: "ca9d71",
+            user: {
+                email: "admin@bar.com",
+                id: 1,
+                role_id: 1,
+                language: "en",
+            },
+        };
+        await view.runRoute("run_action", body, mockReqRes.res, {
+            req: {
+                body,
+                user: {
+                    email: "admin@foo.com",
+                    id: 1,
+                    role_id: 1,
+                    language: "en",
+                },
+            },
+        }, false);
+        (0, globals_1.expect)(mockReqRes.getStored().json).toStrictEqual({
+            notify: "Hello admin@foo.com from MrFoo",
+            success: "ok",
+        });
+    });
+    (0, globals_1.it)("view link independent same table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    type: "view_link",
+                    view: "patientlist",
+                    block: false,
+                    minRole: 100,
+                    relation: ".",
+                    isFormula: {},
+                    link_icon: "",
+                    view_label: "",
+                },
+                columns: [
+                    {
+                        type: "ViewLink",
+                        view: "patientlist",
+                        block: false,
+                        label: "",
+                        minRole: 100,
+                        relation: ".",
+                        link_icon: "",
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/patientlist">patientlist</a>');
+        // TODO FIX THIS
+        //const vres0 = await view.run({}, mockReqRes);
+        //expect(vres0).toContain('<a href="/view/patientlist">patientlist</a>');
+    });
+    (0, globals_1.it)("view link independent different table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    type: "view_link",
+                    view: "list_employees",
+                    block: false,
+                    minRole: 100,
+                    relation: ".",
+                    isFormula: {},
+                    link_icon: "",
+                    view_label: "",
+                },
+                columns: [
+                    {
+                        type: "ViewLink",
+                        view: "list_employees",
+                        block: false,
+                        label: "",
+                        minRole: 100,
+                        relation: ".",
+                        link_icon: "",
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/list_employees">list_employees</a>');
+        // TODO FIX THIS
+        //const vres0 = await view.run({}, mockReqRes);
+        //expect(vres0).toContain(
+        //  '<a href="/view/list_employees">list_employees</a>'
+        //);
+    });
+    (0, globals_1.it)("view link children", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    type: "view_link",
+                    view: "patientlist",
+                    block: false,
+                    minRole: 100,
+                    relation: ".books.patients$favbook",
+                    isFormula: {},
+                    link_icon: "",
+                    view_label: "",
+                },
+                columns: [
+                    {
+                        type: "ViewLink",
+                        view: "patientlist",
+                        block: false,
+                        label: "",
+                        minRole: 100,
+                        relation: ".books.patients$favbook",
+                        link_icon: "",
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/patientlist?favbook=1">patientlist</a>');
+        const vres0 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres0).not.toContain("patientlist");
+    });
+    (0, globals_1.it)("embed view independent different table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    name: "f98a40",
+                    type: "view",
+                    view: "list_employees",
+                    state: "shared",
+                    relation: ".",
+                },
+                columns: [],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("my_department");
+        const vres0 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres0).toContain("my_department");
+    });
+    (0, globals_1.it)("embed view independent same table", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    name: "f98a40",
+                    type: "view",
+                    view: "authorlist",
+                    state: "shared",
+                    relation: ".",
+                },
+                columns: [],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(">Leo Tolstoy<");
+        (0, globals_1.expect)(vres1).toContain(">Herman Melville<");
+        const vres0 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres0).toContain(">Leo Tolstoy<");
+        (0, globals_1.expect)(vres0).toContain(">Herman Melville<");
+    });
+    (0, globals_1.it)("embed view children", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    name: "4ff12b",
+                    type: "view",
+                    view: "patientlist",
+                    state: "shared",
+                    relation: ".books.patients$favbook",
+                },
+                columns: [],
+            },
+        });
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("Kirk");
+        (0, globals_1.expect)(vres1).toContain('data-sc-embed-viewname="patientlist"');
+        (0, globals_1.expect)(vres1).not.toContain("Michael");
+        const vres0 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres0).not.toContain('data-sc-embed-viewname="patientlist"');
+        (0, globals_1.expect)(vres0).toContain("<form");
+    });
+});
 //# sourceMappingURL=edit.test.js.map