one 1.1.473 → 1.1.475

package/dist/esm/fork/__tests__/getStateFromPath.test.js

@@ -0,0 +1,2706 @@
+import { expect, test } from "vitest";
+import { produce } from "immer";
+import { findFocusedRoute } from "../findFocusedRoute";
+import { getPathFromState } from "../getPathFromState";
+import { getStateFromPath } from "../getStateFromPath";
+const changePath = (state, path) => produce(state, (draftState) => {
+  const route = findFocusedRoute(draftState);
+  route.path = path;
+});
+test("returns undefined for invalid path", () => {
+  expect(getStateFromPath("//")).toBeUndefined();
+});
+test.skip("converts path string to initial state", () => {
+  const path = "foo/bar/baz%20qux?author=jane%20%26%20co&valid=true", state = {
+    routes: [
+      {
+        name: "foo",
+        state: {
+          routes: [
+            {
+              name: "bar",
+              state: {
+                routes: [
+                  {
+                    name: "baz qux",
+                    params: { author: "jane & co", valid: "true" },
+                    path
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path)).toEqual(state), expect(getStateFromPath(getPathFromState(state))).toEqual(
+    changePath(state, "/foo/bar/baz%20qux?author=jane%20%26%20co&valid=true")
+  );
+});
+test.skip("decodes encoded params in path", () => {
+  const path = "/foo/bar/bar_%23_foo", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Bar: {
+            path: "/bar/:id"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "bar_#_foo" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getPathFromState(getStateFromPath(path, config), config)
+  ).toEqual(path);
+});
+test.skip("decodes encoded params in path that have encoded /", () => {
+  const path = "/foo/bar/bar_%2F_foo", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Bar: {
+            path: "/bar/:id"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "bar_/_foo" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getPathFromState(getStateFromPath(path, config), config)
+  ).toEqual(path);
+});
+test.skip("converts path string to initial state with config", () => {
+  const path = "/foo/bar/sweet/apple/baz/jane?count=10&answer=42&valid=true", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Bar: {
+            path: "bar/:type/:fruit",
+            screens: {
+              Baz: {
+                path: "baz/:author",
+                parse: {
+                  author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                  count: Number,
+                  valid: Boolean
+                },
+                stringify: {
+                  author: (author) => author.toLowerCase()
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { fruit: "apple", type: "sweet" },
+              state: {
+                routes: [
+                  {
+                    name: "Baz",
+                    params: {
+                      author: "Jane",
+                      count: 10,
+                      answer: "42",
+                      valid: !0
+                    },
+                    path
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles leading slash when converting", () => {
+  const path = "/foo/bar/?count=42";
+  expect(getStateFromPath(path)).toEqual({
+    routes: [
+      {
+        name: "foo",
+        state: {
+          routes: [
+            {
+              name: "bar",
+              params: { count: "42" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  });
+});
+test("handles ending slash when converting", () => {
+  const path = "foo/bar/?count=42";
+  expect(getStateFromPath(path)).toEqual({
+    routes: [
+      {
+        name: "foo",
+        state: {
+          routes: [
+            {
+              name: "bar",
+              params: { count: "42" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  });
+});
+test("handles route without param", () => {
+  const path = "foo/bar", state = {
+    routes: [
+      {
+        name: "foo",
+        state: {
+          routes: [{ name: "bar", path }]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path)).toEqual(state), expect(getStateFromPath(getPathFromState(state))).toEqual(
+    changePath(state, "/foo/bar")
+  );
+});
+test.skip("converts path string to initial state with config with nested screens", () => {
+  const path = "/foe/bar/sweet/apple/baz/jane?count=10&answer=42&valid=true", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Foe: {
+            path: "foe",
+            exact: !0,
+            screens: {
+              Bar: {
+                path: "bar/:type/:fruit",
+                screens: {
+                  Baz: {
+                    path: "baz/:author",
+                    parse: {
+                      author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                      count: Number,
+                      valid: Boolean
+                    },
+                    stringify: {
+                      author: (author) => author.toLowerCase()
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Foe",
+              state: {
+                routes: [
+                  {
+                    name: "Bar",
+                    params: { fruit: "apple", type: "sweet" },
+                    state: {
+                      routes: [
+                        {
+                          name: "Baz",
+                          params: {
+                            author: "Jane",
+                            count: 10,
+                            answer: "42",
+                            valid: !0
+                          },
+                          path
+                        }
+                      ]
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("converts path string to initial state with config with nested screens and unused parse functions", () => {
+  const path = "/foe/baz/jane?count=10&answer=42&valid=true", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Foe: {
+            path: "foe",
+            exact: !0,
+            screens: {
+              Baz: {
+                path: "baz/:author",
+                parse: {
+                  author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                  count: Number,
+                  valid: Boolean,
+                  id: Boolean
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Foe",
+              state: {
+                routes: [
+                  {
+                    name: "Baz",
+                    params: {
+                      author: "Jane",
+                      count: 10,
+                      answer: "42",
+                      valid: !0
+                    },
+                    path
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/foe/baz/Jane?count=10&answer=42&valid=true"));
+});
+test.skip("handles nested object with unused configs and with parse in it", () => {
+  const path = "/bar/sweet/apple/foe/bis/jane?count=10&answer=42&valid=true", config = {
+    screens: {
+      Bar: {
+        path: "bar/:type/:fruit",
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: "foe",
+                screens: {
+                  Baz: {
+                    screens: {
+                      Bos: {
+                        path: "bos",
+                        exact: !0
+                      },
+                      Bis: {
+                        path: "bis/:author",
+                        stringify: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toLowerCase())
+                        },
+                        parse: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Bar",
+        params: { fruit: "apple", type: "sweet" },
+        state: {
+          routes: [
+            {
+              name: "Foo",
+              state: {
+                routes: [
+                  {
+                    name: "Foe",
+                    state: {
+                      routes: [
+                        {
+                          name: "Baz",
+                          state: {
+                            routes: [
+                              {
+                                name: "Bis",
+                                params: {
+                                  author: "Jane",
+                                  count: 10,
+                                  answer: "42",
+                                  valid: !0
+                                },
+                                path
+                              }
+                            ]
+                          }
+                        }
+                      ]
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles parse in nested object for second route depth", () => {
+  const path = "/baz", config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Foe: {
+            path: "foe",
+            exact: !0
+          },
+          Bar: {
+            path: "bar",
+            exact: !0,
+            screens: {
+              Baz: {
+                path: "baz",
+                exact: !0
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Baz", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles parse in nested object for second route depth and and path and parse in roots", () => {
+  const path = "/baz", config = {
+    screens: {
+      Foo: {
+        path: "foo/:id",
+        parse: {
+          id: Number
+        },
+        stringify: {
+          id: (id) => `id=${id}`
+        },
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Baz: {
+                path: "baz",
+                exact: !0
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Baz", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles path at top level", () => {
+  const path = "/foo/fruits/apple", config = {
+    path: "foo",
+    screens: {
+      Foo: {
+        screens: {
+          Fruits: "fruits/:fruit"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Fruits",
+              params: { fruit: "apple" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles initialRouteName at top level", () => {
+  const path = "/baz", config = {
+    initialRouteName: "Boo",
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    index: 1,
+    routes: [
+      { name: "Boo" },
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Baz", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles initialRouteName inside a screen", () => {
+  const path = "/baz", config = {
+    screens: {
+      Foo: {
+        initialRouteName: "Foe",
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foe"
+            },
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Baz", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles initialRouteName included in path", () => {
+  const path = "/baz", config = {
+    screens: {
+      Foo: {
+        initialRouteName: "Foe",
+        screens: {
+          Foe: {
+            screens: {
+              Baz: "baz"
+            }
+          },
+          Bar: "bar"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Foe",
+              state: {
+                routes: [{ name: "Baz", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles two initialRouteNames", () => {
+  const path = "/bar/sweet/apple/foe/bis/jane?answer=42&count=10&valid=true", config = {
+    screens: {
+      Bar: {
+        path: "bar/:type/:fruit",
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: "foe",
+                screens: {
+                  Baz: {
+                    initialRouteName: "Bos",
+                    screens: {
+                      Bos: {
+                        path: "bos",
+                        exact: !0
+                      },
+                      Bis: {
+                        path: "bis/:author",
+                        stringify: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toLowerCase())
+                        },
+                        parse: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Bar",
+        params: { fruit: "apple", type: "sweet" },
+        state: {
+          routes: [
+            {
+              name: "Foo",
+              state: {
+                routes: [
+                  {
+                    name: "Foe",
+                    state: {
+                      routes: [
+                        {
+                          name: "Baz",
+                          state: {
+                            index: 1,
+                            routes: [
+                              { name: "Bos" },
+                              {
+                                name: "Bis",
+                                params: {
+                                  answer: "42",
+                                  author: "Jane",
+                                  count: 10,
+                                  valid: !0
+                                },
+                                path
+                              }
+                            ]
+                          }
+                        }
+                      ]
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("accepts initialRouteName without config for it", () => {
+  const path = "/bar/sweet/apple/foe/bis/jane?answer=42&count=10&valid=true", config = {
+    screens: {
+      Bar: {
+        path: "bar/:type/:fruit",
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: "foe",
+                screens: {
+                  Baz: {
+                    initialRouteName: "Bas",
+                    screens: {
+                      Bos: {
+                        path: "bos",
+                        exact: !0
+                      },
+                      Bis: {
+                        path: "bis/:author",
+                        stringify: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toLowerCase())
+                        },
+                        parse: {
+                          author: (author) => author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Bar",
+        params: { fruit: "apple", type: "sweet" },
+        state: {
+          routes: [
+            {
+              name: "Foo",
+              state: {
+                routes: [
+                  {
+                    name: "Foe",
+                    state: {
+                      routes: [
+                        {
+                          name: "Baz",
+                          state: {
+                            index: 1,
+                            routes: [
+                              { name: "Bas" },
+                              {
+                                name: "Bis",
+                                params: {
+                                  answer: "42",
+                                  author: "Jane",
+                                  count: 10,
+                                  valid: !0
+                                },
+                                path
+                              }
+                            ]
+                          }
+                        }
+                      ]
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("returns undefined if no matching screen is present (top level path)", () => {
+  expect(getStateFromPath("/foo/bar", {
+    path: "qux",
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foo",
+          Bar: {
+            screens: {
+              Baz: "bar"
+            }
+          }
+        }
+      }
+    }
+  })).toBeUndefined();
+});
+test("returns undefined if no matching screen is present", () => {
+  expect(getStateFromPath("/baz", {
+    screens: {
+      Foo: {
+        path: "foo",
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  })).toBeUndefined();
+});
+test("returns undefined if path is empty and no matching screen is present", () => {
+  expect(getStateFromPath("", {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  })).toBeUndefined();
+});
+test.skip("returns matching screen if path is empty", () => {
+  const path = "", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Qux: "",
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Qux", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, ""));
+});
+test.skip("returns matching screen if path is only slash", () => {
+  const path = "/", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Qux: "",
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Qux", path: "" }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, ""));
+});
+test("returns matching screen with params if path is empty", () => {
+  const path = "?foo=42", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            screens: {
+              Qux: {
+                path: "",
+                parse: { foo: Number }
+              },
+              Baz: "baz"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "Qux", params: { foo: 42 }, path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/?foo=42"));
+});
+test("doesn't match nested screen if path is empty", () => {
+  expect(getStateFromPath("", {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: "foe",
+          Bar: {
+            path: "bar",
+            screens: {
+              Qux: {
+                path: "",
+                parse: { foo: Number }
+              }
+            }
+          }
+        }
+      }
+    }
+  })).toBeUndefined();
+});
+test.skip("chooses more exhaustive pattern", () => {
+  const path = "/foo/5", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bis",
+              params: { id: 5 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("handles same paths beginnings", () => {
+  const path = "/foos", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bis",
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles same paths beginnings with params", () => {
+  const path = "/foos/5", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bis",
+              params: { id: 5 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles not taking path with too many segments", () => {
+  const path = "/foos/5", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip",
+            parse: {
+              id: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bis",
+              params: { id: 5 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles differently ordered params v1", () => {
+  const path = "/foos/5/res/20", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/res/:pwd",
+            parse: {
+              id: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 20 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles differently ordered params v2", () => {
+  const path = "/5/20/foos/res", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: ":id/:pwd/foos/res",
+            parse: {
+              id: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 20 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles differently ordered params v3", () => {
+  const path = "/foos/5/20/res", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:pwd/res",
+            parse: {
+              id: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 20 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handles differently ordered params v4", () => {
+  const path = "5/foos/res/20", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foos/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: ":id/foos/res/:pwd",
+            parse: {
+              id: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 20 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/5/foos/res/20"));
+});
+test.skip("handles simple optional params", () => {
+  const path = "/foos/5", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?",
+            parse: {
+              id: Number,
+              nip: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle 2 optional params at the end v1", () => {
+  const path = "/foos/5", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd?",
+            parse: {
+              id: Number,
+              nip: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle 2 optional params at the end v2", () => {
+  const path = "/foos/5/10", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd?",
+            parse: {
+              id: Number,
+              nip: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, nip: 10 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle 2 optional params at the end v3", () => {
+  const path = "/foos/5/10/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd?",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, nip: 10, pwd: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the middle v1", () => {
+  const path = "/foos/5/10", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 10 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the middle v2", () => {
+  const path = "/foos/5/10/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, nip: 10, pwd: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the middle v3", () => {
+  const path = "/foos/5/10/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:id/:nip?/:pwd/:smh",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number,
+              smh: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { id: 5, pwd: 10, smh: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the middle v4", () => {
+  const path = "/foos/5/10", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:nip?/:pwd/:smh?/:id",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number,
+              smh: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { pwd: 5, id: 10 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the middle v5", () => {
+  const path = "/foos/5/10/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: "foos/:nip?/:pwd/:smh?/:id",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number,
+              smh: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { nip: 5, pwd: 10, id: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("handle optional params in the beginning v1", () => {
+  const path = "5/10/foos/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: ":nip?/:pwd/foos/:smh?/:id",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number,
+              smh: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { nip: 5, pwd: 10, id: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/5/10/foos/15"));
+});
+test.skip("handle optional params in the beginning v2", () => {
+  const path = "5/10/foos/15", config = {
+    screens: {
+      Foe: {
+        path: "/",
+        initialRouteName: "Foo",
+        screens: {
+          Foo: "foo",
+          Bis: {
+            path: "foo/:id",
+            parse: {
+              id: Number
+            }
+          },
+          Bas: {
+            path: ":nip?/:smh?/:pwd/foos/:id",
+            parse: {
+              id: Number,
+              nip: Number,
+              pwd: Number,
+              smh: Number
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foe",
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: "Foo"
+            },
+            {
+              name: "Bas",
+              params: { nip: 5, pwd: 10, id: 15 },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/5/10/foos/15"));
+});
+test.skip("merges parent patterns if needed", () => {
+  const path = "foo/42/baz/babel", config = {
+    screens: {
+      Foo: {
+        path: "foo/:bar",
+        parse: {
+          bar: Number
+        },
+        screens: {
+          Baz: "baz/:qux"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        params: { bar: 42 },
+        state: {
+          routes: [
+            {
+              name: "Baz",
+              params: { qux: "babel" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/foo/42/baz/babel"));
+});
+test.skip("ignores extra slashes in the pattern", () => {
+  const path = "/bar/42", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar//:id/"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "42" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("matches wildcard patterns at root", () => {
+  const path = "/test/bar/42/whatever", config = {
+    screens: {
+      404: "*",
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [{ name: "404", path }]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/404"));
+});
+test.skip("matches wildcard patterns at nested level", () => {
+  const path = "/bar/42/whatever/baz/initt", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/",
+            screens: {
+              404: "*"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "42" },
+              state: {
+                routes: [{ name: "404", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/bar/42/404"));
+});
+test.skip("matches wildcard patterns at nested level with exact", () => {
+  const path = "/whatever", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/",
+            screens: {
+              404: {
+                path: "*",
+                exact: !0
+              }
+            }
+          },
+          Baz: {}
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              state: {
+                routes: [{ name: "404", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/404"));
+});
+test.skip("tries to match wildcard patterns at the end", () => {
+  const path = "/bar/42/test", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/",
+            screens: {
+              404: "*",
+              UserProfile: ":userSlug",
+              Test: "test"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "42" },
+              state: {
+                routes: [{ name: "Test", path }]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("uses nearest parent wildcard match for unmatched paths", () => {
+  const path = "/bar/42/baz/test", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/",
+            screens: {
+              Baz: "baz"
+            }
+          },
+          404: "*"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [{ name: "404", path }]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/404"));
+});
+test.skip("matches screen with overlapping initial path and wildcard", () => {
+  const path = "/bar/42/baz/test/whatever", config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: "/bar/:id/",
+            screens: {
+              Baz: "baz"
+            }
+          },
+          Baz: "/bar/:id/*"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [{ name: "Baz", params: { id: "42" }, path }]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(changePath(state, "/bar/42/Baz"));
+});
+test("throws if two screens map to the same pattern", () => {
+  const path = "/bar/42/baz/test";
+  expect(
+    () => getStateFromPath(path, {
+      screens: {
+        Foo: {
+          screens: {
+            Bar: {
+              path: "/bar/:id/",
+              screens: {
+                Baz: "baz"
+              }
+            },
+            Bax: "/bar/:id/baz"
+          }
+        }
+      }
+    })
+  ).toThrow(
+    "Found conflicting screens with the same pattern. The pattern 'bar/:id/baz' resolves to both 'Foo > Bax' and 'Foo > Bar > Baz'. Patterns must be unique and cannot resolve to more than one screen."
+  ), expect(
+    () => getStateFromPath(path, {
+      screens: {
+        Foo: {
+          screens: {
+            Bar: {
+              path: "/bar/:id/",
+              screens: {
+                Baz: ""
+              }
+            }
+          }
+        }
+      }
+    })
+  ).not.toThrow();
+});
+test("correctly applies initialRouteName for config with similar route names", () => {
+  const path = "/weekly-earnings", config = {
+    screens: {
+      RootTabs: {
+        screens: {
+          HomeTab: {
+            screens: {
+              Home: "",
+              WeeklyEarnings: "weekly-earnings",
+              EventDetails: "event-details/:eventId"
+            }
+          },
+          EarningsTab: {
+            initialRouteName: "Earnings",
+            path: "earnings",
+            screens: {
+              Earnings: "",
+              WeeklyEarnings: "weekly-earnings"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "RootTabs",
+        state: {
+          routes: [
+            {
+              name: "HomeTab",
+              state: {
+                routes: [
+                  {
+                    name: "WeeklyEarnings",
+                    path
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test("correctly applies initialRouteName for config with similar route names v2", () => {
+  const path = "/earnings/weekly-earnings", config = {
+    screens: {
+      RootTabs: {
+        screens: {
+          HomeTab: {
+            initialRouteName: "Home",
+            screens: {
+              Home: "",
+              WeeklyEarnings: "weekly-earnings"
+            }
+          },
+          EarningsTab: {
+            initialRouteName: "Earnings",
+            path: "earnings",
+            screens: {
+              Earnings: "",
+              WeeklyEarnings: "weekly-earnings"
+            }
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "RootTabs",
+        state: {
+          routes: [
+            {
+              name: "EarningsTab",
+              state: {
+                index: 1,
+                routes: [
+                  {
+                    name: "Earnings"
+                  },
+                  {
+                    name: "WeeklyEarnings",
+                    path
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state), expect(
+    getStateFromPath(getPathFromState(state, config), config)
+  ).toEqual(state);
+});
+test.skip("throws when invalid properties are specified in the config", () => {
+  expect(
+    () => getStateFromPath("", {
+      path: 42,
+      Foo: "foo",
+      Bar: {
+        path: "bar"
+      }
+    })
+  ).toThrowErrorMatchingInlineSnapshot(`
+    "Found invalid properties in the configuration:
+    - path (expected 'string', got 'number')
+    - Foo (extraneous)
+    - Bar (extraneous)
+
+    You can only specify the following properties:
+    - path (string)
+    - initialRouteName (string)
+    - screens (object)
+
+    If you want to specify configuration for screens, you need to specify them under a 'screens' property.
+
+    See https://reactnavigation.org/docs/configuring-links for more details on how to specify a linking configuration."
+  `), expect(
+    () => getStateFromPath("", {
+      screens: {
+        Foo: "foo",
+        Bar: {
+          path: "bar"
+        },
+        Baz: {
+          Qux: {
+            path: "qux"
+          }
+        }
+      }
+    })
+  ).toThrowErrorMatchingInlineSnapshot(`
+"Found invalid properties in the configuration:
+- Qux (extraneous)
+
+You can only specify the following properties:
+- path (string)
+- initialRouteName (string)
+- screens (object)
+- alias (array)
+- exact (boolean)
+- stringify (object)
+- parse (object)
+
+If you want to specify configuration for screens, you need to specify them under a 'screens' property.
+
+See https://reactnavigation.org/docs/configuring-links for more details on how to specify a linking configuration."
+`), expect(
+    () => getStateFromPath("", {
+      path: "foo/:id"
+    })
+  ).toThrowErrorMatchingInlineSnapshot(
+    `"Found invalid path 'foo/:id'. The 'path' in the top-level configuration cannot contain patterns for params."`
+  );
+});
+test.skip("encodes special characters in params", () => {
+  const paramWithValidSymbols = "User09-A_Z~!$&'()*+,;=:@__", invalidSymbols = "#?[]{}%<>||", queryString = "user#email@gmail.com=2&4", path = `users/id/${paramWithValidSymbols}${encodeURIComponent(
+    invalidSymbols
+  )}?query=${encodeURIComponent(queryString)}`, config = {
+    path: "users",
+    screens: {
+      Users: {
+        screens: {
+          User: "id/:id"
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Users",
+        state: {
+          routes: [
+            {
+              name: "User",
+              params: {
+                id: `${paramWithValidSymbols}${invalidSymbols}`,
+                query: queryString
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getPathFromState(state, config)).toBe(`/${path}`), expect(getPathFromState(getStateFromPath(path, config), config)).toBe(
+    `/${path}`
+  );
+});
+test.skip("resolves nested path params with same name to correct screen", () => {
+  const path = "/foo/42/bar/43", config = {
+    initialRouteName: "Foo",
+    screens: {
+      Foo: {
+        path: "foo/:id",
+        screens: {
+          Bar: {
+            path: "bar/:id"
+          }
+        }
+      }
+    }
+  }, state = {
+    routes: [
+      {
+        name: "Foo",
+        params: { id: "42" },
+        state: {
+          routes: [
+            {
+              name: "Bar",
+              params: { id: "43" },
+              path
+            }
+          ]
+        }
+      }
+    ]
+  };
+  expect(getStateFromPath(path, config)).toEqual(state);
+});
+test("parses / same as empty string", () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: "/"
+      },
+      Bar: {
+        path: "bar"
+      }
+    }
+  };
+  expect(getStateFromPath("/", config)).toEqual(
+    getStateFromPath("", config)
+  );
+});
+test.skip("matches regexp patterns when provided", () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: "foo/:id(\\d+)",
+        parse: {
+          id: Number
+        }
+      },
+      Bar: {
+        path: "foo/:id([a-z]+)"
+      },
+      Baz: {
+        path: "foo/:id(\\d+)/:name([a-z]+)"
+      },
+      Qux: {
+        path: "foo/:id(@[a-z]+)",
+        parse: {
+          id: (id) => id.slice(1)
+        }
+      },
+      Quy: {
+        path: "foo/bar/:category"
+      },
+      Quz: {
+        path: "foo/bar/:special([a-z]+)"
+      },
+      Quu: {
+        path: "foo/bar/baz"
+      },
+      NotFound: {
+        path: "foo/bar/*"
+      }
+    }
+  };
+  expect(getStateFromPath("foo/42", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        params: { id: 42 },
+        path: "foo/42"
+      }
+    ]
+  }), expect(getStateFromPath("foo/bar", config)).toEqual({
+    routes: [
+      {
+        name: "Bar",
+        params: { id: "bar" },
+        path: "foo/bar"
+      }
+    ]
+  }), expect(getStateFromPath("foo/42/bar", config)).toEqual({
+    routes: [
+      {
+        name: "Baz",
+        params: { id: "42", name: "bar" },
+        path: "foo/42/bar"
+      }
+    ]
+  }), expect(getStateFromPath("foo/@bar", config)).toEqual({
+    routes: [
+      {
+        name: "Qux",
+        params: { id: "bar" },
+        path: "foo/@bar"
+      }
+    ]
+  }), expect(getStateFromPath("foo/@bar", config)).toEqual({
+    routes: [
+      {
+        name: "Qux",
+        params: { id: "bar" },
+        path: "foo/@bar"
+      }
+    ]
+  }), expect(getStateFromPath("foo/42a", config)).toBeUndefined(), expect(getStateFromPath("foo/bar/123", config)).toEqual({
+    routes: [
+      {
+        name: "Quy",
+        params: { category: "123" },
+        path: "foo/bar/123"
+      }
+    ]
+  }), expect(getStateFromPath("foo/bar/test", config)).toEqual({
+    routes: [
+      {
+        name: "Quz",
+        params: { special: "test" },
+        path: "foo/bar/test"
+      }
+    ]
+  }), expect(getStateFromPath("foo/bar/baz", config)).toEqual({
+    routes: [
+      {
+        name: "Quu",
+        path: "foo/bar/baz"
+      }
+    ]
+  }), expect(getStateFromPath("foo/bar/hello/world", config)).toEqual({
+    routes: [{ name: "NotFound", path: "foo/bar/hello/world" }]
+  });
+});
+test("regexp pattern doesn't match slash", () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: "foo/:id([a-z]+\\/)"
+      }
+    }
+  };
+  expect(getStateFromPath("foo/bar/", config)).toBeUndefined(), expect(getStateFromPath("foo/bar/baz", config)).toBeUndefined(), expect(getStateFromPath("foo/bar/baz/qux", config)).toBeUndefined();
+});
+test.skip("handles alias for paths", () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: "foo",
+        alias: ["first"],
+        screens: {
+          Baz: {
+            path: "baz/:id?",
+            parse: {
+              id: (value) => value.replace(/@/, "")
+            },
+            alias: [
+              {
+                path: "second/:id",
+                exact: !0
+              },
+              "third",
+              {
+                path: "fourth/:id",
+                parse: {
+                  id: (value) => value.replace(/\$/, "")
+                }
+              }
+            ]
+          },
+          Qux: {
+            path: "qux/:id"
+          }
+        }
+      }
+    }
+  };
+  expect(getStateFromPath("foo", config)).toEqual({
+    routes: [{ name: "Foo", path: "foo" }]
+  }), expect(getPathFromState(getStateFromPath("foo", config), config)).toBe(
+    "/foo"
+  ), expect(getStateFromPath("first", config)).toEqual({
+    routes: [{ name: "Foo", path: "first" }]
+  }), expect(
+    getPathFromState(getStateFromPath("first", config), config)
+  ).toBe("/foo"), expect(getStateFromPath("foo/baz/@$test", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Baz",
+              params: { id: "$test" },
+              path: "foo/baz/@$test"
+            }
+          ]
+        }
+      }
+    ]
+  }), expect(
+    getPathFromState(getStateFromPath("foo/baz/@$test", config), config)
+  ).toBe("/foo/baz/$test"), expect(getStateFromPath("second/42", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Baz",
+              params: { id: "42" },
+              path: "second/42"
+            }
+          ]
+        }
+      }
+    ]
+  }), expect(
+    getPathFromState(getStateFromPath("second/42", config), config)
+  ).toBe("/foo/baz/42"), expect(getStateFromPath("foo/third", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Baz",
+              path: "foo/third"
+            }
+          ]
+        }
+      }
+    ]
+  }), expect(
+    getPathFromState(getStateFromPath("foo/third", config), config)
+  ).toBe("/foo/baz"), expect(getStateFromPath("foo/fourth/@$test", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Baz",
+              params: { id: "@test" },
+              path: "foo/fourth/@$test"
+            }
+          ]
+        }
+      }
+    ]
+  }), expect(
+    getPathFromState(
+      getStateFromPath("foo/fourth/@$test", config),
+      config
+    )
+  ).toBe("/foo/baz/@test"), expect(getStateFromPath("foo/qux/42", config)).toEqual({
+    routes: [
+      {
+        name: "Foo",
+        state: {
+          routes: [
+            {
+              name: "Qux",
+              params: { id: "42" },
+              path: "foo/qux/42"
+            }
+          ]
+        }
+      }
+    ]
+  }), expect(
+    getPathFromState(getStateFromPath("foo/qux/42", config), config)
+  ).toBe("/foo/qux/42");
+});
+test.skip("throws if screen has alias but no path", () => {
+  expect(
+    () => getStateFromPath("", {
+      screens: {
+        Foo: {
+          alias: ["bar"]
+        }
+      }
+    })
+  ).toThrow(
+    "Screen 'Foo' doesn't specify a 'path'. A 'path' needs to be specified in order to use 'alias'."
+  );
+});
+//# sourceMappingURL=getStateFromPath.test.js.map