Generate url with nested query params

tildeio · Nov 1, 2021 · d9582e0 · d9582e0
1 parent 8e2969b
commit d9582e0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/lib/route-recognizer.ts b/lib/route-recognizer.ts
@@ -430,7 +430,7 @@ function recognizeChar<THandler>(
 }
 
 export interface QueryParams {
-  [param: string]: string[] | string | null | undefined;
+  [param: string]: Record<string, any> | string[] | string | null | undefined;
 }
 
 export interface Result<THandler> {

diff --git a/tests/recognizer-tests.ts b/tests/recognizer-tests.ts
@@ -817,6 +817,16 @@ QUnit.test(
   }
 );
 
+QUnit.test("Deserialize query param nested object", (assert: Assert) => {
+  const handler = {};
+  const router = new RouteRecognizer<{}>();
+  router.add([{ path: "/foo/bar", handler }]);
+
+  const results = router.recognize("/foo/bar?filter=[user][name][$contains]=nick");
+  const p = results && results.queryParams;
+  assert.deepEqual(p, { filter: { user: { name: { $contains: 'scoot' } } } });
+});
+
 QUnit.test("Multiple `/` routes recognize", (assert: Assert) => {
   const handler1 = { handler: 1 };
   const handler2 = { handler: 2 };
@@ -1637,7 +1647,7 @@ QUnit.module("Route Generation", hooks => {
     }
   );
 
-  QUnit.test("Generation works with query params", (assert: Assert) => {
+  QUnit.only("Generation works with query params", (assert: Assert) => {
     assert.equal(
       router.generate("index", { queryParams: { filter: "date" } }),
       "/?filter=date"
@@ -1721,6 +1731,10 @@ QUnit.module("Route Generation", hooks => {
       router.generate("index", { queryParams: { filter: "date", sort: 0 } }),
       "/?filter=date&sort=0"
     );
+    assert.equal(
+      router.generate("index", { queryParams: { filter: { user: { name: { $contains: 'scoot' } } }, sort: 0 } }),
+      "/?filter=[user][name][$contains]=scoot"
+    );
   });
 
   QUnit.test("Generation works with array query params", (assert: Assert) => {