@saltcorn/data 1.6.0-beta.1 → 1.6.0-beta.2

package/dist/tests/list.test.js

@@ -0,0 +1,1037 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const table_1 = __importDefault(require("../models/table"));
+const field_1 = __importDefault(require("../models/field"));
+const view_1 = __importDefault(require("../models/view"));
+const db_1 = __importDefault(require("../db"));
+const mocks_1 = __importDefault(require("./mocks"));
+const { mockReqRes } = mocks_1.default;
+const { getState } = require("../db/state");
+const globals_1 = require("@jest/globals");
+const assertions_1 = require("./assertions");
+let remoteQueries = false;
+getState().registerPlugin("base", require("../base-plugin"));
+(0, globals_1.afterAll)(db_1.default.close);
+(0, globals_1.beforeAll)(async () => {
+    await require("../db/reset_schema")();
+    await require("../db/fixtures")();
+});
+const mkViewWithCfg = async (viewCfg) => {
+    return await view_1.default.create({
+        viewtemplate: "List",
+        description: "",
+        min_role: 1,
+        name: `someView${Math.round(Math.random() * 100000)}`,
+        table_id: viewCfg.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)("Misc List views", () => {
+    (0, globals_1.it)("interpolates HTML", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "blank",
+                                isHTML: true,
+                                contents: "{{ author}}: {{pages+10}}",
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>Herman Melville: 977</td>");
+    });
+    (0, globals_1.it)("show if true", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            showif: "pages<800",
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).not.toContain("Herman Melville");
+        (0, globals_1.expect)(vres1).toContain("Leo Tolstoy");
+    });
+    (0, globals_1.it)("show if true with joinfield", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            showif: 'publisher?.name === "AK Press"',
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).not.toContain("Herman Melville");
+        (0, globals_1.expect)(vres1).toContain("Leo Tolstoy");
+    });
+    (0, globals_1.it)("list view with dropdown menu", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "dropdown_menu",
+                                block: false,
+                                label: "Menu",
+                                contents: {
+                                    above: [
+                                        {
+                                            type: "view_link",
+                                            view: "show_publisher",
+                                            block: false,
+                                            minRole: 100,
+                                            relation: ".books.publisher",
+                                            isFormula: {
+                                                label: true,
+                                            },
+                                            link_icon: "",
+                                            view_label: "publisher.name",
+                                        },
+                                        {
+                                            type: "action",
+                                            block: false,
+                                            rndid: "f729aa",
+                                            nsteps: 1,
+                                            confirm: false,
+                                            minRole: 100,
+                                            isFormula: {},
+                                            action_icon: "",
+                                            action_name: "Delete",
+                                            action_label: "",
+                                            configuration: {},
+                                        },
+                                    ],
+                                },
+                                action_icon: "",
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "ViewLink",
+                        view: "show_publisher",
+                        block: false,
+                        label: "publisher.name",
+                        minRole: 100,
+                        relation: ".books.publisher",
+                        link_icon: "",
+                    },
+                    {
+                        type: "Action",
+                        rndid: "f729aa",
+                        nsteps: 1,
+                        confirm: false,
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "Delete",
+                        action_label: "",
+                        configuration: {},
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(`ajax_post_btn('/delete/books/1?redirect=/view/${view.name}', true)`);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/show_publisher?id=1">AK Press</a>');
+        (0, globals_1.expect)(vres1).toContain("dropdown-menu");
+    });
+    (0, globals_1.it)("with label formula viewlink", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                fieldview: "as_text",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            header_label: "Author",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "view_link",
+                                view: "show_publisher",
+                                block: false,
+                                minRole: 100,
+                                relation: ".books.publisher",
+                                isFormula: {
+                                    label: true,
+                                },
+                                link_icon: "",
+                                view_label: "publisher.name",
+                            },
+                            alignment: "Default",
+                            header_label: "Publisher",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        fieldview: "as_text",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                    {
+                        type: "ViewLink",
+                        view: "show_publisher",
+                        block: false,
+                        label: "publisher.name",
+                        minRole: 100,
+                        relation: ".books.publisher",
+                        link_icon: "",
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/show_publisher?id=1">AK Press</a>');
+    });
+    (0, globals_1.it)("with label formula viewlink and join field", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                fieldview: "as_text",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            header_label: "Author",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "view_link",
+                                view: "show_publisher",
+                                block: false,
+                                minRole: 100,
+                                relation: ".books.publisher",
+                                isFormula: {
+                                    label: true,
+                                },
+                                link_icon: "",
+                                view_label: "publisher.name",
+                            },
+                            alignment: "Default",
+                            header_label: "Publisher",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "join_field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                join_field: "publisher.name",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        fieldview: "as_text",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                    {
+                        type: "ViewLink",
+                        view: "show_publisher",
+                        block: false,
+                        label: "publisher.name",
+                        minRole: 100,
+                        relation: ".books.publisher",
+                        link_icon: "",
+                    },
+                    {
+                        type: "JoinField",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        join_field: "publisher.name",
+                        configuration: {},
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<a href="/view/show_publisher?id=1">AK Press</a>');
+        (0, globals_1.expect)(vres1).toContain("<td>AK Press</td>");
+    });
+    (0, globals_1.it)("row inclusion", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "show",
+                                textStyle: "",
+                                field_name: "pages",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "show",
+                        textStyle: "",
+                        field_name: "pages",
+                        configuration: {},
+                    },
+                ],
+                default_state: {
+                    include_fml: "pages>800",
+                },
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>Herman Melville</td>");
+        (0, globals_1.expect)(vres1).not.toContain("<td>Leo Tolstoy</td>");
+    });
+    (0, globals_1.it)("row exclusion and click url", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                field_name: "author",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "show",
+                                textStyle: "",
+                                field_name: "pages",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {},
+                    },
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "show",
+                        textStyle: "",
+                        field_name: "pages",
+                        configuration: {},
+                    },
+                ],
+                default_state: {
+                    exclusion_where: "parent === user.id",
+                    exclusion_relation: "patients.favbook",
+                    _row_click_url_formula: "`/view/authorshow?id=${id}`",
+                },
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>Herman Melville</td>");
+        (0, globals_1.expect)(vres1).not.toContain("<td>Leo Tolstoy</td>");
+        (0, globals_1.expect)(vres1).toContain(`<tr data-row-id="1" onclick="location.href='/view/authorshow?id=1'">`);
+    });
+    (0, globals_1.it)("field with fieldview config", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "show_with_html",
+                                textStyle: "",
+                                field_name: "author",
+                                configuration: {
+                                    code: "Low:{{it.toLowerCase()}}",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "show_with_html",
+                        textStyle: "",
+                        field_name: "author",
+                        configuration: {
+                            code: "Low:{{it.toLowerCase()}}",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>Low:herman melville</td>");
+    });
+    (0, globals_1.it)("joinfield with fieldview config", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "join_field",
+                                block: false,
+                                fieldview: "show_with_html",
+                                textStyle: "",
+                                join_field: "publisher.name",
+                                configuration: {
+                                    code: 'pub:{{ (it||"").toLowerCase()}}',
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "JoinField",
+                        block: false,
+                        fieldview: "show_with_html",
+                        textStyle: "",
+                        join_field: "publisher.name",
+                        configuration: {
+                            code: 'pub:{{ (it||"").toLowerCase()}}',
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>pub:ak press</td>");
+    });
+    (0, globals_1.it)("aggregation with int fieldview config", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                stat: "Max",
+                                type: "aggregation",
+                                block: false,
+                                aggwhere: "",
+                                agg_field: "id",
+                                textStyle: "",
+                                agg_relation: "patients.favbook",
+                                agg_fieldview: "show_with_html",
+                                configuration: {
+                                    code: "MAX:{{it}}",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        stat: "Max",
+                        type: "Aggregation",
+                        block: false,
+                        aggwhere: "",
+                        agg_field: "id",
+                        textStyle: "",
+                        agg_relation: "patients.favbook",
+                        agg_fieldview: "show_with_html",
+                        configuration: {
+                            code: "MAX:{{it}}",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<td>MAX:2</td>");
+    });
+    (0, globals_1.it)("aggregation in view_link with formula", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "view_link",
+                                view: "patientlist",
+                                block: false,
+                                minRole: 100,
+                                relation: ".books.patients$favbook",
+                                isFormula: {
+                                    label: true,
+                                },
+                                link_icon: "",
+                                view_label: "patients$favbook$id$count+' patients'",
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "ViewLink",
+                        view: "show_publisher",
+                        block: false,
+                        label: "publisher.name",
+                        minRole: 100,
+                        relation: ".books.publisher",
+                        link_icon: "",
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain('<td><a href="/view/patientlist?favbook=1">1 patients</a></td>');
+    });
+    (0, globals_1.it)("aggregation with int fieldview config", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                stat: "Max",
+                                type: "aggregation",
+                                block: false,
+                                aggwhere: "",
+                                agg_field: "name",
+                                textStyle: "",
+                                agg_relation: "patients.favbook",
+                                agg_fieldview: "code",
+                                configuration: {
+                                    code: "MAX:{{it}}",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        stat: "Max",
+                        type: "Aggregation",
+                        block: false,
+                        aggwhere: "",
+                        agg_field: "name",
+                        textStyle: "",
+                        agg_relation: "patients.favbook",
+                        agg_fieldview: "code",
+                        configuration: {
+                            code: "MAX:{{it}}",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("<code>Michael Douglas</code>");
+    });
+    (0, globals_1.it)("runs button action", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "action",
+                                block: false,
+                                rndid: "d5af6d",
+                                nsteps: 1,
+                                confirm: false,
+                                minRole: 100,
+                                isFormula: {},
+                                action_icon: "",
+                                action_name: "toast",
+                                action_label: "",
+                                configuration: {
+                                    text: "Hello from {{ author }}",
+                                    notify_type: "Notify",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Action",
+                        rndid: "d5af6d",
+                        nsteps: 1,
+                        confirm: false,
+                        minRole: 100,
+                        isFormula: {},
+                        action_icon: "",
+                        action_name: "toast",
+                        action_label: "",
+                        configuration: {
+                            text: "Hello from {{ author}}",
+                            notify_type: "Notify",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(`<a href="javascript:void(0)" class="btn btn-primary " onclick="view_post('${view.name}', 'run_action', {rndid:'d5af6d', id:'1'});">toast</a>`);
+        mockReqRes.reset();
+        const body = { action_name: "toast", id: "1" };
+        await view.runRoute("run_action", body, mockReqRes.res, { req: { ...mockReqRes.req, body }, res: mockReqRes.res }, false);
+        (0, globals_1.expect)(mockReqRes.getStored().json).toStrictEqual({
+            notify: "Hello from Herman Melville",
+            success: "ok",
+        });
+    });
+});
+(0, globals_1.describe)("List sort options", () => {
+    (0, globals_1.it)("sorts according to default sort options", async () => {
+        const layoutColumns = {
+            layout: {
+                besides: [
+                    {
+                        contents: {
+                            type: "field",
+                            block: false,
+                            fieldview: "as_text",
+                            textStyle: "",
+                            field_name: "author",
+                            configuration: {},
+                        },
+                        alignment: "Default",
+                        col_width_units: "px",
+                    },
+                ],
+                list_columns: true,
+            },
+            columns: [
+                {
+                    type: "Field",
+                    block: false,
+                    fieldview: "as_text",
+                    textStyle: "",
+                    field_name: "author",
+                    configuration: {},
+                },
+            ],
+        };
+        const viewAsc = await mkViewWithCfg({
+            configuration: {
+                ...layoutColumns,
+                default_state: {
+                    _order_field: "author",
+                },
+            },
+            name: "BookSortAsc",
+        });
+        const viewDesc = await mkViewWithCfg({
+            configuration: {
+                ...layoutColumns,
+                default_state: {
+                    _order_field: "author",
+                    _descending: true,
+                },
+            },
+            name: "BookSortDesc",
+        });
+        const tBodyAuthors = (authors) => `<tbody>${authors
+            .map(({ nm, ix }) => `<tr data-row-id="${ix}"><td>${nm}</td></tr>`)
+            .join("")}</tbody>`;
+        const vres1 = await viewAsc.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(tBodyAuthors([
+            { nm: "Herman Melville", ix: 1 },
+            { nm: "Leo Tolstoy", ix: 2 },
+        ]));
+        const vres2 = await viewDesc.run({}, mockReqRes);
+        (0, globals_1.expect)(vres2).toContain(tBodyAuthors([
+            { nm: "Leo Tolstoy", ix: 2 },
+            { nm: "Herman Melville", ix: 1 },
+        ]));
+        const vres3 = await viewDesc.run({ _28084_sortby: "pages" }, mockReqRes);
+        (0, globals_1.expect)(vres3).toContain(tBodyAuthors([
+            { nm: "Leo Tolstoy", ix: 2 },
+            { nm: "Herman Melville", ix: 1 },
+        ]));
+        const vres3a = await viewAsc.run({ _8a82a_sortby: "pages" }, mockReqRes);
+        (0, globals_1.expect)(vres3a).toContain(tBodyAuthors([
+            { nm: "Leo Tolstoy", ix: 2 },
+            { nm: "Herman Melville", ix: 1 },
+        ]));
+        const vres4 = await viewDesc.run({ _28084_sortby: "pages", _28084_sortdesc: true }, mockReqRes);
+        (0, globals_1.expect)(vres4).toContain(tBodyAuthors([
+            { nm: "Herman Melville", ix: 1 },
+            { nm: "Leo Tolstoy", ix: 2 },
+        ]));
+    });
+});
+(0, globals_1.describe)("List fieldviews", () => {
+    (0, globals_1.it)("sets up new fields", async () => {
+        const table = table_1.default.findOne({ name: "books" });
+        (0, assertions_1.assertIsSet)(table);
+        await field_1.default.create({
+            table,
+            name: "published",
+            label: "Published",
+            type: "Date",
+        });
+        await field_1.default.create({
+            table,
+            name: "cover_pic",
+            label: "Cover Pic",
+            type: "File",
+        });
+        await table.updateRow({ published: new Date("1971-05.04"), cover_pic: "magrite.png" }, 1);
+    });
+    (0, globals_1.it)("shows image thumbnail", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "Thumbnail",
+                                textStyle: "",
+                                field_name: "cover_pic",
+                                configuration: {
+                                    width: "66",
+                                    expand: true,
+                                    height: "66",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "Thumbnail",
+                        textStyle: "",
+                        field_name: "cover_pic",
+                        configuration: {
+                            width: "66",
+                            expand: true,
+                            height: "66",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(`<img src="/files/resize/66/66/magrite.png" onclick="expand_thumbnail('magrite.png', 'magrite.png')">`);
+    });
+    (0, globals_1.it)("relative date", async () => {
+        const view = await mkViewWithCfg({
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "relative",
+                                textStyle: "",
+                                field_name: "published",
+                                configuration: {
+                                    width: "66",
+                                    expand: true,
+                                    height: "66",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                        {
+                            contents: {
+                                type: "field",
+                                block: false,
+                                fieldview: "format",
+                                textStyle: "",
+                                field_name: "published",
+                                configuration: {
+                                    format: "YYYY",
+                                },
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "relative",
+                        textStyle: "",
+                        field_name: "published",
+                        configuration: {
+                            width: "66",
+                            expand: true,
+                            height: "66",
+                        },
+                    },
+                    {
+                        type: "Field",
+                        block: false,
+                        fieldview: "format",
+                        textStyle: "",
+                        field_name: "published",
+                        configuration: {
+                            format: "YYYY",
+                        },
+                    },
+                ],
+            },
+        });
+        const vres1 = await view.run({}, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain(`years ago<`);
+        (0, globals_1.expect)(vres1).toContain(`>1971</time>`);
+    });
+});
+(0, globals_1.describe)("one-to-one joinfields", () => {
+    (0, globals_1.it)("should setup", async () => {
+        const parents = await table_1.default.create("O2O Parent");
+        const children = await table_1.default.create("O2O Child");
+        await field_1.default.create({
+            name: "name",
+            label: "Name",
+            type: "String",
+            table: parents,
+        });
+        await field_1.default.create({
+            name: "name",
+            label: "Name",
+            type: "String",
+            table: children,
+        });
+        await field_1.default.create({
+            name: "other",
+            label: "Other",
+            type: "Key to O2O Parent",
+            is_unique: true,
+            table: children,
+        });
+        const parid = await parents.insertRow({ name: "TheParent" });
+        await children.insertRow({ name: "TheChild", other: parid });
+        await mkViewWithCfg({
+            name: "list_o2o",
+            table_id: parents.id,
+            configuration: {
+                layout: {
+                    besides: [
+                        {
+                            contents: {
+                                type: "field",
+                                fieldview: "as_text",
+                                field_name: "name",
+                                configuration: {},
+                            },
+                            header_label: "name",
+                        },
+                        {
+                            contents: {
+                                type: "join_field",
+                                block: false,
+                                fieldview: "as_text",
+                                textStyle: "",
+                                join_field: "O2O Child.other->name",
+                                configuration: {},
+                            },
+                            alignment: "Default",
+                            col_width_units: "px",
+                        },
+                    ],
+                    list_columns: true,
+                },
+                columns: [
+                    {
+                        type: "Field",
+                        fieldview: "as_text",
+                        field_name: "name",
+                        configuration: {},
+                    },
+                    {
+                        type: "JoinField",
+                        block: false,
+                        fieldview: "as_text",
+                        textStyle: "",
+                        join_field: "O2O Child.other->name",
+                        configuration: {},
+                    },
+                ],
+            },
+        });
+        const view = view_1.default.findOne({ name: "list_o2o" });
+        (0, assertions_1.assertIsSet)(view);
+        const vres1 = await view.run({ id: 1 }, mockReqRes);
+        (0, globals_1.expect)(vres1).toContain("TheChild");
+    });
+});
+//sorting
+//# sourceMappingURL=list.test.js.map