@saltcorn/server 0.9.6-beta.14 → 0.9.6-beta.16

package/locales/en.json

@@ -1427,8 +1427,16 @@
 	"xcodebuild": "xcodebuild",
 	"Provisioning Profile": "Provisioning Profile",
 	"Registry editor": "Registry editor",
+	"Mobile HTML": "Mobile HTML",
+	"HTML for the item in the bottom navigation bar. Currently, only supported by the metronic theme.": "HTML for the item in the bottom navigation bar. Currently, only supported by the metronic theme.",
 	"A short name that will be in the page URL": "A short name that will be in the page URL",
 	"A longer description that is not visible but appears in the page header and is indexed by search engines": "A longer description that is not visible but appears in the page header and is indexed by search engines",
 	"User role required to access page": "User role required to access page",
-	"Example: <code>`/view/TheOtherView?id=${id}`</code>": "Example: <code>`/view/TheOtherView?id=${id}`</code>"
+	"Example: <code>`/view/TheOtherView?id=${id}`</code>": "Example: <code>`/view/TheOtherView?id=${id}`</code>",
+	"Older": "Older",
+	"Newest": "Newest",
+	"Delete all read": "Delete all read",
+	"Trigger %s duplicated as %s": "Trigger %s duplicated as %s",
+	"Tooltip": "Tooltip",
+	"Tooltip formula": "Tooltip formula"
 }

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@saltcorn/server",
-  "version": "0.9.6-beta.14",
+  "version": "0.9.6-beta.16",
   "description": "Server app for Saltcorn, open-source no-code platform",
   "homepage": "https://saltcorn.com",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
     "@aws-sdk/client-s3": "^3.451.0",
-    "@saltcorn/base-plugin": "0.9.6-beta.14",
-    "@saltcorn/builder": "0.9.6-beta.14",
-    "@saltcorn/data": "0.9.6-beta.14",
-    "@saltcorn/admin-models": "0.9.6-beta.14",
-    "@saltcorn/filemanager": "0.9.6-beta.14",
-    "@saltcorn/markup": "0.9.6-beta.14",
-    "@saltcorn/plugins-loader": "0.9.6-beta.14",
-    "@saltcorn/sbadmin2": "0.9.6-beta.14",
+    "@saltcorn/base-plugin": "0.9.6-beta.16",
+    "@saltcorn/builder": "0.9.6-beta.16",
+    "@saltcorn/data": "0.9.6-beta.16",
+    "@saltcorn/admin-models": "0.9.6-beta.16",
+    "@saltcorn/filemanager": "0.9.6-beta.16",
+    "@saltcorn/markup": "0.9.6-beta.16",
+    "@saltcorn/plugins-loader": "0.9.6-beta.16",
+    "@saltcorn/sbadmin2": "0.9.6-beta.16",
     "@socket.io/cluster-adapter": "^0.2.1",
     "@socket.io/sticky": "^1.0.1",
     "adm-zip": "0.5.10",

package/public/saltcorn-common.js

@@ -8,6 +8,23 @@ jQuery.fn.swapWith = function (to) {
   });
 };
 
+function monospace_block_click(e) {
+  let e1 = $(e).next("pre");
+  let mine = $(e).html();
+  $(e).html($(e1).html());
+  $(e1).html(mine);
+}
+
+function copy_monospace_block(e) {
+  let e1 = $(e).next("pre");
+  let e2 = $(e1).next("pre");
+  if (!e2.length) return navigator.clipboard.writeText($(el).text());
+  const e1t = e1.text();
+  const e2t = e2.text();
+  if (e1t.length > e2t.length) return navigator.clipboard.writeText(e1t);
+  else return navigator.clipboard.writeText(e2t);
+}
+
 function setScreenInfoCookie() {
   document.cookie = `_sc_screen_info_=${JSON.stringify({
     width: window.screen.width,
@@ -837,11 +854,12 @@ function initialize_page() {
         const url = new URL(path);
         path = `${url.pathname}${url.search}`;
       }
-      if (path.startsWith("/view/")) {
+      if (path.startsWith("/view/") || path.startsWith("/page/")) {
         const jThis = $(this);
         const skip = jThis.attr("skip-mobile-adjust");
         if (!skip) {
-          jThis.attr("href", `javascript:execLink('${path}')`);
+          jThis.removeAttr("href");
+          jThis.attr("onclick", `execLink('${path}')`);
           if (jThis.find("i,img").length === 0 && !jThis.css("color")) {
             jThis.css(
               "color",
@@ -1299,10 +1317,12 @@ async function common_done(res, viewnameOrElem, isWeb = true) {
     }
   };
   if (res.notify) await handle(res.notify, notifyAlert);
-  if (res.error)
+  if (res.error) {
+    if (window._sc_loglevel > 4) console.trace("error response", res.error);
     await handle(res.error, (text) =>
       notifyAlert({ type: "danger", text: text })
     );
+  }
   if (res.notify_success)
     await handle(res.notify_success, (text) =>
       notifyAlert({ type: "success", text: text })

package/public/saltcorn.css

@@ -514,3 +514,25 @@ ul.katetree {
 ul.katetree details ul {
   list-style-type: none;
 }
+
+pre.monospace-block {
+  font-family: monospace;
+  color: unset;
+  background: unset;
+  padding: unset;
+  border-radius: unset;
+}
+
+.d-none-prefer {
+  display: none;
+}
+
+button.monospace-copy-btn:has(+ pre.monospace-block:hover) {
+  display: block !important ;
+}
+button.monospace-copy-btn:hover {
+  display: block !important ;
+}
+button.monospace-copy-btn {
+  position: absolute;
+}

package/restart_watcher.js

@@ -23,6 +23,7 @@ const relevantPackages = [
   "saltcorn-admin-models",
   "saltcorn-markup",
   "saltcorn-sbadmin2",
+  "saltcorn-types",
   "server",
   "sqlite",
   "filemanager",

package/routes/actions.js

@@ -887,3 +887,24 @@ router.get(
     }
   })
 );
+
+/**
+ * @name post/clone/:id
+ * @function
+ * @memberof module:routes/actions~actionsRouter
+ * @function
+ */
+router.post(
+  "/clone/:id",
+  isAdmin,
+  error_catcher(async (req, res) => {
+    const { id } = req.params;
+    const trig = await Trigger.findOne({ id });
+    const newtrig = await trig.clone();
+    req.flash(
+      "success",
+      req.__("Trigger %s duplicated as %s", trig.name, newtrig.name)
+    );
+    res.redirect(`/actions`);
+  })
+);

package/routes/common_lists.js

@@ -304,6 +304,18 @@ const viewsList = async (
             ? `set_state_field('_sortby', 'name', this)`
             : undefined,
         },
+        {
+          label: "",
+          key: (r) =>
+            r.id && r.viewtemplateObj?.configuration_workflow
+              ? link(
+                  `/viewedit/config/${encodeURIComponent(
+                    r.name
+                  )}${on_done_redirect_str}`,
+                  req.__("Configure")
+                )
+              : "",
+        },
         ...(tagId
           ? []
           : [
@@ -340,18 +352,6 @@ const viewsList = async (
               ? editViewRoleForm(row, roles, req, on_done_redirect_str)
               : "admin",
         },
-        {
-          label: "",
-          key: (r) =>
-            r.id && r.viewtemplateObj?.configuration_workflow
-              ? link(
-                  `/viewedit/config/${encodeURIComponent(
-                    r.name
-                  )}${on_done_redirect_str}`,
-                  req.__("Configure")
-                )
-              : "",
-        },
         !tagId
           ? {
               label: "",
@@ -428,13 +428,6 @@ const page_dropdown = (page, req) =>
       },
       '<i class="fas fa-running"></i>&nbsp;' + req.__("Run")
     ),
-    a(
-      {
-        class: "dropdown-item",
-        href: `/pageedit/edit-properties/${encodeURIComponent(page.name)}`,
-      },
-      '<i class="fas fa-edit"></i>&nbsp;' + req.__("Edit properties")
-    ),
     post_dropdown_item(
       `/pageedit/add-to-menu/${page.id}`,
       '<i class="fas fa-bars"></i>&nbsp;' + req.__("Add to menu"),
@@ -507,6 +500,22 @@ const getPageList = async (
         label: req.__("Name"),
         key: (r) => link(`/page/${encodeURIComponent(r.name)}`, r.name),
       },
+      {
+        label: "",
+        key: (r) =>
+          link(
+            `/pageedit/edit/${encodeURIComponent(r.name)}`,
+            req.__("Configure")
+          ),
+      },
+      {
+        label: "",
+        key: (r) =>
+          link(
+            `/pageedit/edit-properties/${encodeURIComponent(r.name)}`,
+            req.__("Edit")
+          ),
+      },
       ...(tagId
         ? []
         : [
@@ -522,11 +531,7 @@ const getPageList = async (
         label: req.__("Role to access"),
         key: (row) => editPageRoleForm(row, roles, req),
       },
-      {
-        label: req.__("Edit"),
-        key: (r) =>
-          link(`/pageedit/edit/${encodeURIComponent(r.name)}`, req.__("Edit")),
-      },
+
       !tagId
         ? {
             label: "",
@@ -600,6 +605,11 @@ const trigger_dropdown = (trigger, req, on_done_redirect_str = "") =>
       },
       '<i class="fas fa-undo-alt"></i>&nbsp;' + req.__("Restore")
     ),
+    post_dropdown_item(
+      `/actions/clone/${trigger.id}`,
+      '<i class="far fa-copy"></i>&nbsp;' + req.__("Duplicate"),
+      req
+    ),
     div({ class: "dropdown-divider" }),
 
     post_dropdown_item(
@@ -634,6 +644,14 @@ const getTriggerList = async (
   return mkTable(
     [
       { label: req.__("Name"), key: "name" },
+      {
+        label: req.__("Test run"),
+        key: (r) => link(`/actions/testrun/${r.id}`, req.__("Test run")),
+      },
+      {
+        label: req.__("Configure"),
+        key: (r) => link(`/actions/configure/${r.id}`, req.__("Configure")),
+      },
       ...(tagId
         ? []
         : [
@@ -667,14 +685,6 @@ const getTriggerList = async (
             ? a({ href: `/table/${r.table_name}` }, r.table_name)
             : r.channel,
       },
-      {
-        label: req.__("Test run"),
-        key: (r) => link(`/actions/testrun/${r.id}`, req.__("Test run")),
-      },
-      {
-        label: req.__("Configure"),
-        key: (r) => link(`/actions/configure/${r.id}`, req.__("Configure")),
-      },
       !tagId
         ? {
             label: "",

package/routes/menu.js

@@ -15,6 +15,7 @@ const { getState } = require("@saltcorn/data/db/state");
 const User = require("@saltcorn/data/models/user");
 const View = require("@saltcorn/data/models/view");
 const Page = require("@saltcorn/data/models/page");
+const PageGroup = require("@saltcorn/data/models/page_group");
 const { save_menu_items } = require("@saltcorn/data/models/config");
 const db = require("@saltcorn/data/db");
 
@@ -43,6 +44,10 @@ module.exports = router;
 const menuForm = async (req) => {
   const views = await View.find({}, { orderBy: "name", nocase: true });
   const pages = await Page.find({}, { orderBy: "name", nocase: true });
+  const pageGroups = await PageGroup.find(
+    {},
+    { orderBy: "name", nocase: true }
+  );
   const roles = await User.get_roles();
   const tables = await Table.find_with_external({});
   const dynTableOptions = tables.map((t) => t.name);
@@ -101,6 +106,7 @@ const menuForm = async (req) => {
         options: [
           "View",
           "Page",
+          "Page Group",
           "Link",
           "Header",
           "Dynamic",
@@ -141,6 +147,14 @@ const menuForm = async (req) => {
         attributes: { options: views.map((r) => r.select_option) },
         showIf: { type: "View" },
       },
+      {
+        name: "page_group",
+        label: req.__("Page group"),
+        input_type: "select",
+        class: "item-menu",
+        options: pageGroups.map((r) => r.name),
+        showIf: { type: "Page Group" },
+      },
       {
         name: "action_name",
         label: req.__("Action"),
@@ -194,6 +208,14 @@ const menuForm = async (req) => {
         required: true,
         showIf: { type: "Dynamic" },
       },
+      {
+        name: "dyn_tooltip_fml",
+        label: req.__("Tooltip formula"),
+        class: "item-menu",
+        type: "String",
+        required: false,
+        showIf: { type: "Dynamic" },
+      },
       {
         name: "dyn_url_fml",
         label: req.__("URL formula"),
@@ -223,6 +245,7 @@ const menuForm = async (req) => {
           type: [
             "View",
             "Page",
+            "Page Group",
             "Link",
             "Header",
             "Dynamic",
@@ -238,13 +261,34 @@ const menuForm = async (req) => {
         attributes: {
           html: `<button type="button" id="myEditor_icon" class="btn btn-outline-secondary"></button>`,
         },
-        showIf: { type: ["View", "Page", "Link", "Header", "Action"] },
+        showIf: {
+          type: ["View", "Page", "Page Group", "Link", "Header", "Action"],
+        },
       },
       {
         name: "icon",
         class: "item-menu",
         input_type: "hidden",
       },
+      {
+        name: "tooltip",
+        label: req.__("Tooltip"),
+        class: "item-menu",
+        input_type: "text",
+        required: false,
+        showIf: {
+          type: [
+            "View",
+            "Page",
+            "Page Group",
+            "Link",
+            "Header",
+            "Dynamic",
+            "Search",
+            "Action",
+          ],
+        },
+      },
       {
         name: "min_role",
         label: req.__("Minimum role"),
@@ -258,6 +302,18 @@ const menuForm = async (req) => {
         type: "Bool",
         class: "item-menu",
         required: false,
+        default: false,
+      },
+      {
+        name: "mobile_item_html",
+        label: req.__("Mobile HTML"),
+        sublabel: req.__(
+          "HTML for the item in the bottom navigation bar. Currently, only supported by the metronic theme."
+        ),
+        type: "String",
+        class: "item-menu",
+        input_type: "textarea",
+        showIf: { disable_on_mobile: false, location: "Mobile Bottom" },
       },
       {
         name: "target_blank",
@@ -265,7 +321,7 @@ const menuForm = async (req) => {
         type: "Bool",
         required: false,
         class: "item-menu",
-        showIf: { type: ["View", "Page", "Link"] },
+        showIf: { type: ["View", "Page", "Page Group", "Link"] },
       },
       {
         name: "in_modal",
@@ -273,7 +329,7 @@ const menuForm = async (req) => {
         type: "Bool",
         required: false,
         class: "item-menu",
-        showIf: { type: ["View", "Page", "Link"] },
+        showIf: { type: ["View", "Page", "Page Group", "Link"] },
       },
       {
         name: "style",
@@ -283,7 +339,15 @@ const menuForm = async (req) => {
         type: "String",
         required: true,
         showIf: {
-          type: ["View", "Page", "Link", "Header", "Dynamic", "Action"],
+          type: [
+            "View",
+            "Page",
+            "Page Group",
+            "Link",
+            "Header",
+            "Dynamic",
+            "Action",
+          ],
         },
         attributes: {
           options: [
@@ -310,6 +374,7 @@ const menuForm = async (req) => {
           type: [
             "View",
             "Page",
+            "Page Group",
             "Link",
             "Header",
             "Dynamic",

package/routes/notifications.js

@@ -13,7 +13,7 @@ const { getState } = require("@saltcorn/data/db/state");
 const Form = require("@saltcorn/data/models/form");
 const File = require("@saltcorn/data/models/file");
 const User = require("@saltcorn/data/models/user");
-const { renderForm } = require("@saltcorn/markup");
+const { renderForm, post_btn } = require("@saltcorn/markup");
 
 const router = new Router();
 module.exports = router;
@@ -31,22 +31,50 @@ router.get(
   "/",
   loggedIn,
   error_catcher(async (req, res) => {
-    const nots = await Notification.find(
-      { user_id: req.user.id },
-      { orderBy: "id", orderDesc: true, limit: 20 }
-    );
+    const { after } = req.query;
+    const where = { user_id: req.user.id };
+    if (after) where.id = { lt: after };
+    const nots = await Notification.find(where, {
+      orderBy: "id",
+      orderDesc: true,
+      limit: 20,
+    });
     await Notification.mark_as_read({
       id: { in: nots.filter((n) => !n.read).map((n) => n.id) },
     });
+    const form = notificationSettingsForm();
+    const user = await User.findOne({ id: req.user?.id });
+    form.values = { notify_email: user?._attributes?.notify_email };
     const notifyCards = nots.length
       ? nots.map((not) => ({
           type: "card",
           class: [!not.read && "unread-notify"],
+          id: `notify-${not.id}`,
           contents: [
             div(
               { class: "d-flex" },
               span({ class: "fw-bold" }, not.title),
-              span({ class: "ms-2 text-muted" }, moment(not.created).fromNow())
+              span(
+                {
+                  class: "ms-2 text-muted",
+                  title: not.created.toLocaleString(req.getLocale()),
+                },
+                moment(not.created).fromNow()
+              ),
+              div(
+                { class: "ms-auto" },
+                post_btn(
+                  `/notifications/delete/${not.id}`,
+                  "",
+                  req.csrfToken(),
+                  {
+                    icon: "fas fa-times-circle",
+                    klass: "btn-link text-muted text-decoration-none p-0",
+                    ajax: true,
+                    onClick: `$('#notify-${not.id}').remove()`,
+                  }
+                )
+              )
             ),
             not.body && p(not.body),
             not.link && a({ href: not.link }, "Link"),
@@ -58,6 +86,35 @@ router.get(
             contents: [h5(req.__("No notifications"))],
           },
         ];
+    const pageLinks = div(
+      { class: "d-flex mt-3 mb-3" },
+      nots.length == 20
+        ? div(
+            after &&
+              a(
+                { href: `/notifications`, class: "me-2" },
+                "← " + req.__("Newest")
+              ),
+            a(
+              { href: `/notifications?after=${nots[19].id}` },
+              req.__("Older") + " →"
+            )
+          )
+        : div(),
+      nots.length > 0 &&
+        div(
+          { class: "ms-auto" },
+          post_btn(
+            `/notifications/delete/read`,
+            req.__("Delete all read"),
+            req.csrfToken(),
+            {
+              icon: "fas fa-trash",
+              klass: "btn-sm btn-danger",
+            }
+          )
+        )
+    );
     res.sendWrap(req.__("Notifications"), {
       above: [
         {
@@ -72,10 +129,10 @@ router.get(
               type: "card",
               contents: [
                 req.__("Receive notifications by:"),
-                renderForm(notificationSettingsForm(), req.csrfToken()),
+                renderForm(form, req.csrfToken()),
               ],
             },
-            { above: notifyCards },
+            { above: [...notifyCards, pageLinks] },
           ],
         },
       ],
@@ -109,6 +166,23 @@ router.post(
   })
 );
 
+router.post(
+  "/delete/:idlike",
+  loggedIn,
+  error_catcher(async (req, res) => {
+    const { idlike } = req.params;
+    if (idlike == "read") {
+      await Notification.deleteRead(req.user.id);
+    } else {
+      const id = +idlike;
+      const notif = await Notification.findOne({ id });
+      if (notif?.user_id == req.user?.id) await notif.delete();
+    }
+    if (req.xhr) res.json({ success: "ok" });
+    else res.redirect("/notifications");
+  })
+);
+
 router.get(
   "/manifest.json",
   error_catcher(async (req, res) => {

package/routes/plugins.js

@@ -865,9 +865,13 @@ router.get(
     if (!module) {
       module = getState().plugins[getState().plugin_module_names[plugin.name]];
     }
+    const userLayout =
+      user._attributes?.layout?.plugin === plugin.name
+        ? user._attributes.layout.config || {}
+        : {};
     const form = await module.user_config_form({
       ...(plugin.configuration || {}),
-      ...(user._attributes?.layout?.config || {}),
+      ...userLayout,
     });
     form.action = `/plugins/user_configure/${encodeURIComponent(plugin.name)}`;
     form.onChange = `applyViewConfig(this, '/plugins/user_saveconfig/${encodeURIComponent(

package/routes/search.js

@@ -202,7 +202,8 @@ const runSearch = async ({ q, _page, table }, req, res) => {
   let tablesWithResults = [];
   let tablesConfigured = 0;
   for (const [tableName, viewName] of Object.entries(cfg)) {
-    if (!viewName || viewName === "") continue;
+    if (!viewName || viewName === "" || viewName === "search_table_description")
+      continue;
     tablesConfigured += 1;
     if (table && tableName !== table) continue;
     let sectionHeader = tableName;
@@ -232,7 +233,7 @@ const runSearch = async ({ q, _page, table }, req, res) => {
     }
 
     if (vresps.length > 0) {
-      tablesWithResults.push(tableName);
+      tablesWithResults.push({ tableName, label: sectionHeader });
       resp.push({
         type: "card",
         title: span({ id: tableName }, sectionHeader),
@@ -273,8 +274,13 @@ const runSearch = async ({ q, _page, table }, req, res) => {
               req.__("Show only matches in table:"),
               " ",
               tablesWithResults
-                .map((t) =>
-                  a({ href: `javascript:set_state_field('table', '${t}')` }, t)
+                .map(({ tableName, label }) =>
+                  a(
+                    {
+                      href: `javascript:set_state_field('table', '${tableName}')`,
+                    },
+                    label
+                  )
                 )
                 .join(" | ")
             )

package/routes/tables.js

@@ -754,6 +754,14 @@ router.get(
                   r.typename +
                     span({ class: "badge bg-danger ms-1" }, "Unknown type"),
           },
+          ...(table.external
+            ? []
+            : [
+                {
+                  label: req.__("Edit"),
+                  key: (r) => link(`/field/${r.id}`, req.__("Edit")),
+                },
+              ]),
           {
             label: "",
             key: (r) => typeBadges(r, req),
@@ -763,14 +771,6 @@ router.get(
             key: (r) => attribBadges(r),
           },
           { label: req.__("Variable name"), key: (t) => code(t.name) },
-          ...(table.external
-            ? []
-            : [
-                {
-                  label: req.__("Edit"),
-                  key: (r) => link(`/field/${r.id}`, req.__("Edit")),
-                },
-              ]),
           ...(table.external || db.isSQLite
             ? []
             : [

package/tests/jsdom.test.js

@@ -0,0 +1,159 @@
+const request = require("supertest");
+const getApp = require("../app");
+const { resetToFixtures } = require("../auth/testhelp");
+const db = require("@saltcorn/data/db");
+const { getState } = require("@saltcorn/data/db/state");
+const View = require("@saltcorn/data/models/view");
+const Table = require("@saltcorn/data/models/table");
+
+const { plugin_with_routes, sleep } = require("@saltcorn/data/tests/mocks");
+const jsdom = require("jsdom");
+const { JSDOM, ResourceLoader } = jsdom;
+afterAll(db.close);
+beforeAll(async () => {
+  await resetToFixtures();
+});
+
+jest.setTimeout(30000);
+
+const load_url_dom = async (url) => {
+  const app = await getApp({ disableCsrf: true });
+  class CustomResourceLoader extends ResourceLoader {
+    async fetch(url, options) {
+      const url1 = url.replace("http://localhost", "");
+      //console.log("fetching", url, url1);
+      const res = await request(app).get(url1);
+
+      return Buffer.from(res.text);
+    }
+  }
+  const reqres = await request(app).get(url);
+  //console.log("rr1", reqres.text);
+  const virtualConsole = new jsdom.VirtualConsole();
+  virtualConsole.sendTo(console);
+  const dom = new JSDOM(reqres.text, {
+    url: "http://localhost" + url,
+    runScripts: "dangerously",
+    resources: new CustomResourceLoader(),
+    pretendToBeVisual: true,
+    virtualConsole,
+  });
+
+  class FakeXHR {
+    constructor() {
+      this.readyState = 0;
+      this.requestHeaders = [];
+      //return traceMethodCalls(this);
+    }
+    open(method, url) {
+      //console.log("open xhr", method, url);
+      this.method = method;
+      this.url = url;
+    }
+
+    addEventListener(ev, reqListener) {
+      if (ev === "load") this.reqListener = reqListener;
+    }
+    setRequestHeader(k, v) {
+      this.requestHeaders.push([k, v]);
+    }
+    overrideMimeType() {}
+    async send() {
+      //console.log("send1", this.url);
+      const url1 = this.url.replace("http://localhost", "");
+      //console.log("xhr fetching", url1);
+      let req = request(app).get(url1);
+      for (const [k, v] of this.requestHeaders) {
+        req = req.set(k, v);
+      }
+      const res = await req;
+      this.response = res.text;
+      this.responseText = res.text;
+      this.status = res.status;
+      this.statusText = "OK";
+      this.readyState = 4;
+      if (this.reqListener) this.reqListener(res.text);
+      if (this.onload) this.onload(res.text);
+      //console.log("agent res", res);
+      //console.log("xhr", this);
+    }
+    getAllResponseHeaders() {
+      return [];
+    }
+  }
+  dom.window.XMLHttpRequest = FakeXHR;
+  await new Promise(function (resolve, reject) {
+    dom.window.addEventListener("DOMContentLoaded", (event) => {
+      resolve();
+    });
+  });
+  return dom;
+};
+function traceMethodCalls(obj) {
+  let handler = {
+    get(target, propKey, receiver) {
+      console.log(propKey);
+      const origMethod = target[propKey];
+      return function (...args) {
+        let result = origMethod.apply(this, args);
+        console.log(
+          propKey + JSON.stringify(args) + " -> " + JSON.stringify(result)
+        );
+        return result;
+      };
+    },
+  };
+  return new Proxy(obj, handler);
+}
+describe("JSDOM test", () => {
+  it("should load authorlist", async () => {
+    const dom = await load_url_dom("/view/authorlist");
+    //console.log("dom", dom);
+  });
+  it("should user filter to change url", async () => {
+    await View.create({
+      viewtemplate: "Filter",
+      description: "",
+      min_role: 100,
+      name: `authorfilter1`,
+      table_id: Table.findOne("books")?.id,
+      default_render_page: "",
+      slug: {},
+      attributes: {},
+      configuration: {
+        layout: {
+          type: "field",
+          block: false,
+          fieldview: "edit",
+          textStyle: "",
+          field_name: "author",
+          configuration: {},
+        },
+        columns: [
+          {
+            type: "Field",
+            block: false,
+            fieldview: "edit",
+            textStyle: "",
+            field_name: "author",
+            configuration: {},
+          },
+        ],
+      },
+    });
+    const dom = await load_url_dom("/view/authorfilter1");
+    expect(dom.window.location.href).toBe(
+      "http://localhost/view/authorfilter1"
+    );
+    //console.log(dom.serialize());
+    const input = dom.window.document.querySelector("input[name=author]");
+    input.value = "Leo";
+    input.dispatchEvent(new dom.window.Event("change"));
+    await sleep(2000);
+    expect(dom.window.location.href).toBe(
+      "http://localhost/view/authorfilter1?author=Leo"
+    );
+
+    //console.log("dom", dom);
+  });
+});