one 1.1.473 → 1.1.475

package/src/fork/__tests__/getStateFromPath.test.tsx

@@ -0,0 +1,3188 @@
+/**
+ * This file is copied from the react-navigation repo.
+ *
+ * Please refrain from making changes to this file, as it will make merging updates from the upstream harder.
+ * All modifications except formatting should be marked with `// @modified` comment.
+ */
+
+// @modified - start: use vitest instead of jest
+// import { expect, test } from '@jest/globals';
+import { expect, test } from 'vitest'
+// @modified - end: use vitest instead of jest
+import type { InitialState } from '@react-navigation/routers'
+import { produce } from 'immer'
+
+import { findFocusedRoute } from '../findFocusedRoute'
+import { getPathFromState } from '../getPathFromState'
+import { getStateFromPath } from '../getStateFromPath'
+
+const changePath = <T extends InitialState>(state: T, path: string): T =>
+  produce(state, (draftState) => {
+    const route = findFocusedRoute(draftState)
+    // @ts-expect-error: immer won't mutate this
+    route.path = path
+  })
+
+test('returns undefined for invalid path', () => {
+  expect(getStateFromPath<object>('//')).toBeUndefined()
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('converts path string to initial state', () => {
+  const path = 'foo/bar/baz%20qux?author=jane%20%26%20co&valid=true'
+  const state = {
+    routes: [
+      {
+        name: 'foo',
+        state: {
+          routes: [
+            {
+              name: 'bar',
+              state: {
+                routes: [
+                  {
+                    name: 'baz qux',
+                    params: { author: 'jane & co', valid: 'true' },
+                    path,
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path)).toEqual(state)
+  expect(getStateFromPath<object>(getPathFromState<object>(state))).toEqual(
+    changePath(state, '/foo/bar/baz%20qux?author=jane%20%26%20co&valid=true')
+  )
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('decodes encoded params in path', () => {
+  const path = '/foo/bar/bar_%23_foo'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Bar: {
+            path: '/bar/:id',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: 'bar_#_foo' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getPathFromState<object>(getStateFromPath<object>(path, config)!, config)
+  ).toEqual(path)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('decodes encoded params in path that have encoded /', () => {
+  const path = '/foo/bar/bar_%2F_foo'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Bar: {
+            path: '/bar/:id',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: 'bar_/_foo' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getPathFromState<object>(getStateFromPath<object>(path, config)!, config)
+  ).toEqual(path)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('converts path string to initial state with config', () => {
+  const path = '/foo/bar/sweet/apple/baz/jane?count=10&answer=42&valid=true'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Bar: {
+            path: 'bar/:type/:fruit',
+            screens: {
+              Baz: {
+                path: 'baz/:author',
+                parse: {
+                  author: (author: string) =>
+                    author.replace(/^\w/, (c) => c.toUpperCase()),
+                  count: Number,
+                  valid: Boolean,
+                },
+                stringify: {
+                  author: (author: string) => author.toLowerCase(),
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const 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: true,
+                    },
+                    path,
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles leading slash when converting', () => {
+  const path = '/foo/bar/?count=42'
+
+  expect(getStateFromPath<object>(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<object>(path)).toEqual({
+    routes: [
+      {
+        name: 'foo',
+        state: {
+          routes: [
+            {
+              name: 'bar',
+              params: { count: '42' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  })
+})
+
+test('handles route without param', () => {
+  const path = 'foo/bar'
+  const state = {
+    routes: [
+      {
+        name: 'foo',
+        state: {
+          routes: [{ name: 'bar', path }],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path)).toEqual(state)
+  expect(getStateFromPath<object>(getPathFromState<object>(state))).toEqual(
+    changePath(state, '/foo/bar')
+  )
+})
+
+// @modify: TODO: temporally disable failing test
+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'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Foe: {
+            path: 'foe',
+            exact: true,
+            screens: {
+              Bar: {
+                path: 'bar/:type/:fruit',
+                screens: {
+                  Baz: {
+                    path: 'baz/:author',
+                    parse: {
+                      author: (author: string) =>
+                        author.replace(/^\w/, (c) => c.toUpperCase()),
+                      count: Number,
+                      valid: Boolean,
+                    },
+                    stringify: {
+                      author: (author: string) => author.toLowerCase(),
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const 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: true,
+                          },
+                          path,
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+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'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Foe: {
+            path: 'foe',
+            exact: true,
+            screens: {
+              Baz: {
+                path: 'baz/:author',
+                parse: {
+                  author: (author: string) =>
+                    author.replace(/^\w/, (c) => c.toUpperCase()),
+                  count: Number,
+                  valid: Boolean,
+                  id: Boolean,
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Foe',
+              state: {
+                routes: [
+                  {
+                    name: 'Baz',
+                    params: {
+                      author: 'Jane',
+                      count: 10,
+                      answer: '42',
+                      valid: true,
+                    },
+                    path,
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/foe/baz/Jane?count=10&answer=42&valid=true'))
+})
+
+// @modify: TODO: temporally disable failing test
+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'
+  const config = {
+    screens: {
+      Bar: {
+        path: 'bar/:type/:fruit',
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: 'foe',
+                screens: {
+                  Baz: {
+                    screens: {
+                      Bos: {
+                        path: 'bos',
+                        exact: true,
+                      },
+                      Bis: {
+                        path: 'bis/:author',
+                        stringify: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toLowerCase()),
+                        },
+                        parse: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean,
+                        },
+                      },
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const 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: true,
+                                },
+                                path,
+                              },
+                            ],
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles parse in nested object for second route depth', () => {
+  const path = '/baz'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Foe: {
+            path: 'foe',
+            exact: true,
+          },
+          Bar: {
+            path: 'bar',
+            exact: true,
+            screens: {
+              Baz: {
+                path: 'baz',
+                exact: true,
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Baz', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(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'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo/:id',
+        parse: {
+          id: Number,
+        },
+        stringify: {
+          id: (id: number) => `id=${id}`,
+        },
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Baz: {
+                path: 'baz',
+                exact: true,
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Baz', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles path at top level', () => {
+  const path = '/foo/fruits/apple'
+  const config = {
+    path: 'foo',
+    screens: {
+      Foo: {
+        screens: {
+          Fruits: 'fruits/:fruit',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Fruits',
+              params: { fruit: 'apple' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles initialRouteName at top level', () => {
+  const path = '/baz'
+  const config = {
+    initialRouteName: 'Boo',
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    index: 1,
+    routes: [
+      { name: 'Boo' },
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Baz', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles initialRouteName inside a screen', () => {
+  const path = '/baz'
+  const config = {
+    screens: {
+      Foo: {
+        initialRouteName: 'Foe',
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foe',
+            },
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Baz', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles initialRouteName included in path', () => {
+  const path = '/baz'
+  const config = {
+    screens: {
+      Foo: {
+        initialRouteName: 'Foe',
+        screens: {
+          Foe: {
+            screens: {
+              Baz: 'baz',
+            },
+          },
+          Bar: 'bar',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Foe',
+              state: {
+                routes: [{ name: 'Baz', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles two initialRouteNames', () => {
+  const path = '/bar/sweet/apple/foe/bis/jane?answer=42&count=10&valid=true'
+  const config = {
+    screens: {
+      Bar: {
+        path: 'bar/:type/:fruit',
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: 'foe',
+                screens: {
+                  Baz: {
+                    initialRouteName: 'Bos',
+                    screens: {
+                      Bos: {
+                        path: 'bos',
+                        exact: true,
+                      },
+                      Bis: {
+                        path: 'bis/:author',
+                        stringify: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toLowerCase()),
+                        },
+                        parse: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean,
+                        },
+                      },
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const 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: true,
+                                },
+                                path,
+                              },
+                            ],
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('accepts initialRouteName without config for it', () => {
+  const path = '/bar/sweet/apple/foe/bis/jane?answer=42&count=10&valid=true'
+  const config = {
+    screens: {
+      Bar: {
+        path: 'bar/:type/:fruit',
+        screens: {
+          Foo: {
+            screens: {
+              Foe: {
+                path: 'foe',
+                screens: {
+                  Baz: {
+                    initialRouteName: 'Bas',
+                    screens: {
+                      Bos: {
+                        path: 'bos',
+                        exact: true,
+                      },
+                      Bis: {
+                        path: 'bis/:author',
+                        stringify: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toLowerCase()),
+                        },
+                        parse: {
+                          author: (author: string) =>
+                            author.replace(/^\w/, (c) => c.toUpperCase()),
+                          count: Number,
+                          valid: Boolean,
+                        },
+                      },
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const 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: true,
+                                },
+                                path,
+                              },
+                            ],
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('returns undefined if no matching screen is present (top level path)', () => {
+  const path = '/foo/bar'
+  const config = {
+    path: 'qux',
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foo',
+          Bar: {
+            screens: {
+              Baz: 'bar',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  expect(getStateFromPath<object>(path, config)).toBeUndefined()
+})
+
+test('returns undefined if no matching screen is present', () => {
+  const path = '/baz'
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  expect(getStateFromPath<object>(path, config)).toBeUndefined()
+})
+
+test('returns undefined if path is empty and no matching screen is present', () => {
+  const path = ''
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  expect(getStateFromPath<object>(path, config)).toBeUndefined()
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('returns matching screen if path is empty', () => {
+  const path = ''
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Qux: '',
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Qux', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, ''))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('returns matching screen if path is only slash', () => {
+  const path = '/'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Qux: '',
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Qux', path: '' }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, ''))
+})
+
+test('returns matching screen with params if path is empty', () => {
+  const path = '?foo=42'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            screens: {
+              Qux: {
+                path: '',
+                parse: { foo: Number },
+              },
+              Baz: 'baz',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: 'Qux', params: { foo: 42 }, path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/?foo=42'))
+})
+
+test("doesn't match nested screen if path is empty", () => {
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Foe: 'foe',
+          Bar: {
+            path: 'bar',
+            screens: {
+              Qux: {
+                path: '',
+                parse: { foo: Number },
+              },
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const path = ''
+
+  expect(getStateFromPath<object>(path, config)).toBeUndefined()
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('chooses more exhaustive pattern', () => {
+  const path = '/foo/5'
+
+  const config = {
+    screens: {
+      Foe: {
+        path: '/',
+        initialRouteName: 'Foo',
+        screens: {
+          Foo: 'foo',
+          Bis: {
+            path: 'foo/:id',
+            parse: {
+              id: Number,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bis',
+              params: { id: 5 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('handles same paths beginnings', () => {
+  const path = '/foos'
+
+  const config = {
+    screens: {
+      Foe: {
+        path: '/',
+        initialRouteName: 'Foo',
+        screens: {
+          Foo: 'foo',
+          Bis: {
+            path: 'foos',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bis',
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles same paths beginnings with params', () => {
+  const path = '/foos/5'
+
+  const config = {
+    screens: {
+      Foe: {
+        path: '/',
+        initialRouteName: 'Foo',
+        screens: {
+          Foo: 'foo',
+          Bis: {
+            path: 'foos/:id',
+            parse: {
+              id: Number,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bis',
+              params: { id: 5 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles not taking path with too many segments', () => {
+  const path = '/foos/5'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bis',
+              params: { id: 5 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles differently ordered params v1', () => {
+  const path = '/foos/5/res/20'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 20 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles differently ordered params v2', () => {
+  const path = '/5/20/foos/res'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 20 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles differently ordered params v3', () => {
+  const path = '/foos/5/20/res'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 20 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles differently ordered params v4', () => {
+  const path = '5/foos/res/20'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 20 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/5/foos/res/20'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles simple optional params', () => {
+  const path = '/foos/5'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle 2 optional params at the end v1', () => {
+  const path = '/foos/5'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle 2 optional params at the end v2', () => {
+  const path = '/foos/5/10'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, nip: 10 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle 2 optional params at the end v3', () => {
+  const path = '/foos/5/10/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, nip: 10, pwd: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the middle v1', () => {
+  const path = '/foos/5/10'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 10 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the middle v2', () => {
+  const path = '/foos/5/10/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, nip: 10, pwd: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the middle v3', () => {
+  const path = '/foos/5/10/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { id: 5, pwd: 10, smh: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the middle v4', () => {
+  const path = '/foos/5/10'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { pwd: 5, id: 10 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the middle v5', () => {
+  const path = '/foos/5/10/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { nip: 5, pwd: 10, id: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the beginning v1', () => {
+  const path = '5/10/foos/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { nip: 5, pwd: 10, id: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/5/10/foos/15'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handle optional params in the beginning v2', () => {
+  const path = '5/10/foos/15'
+
+  const 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,
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foe',
+        state: {
+          index: 1,
+          routes: [
+            {
+              name: 'Foo',
+            },
+            {
+              name: 'Bas',
+              params: { nip: 5, pwd: 10, id: 15 },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/5/10/foos/15'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('merges parent patterns if needed', () => {
+  const path = 'foo/42/baz/babel'
+
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo/:bar',
+        parse: {
+          bar: Number,
+        },
+        screens: {
+          Baz: 'baz/:qux',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        params: { bar: 42 },
+        state: {
+          routes: [
+            {
+              name: 'Baz',
+              params: { qux: 'babel' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/foo/42/baz/babel'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('ignores extra slashes in the pattern', () => {
+  const path = '/bar/42'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar//:id/',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: '42' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('matches wildcard patterns at root', () => {
+  const path = '/test/bar/42/whatever'
+  const config = {
+    screens: {
+      404: '*',
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [{ name: '404', path }],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/404'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('matches wildcard patterns at nested level', () => {
+  const path = '/bar/42/whatever/baz/initt'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+            screens: {
+              404: '*',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: '42' },
+              state: {
+                routes: [{ name: '404', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/bar/42/404'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('matches wildcard patterns at nested level with exact', () => {
+  const path = '/whatever'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+            screens: {
+              404: {
+                path: '*',
+                exact: true,
+              },
+            },
+          },
+          Baz: {},
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              state: {
+                routes: [{ name: '404', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/404'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('tries to match wildcard patterns at the end', () => {
+  const path = '/bar/42/test'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+            screens: {
+              404: '*',
+              UserProfile: ':userSlug',
+              Test: 'test',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: '42' },
+              state: {
+                routes: [{ name: 'Test', path }],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('uses nearest parent wildcard match for unmatched paths', () => {
+  const path = '/bar/42/baz/test'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+            screens: {
+              Baz: 'baz',
+            },
+          },
+          404: '*',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [{ name: '404', path }],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(changePath(state, '/404'))
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('matches screen with overlapping initial path and wildcard', () => {
+  const path = '/bar/42/baz/test/whatever'
+  const config = {
+    screens: {
+      Foo: {
+        screens: {
+          Bar: {
+            path: '/bar/:id/',
+            screens: {
+              Baz: 'baz',
+            },
+          },
+          Baz: '/bar/:id/*',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [{ name: 'Baz', params: { id: '42' }, path }],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(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<object>(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<object>(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'
+
+  const config = {
+    screens: {
+      RootTabs: {
+        screens: {
+          HomeTab: {
+            screens: {
+              Home: '',
+              WeeklyEarnings: 'weekly-earnings',
+              EventDetails: 'event-details/:eventId',
+            },
+          },
+          EarningsTab: {
+            initialRouteName: 'Earnings',
+            path: 'earnings',
+            screens: {
+              Earnings: '',
+              WeeklyEarnings: 'weekly-earnings',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'RootTabs',
+        state: {
+          routes: [
+            {
+              name: 'HomeTab',
+              state: {
+                routes: [
+                  {
+                    name: 'WeeklyEarnings',
+                    path,
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+test('correctly applies initialRouteName for config with similar route names v2', () => {
+  const path = '/earnings/weekly-earnings'
+
+  const config = {
+    screens: {
+      RootTabs: {
+        screens: {
+          HomeTab: {
+            initialRouteName: 'Home',
+            screens: {
+              Home: '',
+              WeeklyEarnings: 'weekly-earnings',
+            },
+          },
+          EarningsTab: {
+            initialRouteName: 'Earnings',
+            path: 'earnings',
+            screens: {
+              Earnings: '',
+              WeeklyEarnings: 'weekly-earnings',
+            },
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'RootTabs',
+        state: {
+          routes: [
+            {
+              name: 'EarningsTab',
+              state: {
+                index: 1,
+                routes: [
+                  {
+                    name: 'Earnings',
+                  },
+                  {
+                    name: 'WeeklyEarnings',
+                    path,
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+  expect(
+    getStateFromPath<object>(getPathFromState<object>(state, config), config)
+  ).toEqual(state)
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('throws when invalid properties are specified in the config', () => {
+  expect(() =>
+    getStateFromPath<object>('', {
+      path: 42,
+      Foo: 'foo',
+      Bar: {
+        path: 'bar',
+      },
+    } as any)
+  ).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<object>('', {
+      screens: {
+        Foo: 'foo',
+        Bar: {
+          path: 'bar',
+        },
+        Baz: {
+          Qux: {
+            path: 'qux',
+          },
+        },
+      },
+    } as any)
+  ).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<object>('', {
+      path: 'foo/:id',
+    } as any)
+  ).toThrowErrorMatchingInlineSnapshot(
+    `"Found invalid path 'foo/:id'. The 'path' in the top-level configuration cannot contain patterns for params."`
+  )
+})
+
+// Valid characters according to
+// https://datatracker.ietf.org/doc/html/rfc3986#section-3.3 (see pchar definition)
+// A–Z, a–z, 0–9, -, ., _, ~, !, $, &, ', (, ), *, +, ,, ;, =, :, @
+// User09-A_Z~!$&'()*+,;=:@__#?# - should encode only last ones #?#
+// query params after '?' should be encoded fully with encodeURIComponent
+// @modify: TODO: temporally disable failing test
+test.skip('encodes special characters in params', () => {
+  const paramWithValidSymbols = `User09-A_Z~!$&'()*+,;=:@__`
+  const invalidSymbols = '#?[]{}%<>||'
+  const queryString = 'user#email@gmail.com=2&4'
+
+  const path = `users/id/${paramWithValidSymbols}${encodeURIComponent(
+    invalidSymbols
+  )}?query=${encodeURIComponent(queryString)}`
+  const config = {
+    path: 'users',
+    screens: {
+      Users: {
+        screens: {
+          User: 'id/:id',
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Users',
+        state: {
+          routes: [
+            {
+              name: 'User',
+              params: {
+                id: `${paramWithValidSymbols}${invalidSymbols}`,
+                query: queryString,
+              },
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getPathFromState<object>(state, config)).toBe(`/${path}`)
+  expect(getPathFromState<object>(getStateFromPath<object>(path, config)!, config)).toBe(
+    `/${path}`
+  )
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('resolves nested path params with same name to correct screen', () => {
+  const path = '/foo/42/bar/43'
+
+  const config = {
+    initialRouteName: 'Foo',
+    screens: {
+      Foo: {
+        path: 'foo/:id',
+        screens: {
+          Bar: {
+            path: 'bar/:id',
+          },
+        },
+      },
+    },
+  }
+
+  const state = {
+    routes: [
+      {
+        name: 'Foo',
+        params: { id: '42' },
+        state: {
+          routes: [
+            {
+              name: 'Bar',
+              params: { id: '43' },
+              path,
+            },
+          ],
+        },
+      },
+    ],
+  }
+
+  expect(getStateFromPath<object>(path, config)).toEqual(state)
+})
+
+test('parses / same as empty string', () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: '/',
+      },
+      Bar: {
+        path: 'bar',
+      },
+    },
+  }
+
+  expect(getStateFromPath<object>('/', config)).toEqual(
+    getStateFromPath<object>('', config)
+  )
+})
+
+// @modify: TODO: temporally disable failing test
+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: string) => 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<object>('foo/42', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        params: { id: 42 },
+        path: 'foo/42',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/bar', config)).toEqual({
+    routes: [
+      {
+        name: 'Bar',
+        params: { id: 'bar' },
+        path: 'foo/bar',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/42/bar', config)).toEqual({
+    routes: [
+      {
+        name: 'Baz',
+        params: { id: '42', name: 'bar' },
+        path: 'foo/42/bar',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/@bar', config)).toEqual({
+    routes: [
+      {
+        name: 'Qux',
+        params: { id: 'bar' },
+        path: 'foo/@bar',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/@bar', config)).toEqual({
+    routes: [
+      {
+        name: 'Qux',
+        params: { id: 'bar' },
+        path: 'foo/@bar',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/42a', config)).toBeUndefined()
+
+  expect(getStateFromPath<object>('foo/bar/123', config)).toEqual({
+    routes: [
+      {
+        name: 'Quy',
+        params: { category: '123' },
+        path: 'foo/bar/123',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/bar/test', config)).toEqual({
+    routes: [
+      {
+        name: 'Quz',
+        params: { special: 'test' },
+        path: 'foo/bar/test',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('foo/bar/baz', config)).toEqual({
+    routes: [
+      {
+        name: 'Quu',
+        path: 'foo/bar/baz',
+      },
+    ],
+  })
+
+  expect(getStateFromPath<object>('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<object>('foo/bar/', config)).toBeUndefined()
+
+  expect(getStateFromPath<object>('foo/bar/baz', config)).toBeUndefined()
+
+  expect(getStateFromPath<object>('foo/bar/baz/qux', config)).toBeUndefined()
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('handles alias for paths', () => {
+  const config = {
+    screens: {
+      Foo: {
+        path: 'foo',
+        alias: ['first'],
+        screens: {
+          Baz: {
+            path: 'baz/:id?',
+            parse: {
+              id: (value: string) => value.replace(/@/, ''),
+            },
+            alias: [
+              {
+                path: 'second/:id',
+                exact: true,
+              },
+              'third',
+              {
+                path: 'fourth/:id',
+                parse: {
+                  id: (value: string) => value.replace(/\$/, ''),
+                },
+              },
+            ],
+          },
+          Qux: {
+            path: 'qux/:id',
+          },
+        },
+      },
+    },
+  }
+
+  expect(getStateFromPath<object>('foo', config)).toEqual({
+    routes: [{ name: 'Foo', path: 'foo' }],
+  })
+
+  expect(getPathFromState<object>(getStateFromPath<object>('foo', config)!, config)).toBe(
+    '/foo'
+  )
+
+  expect(getStateFromPath<object>('first', config)).toEqual({
+    routes: [{ name: 'Foo', path: 'first' }],
+  })
+
+  expect(
+    getPathFromState<object>(getStateFromPath<object>('first', config)!, config)
+  ).toBe('/foo')
+
+  expect(getStateFromPath<object>('foo/baz/@$test', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Baz',
+              params: { id: '$test' },
+              path: 'foo/baz/@$test',
+            },
+          ],
+        },
+      },
+    ],
+  })
+
+  expect(
+    getPathFromState<object>(getStateFromPath<object>('foo/baz/@$test', config)!, config)
+  ).toBe('/foo/baz/$test')
+
+  expect(getStateFromPath<object>('second/42', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Baz',
+              params: { id: '42' },
+              path: 'second/42',
+            },
+          ],
+        },
+      },
+    ],
+  })
+
+  expect(
+    getPathFromState<object>(getStateFromPath<object>('second/42', config)!, config)
+  ).toBe('/foo/baz/42')
+
+  expect(getStateFromPath<object>('foo/third', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Baz',
+              path: 'foo/third',
+            },
+          ],
+        },
+      },
+    ],
+  })
+
+  expect(
+    getPathFromState<object>(getStateFromPath<object>('foo/third', config)!, config)
+  ).toBe('/foo/baz')
+
+  expect(getStateFromPath<object>('foo/fourth/@$test', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Baz',
+              params: { id: '@test' },
+              path: 'foo/fourth/@$test',
+            },
+          ],
+        },
+      },
+    ],
+  })
+
+  expect(
+    getPathFromState<object>(
+      getStateFromPath<object>('foo/fourth/@$test', config)!,
+      config
+    )
+  ).toBe('/foo/baz/@test')
+
+  expect(getStateFromPath<object>('foo/qux/42', config)).toEqual({
+    routes: [
+      {
+        name: 'Foo',
+        state: {
+          routes: [
+            {
+              name: 'Qux',
+              params: { id: '42' },
+              path: 'foo/qux/42',
+            },
+          ],
+        },
+      },
+    ],
+  })
+
+  expect(
+    getPathFromState<object>(getStateFromPath<object>('foo/qux/42', config)!, config)
+  ).toBe('/foo/qux/42')
+})
+
+// @modify: TODO: temporally disable failing test
+test.skip('throws if screen has alias but no path', () => {
+  expect(() =>
+    getStateFromPath<object>('', {
+      screens: {
+        Foo: {
+          alias: ['bar'],
+        },
+      },
+    })
+  ).toThrow(
+    `Screen 'Foo' doesn't specify a 'path'. A 'path' needs to be specified in order to use 'alias'.`
+  )
+})