resolve.spec.ts

import { createRouterMatcher, normalizeRouteRecord } from '../../src/matcher'
import {
  START_LOCATION_NORMALIZED,
  RouteComponent,
  RouteRecordRaw,
  MatcherLocationRaw,
  MatcherLocation,
} from '../../src/types'
import { MatcherLocationNormalizedLoose } from '../utils'
import { mockWarn } from 'jest-mock-warn'

// @ts-expect-error
const component: RouteComponent = null

// for normalized records
const components = { default: component }

describe('RouterMatcher.resolve', () => {
  function assertRecordMatch(
    record: RouteRecordRaw | RouteRecordRaw[],
    location: MatcherLocationRaw,
    resolved: Partial<MatcherLocationNormalizedLoose>,
    start: MatcherLocation = START_LOCATION_NORMALIZED
  ) {
    record = Array.isArray(record) ? record : [record]
    const matcher = createRouterMatcher(record, {})

    if (!('meta' in resolved)) {
      resolved.meta = record[0].meta || {}
    }

    if (!('name' in resolved)) {
      resolved.name = undefined
    }

    // add location if provided as it should be the same value
    if ('path' in location && !('path' in resolved)) {
      resolved.path = location.path
    }

    if ('redirect' in record) {
      throw new Error('not handled')
    } else {
      // use one single record
      if (!resolved.matched) resolved.matched = record.map(normalizeRouteRecord)
      // allow passing an expect.any(Array)
      else if (Array.isArray(resolved.matched))
        resolved.matched = resolved.matched.map(m => ({
          ...normalizeRouteRecord(m as any),
          aliasOf: m.aliasOf,
        }))
    }

    // allows not passing params
    resolved.params =
      resolved.params || ('params' in location ? location.params : {})

    const startCopy: MatcherLocation = {
      ...start,
      matched: start.matched.map(m => ({
        ...normalizeRouteRecord(m),
        aliasOf: m.aliasOf,
      })) as MatcherLocation['matched'],
    }

    // make matched non enumerable
    Object.defineProperty(startCopy, 'matched', { enumerable: false })

    const result = matcher.resolve(location, startCopy)
    expect(result).toEqual(resolved)
  }

  /**
   *
   * @param record - Record or records we are testing the matcher against
   * @param location - location we want to reolve against
   * @param [start] Optional currentLocation used when resolving
   * @returns error
   */
  function assertErrorMatch(
    record: RouteRecordRaw | RouteRecordRaw[],
    location: MatcherLocationRaw,
    start: MatcherLocation = START_LOCATION_NORMALIZED
  ): any {
    try {
      assertRecordMatch(record, location, {}, start)
    } catch (error) {
      return error
    }
    throw new Error('Expected Error to be thrown')
  }

  describe('alias', () => {
    it('resolves an alias', () => {
      assertRecordMatch(
        {
          path: '/',
          alias: '/home',
          name: 'Home',
          components,
          meta: { foo: true },
        },
        { path: '/home' },
        {
          name: 'Home',
          path: '/home',
          params: {},
          meta: { foo: true },
          matched: [
            {
              path: '/home',
              name: 'Home',
              components,
              aliasOf: expect.objectContaining({ name: 'Home', path: '/' }),
              meta: { foo: true },
            },
          ],
        }
      )
    })

    it('multiple aliases', () => {
      const record = {
        path: '/',
        alias: ['/home', '/start'],
        name: 'Home',
        components,
        meta: { foo: true },
      }

      assertRecordMatch(
        record,
        { path: '/' },
        {
          name: 'Home',
          path: '/',
          params: {},
          meta: { foo: true },
          matched: [
            {
              path: '/',
              name: 'Home',
              components,
              aliasOf: undefined,
              meta: { foo: true },
            },
          ],
        }
      )
      assertRecordMatch(
        record,
        { path: '/home' },
        {
          name: 'Home',
          path: '/home',
          params: {},
          meta: { foo: true },
          matched: [
            {
              path: '/home',
              name: 'Home',
              components,
              aliasOf: expect.objectContaining({ name: 'Home', path: '/' }),
              meta: { foo: true },
            },
          ],
        }
      )
      assertRecordMatch(
        record,
        { path: '/start' },
        {
          name: 'Home',
          path: '/start',
          params: {},
          meta: { foo: true },
          matched: [
            {
              path: '/start',
              name: 'Home',
              components,
              aliasOf: expect.objectContaining({ name: 'Home', path: '/' }),
              meta: { foo: true },
            },
          ],
        }
      )
    })

    it('resolves the original record by name', () => {
      assertRecordMatch(
        {
          path: '/',
          alias: '/home',
          name: 'Home',
          components,
          meta: { foo: true },
        },
        { name: 'Home' },
        {
          name: 'Home',
          path: '/',
          params: {},
          meta: { foo: true },
          matched: [
            {
              path: '/',
              name: 'Home',
              components,
              aliasOf: undefined,
              meta: { foo: true },
            },
          ],
        }
      )
    })

    it('resolves an alias with children to the alias when using the path', () => {
      const children = [{ path: 'one', component, name: 'nested' }]
      assertRecordMatch(
        {
          path: '/parent',
          alias: '/p',
          component,
          children,
        },
        { path: '/p/one' },
        {
          path: '/p/one',
          name: 'nested',
          params: {},
          matched: [
            {
              path: '/p',
              children,
              components,
              aliasOf: expect.objectContaining({ path: '/parent' }),
            },
            {
              path: '/p/one',
              name: 'nested',
              components,
              aliasOf: expect.objectContaining({ path: '/parent/one' }),
            },
          ],
        }
      )
    })

    describe('nested aliases', () => {
      const children = [
        {
          path: 'one',
          component,
          name: 'nested',
          alias: 'o',
          children: [
            { path: 'two', alias: 't', name: 'nestednested', component },
          ],
        },
        {
          path: 'other',
          alias: 'otherAlias',
          component,
          name: 'other',
        },
      ]
      const record = {
        path: '/parent',
        name: 'parent',
        alias: '/p',
        component,
        children,
      }

      it('resolves the parent as an alias', () => {
        assertRecordMatch(
          record,
          { path: '/p' },
          expect.objectContaining({
            path: '/p',
            name: 'parent',
            matched: [
              expect.objectContaining({
                path: '/p',
                aliasOf: expect.objectContaining({ path: '/parent' }),
              }),
            ],
          })
        )
      })

      describe('multiple children', () => {
        // tests concerning the /parent/other path and its aliases

        it('resolves the alias parent', () => {
          assertRecordMatch(
            record,
            { path: '/p/other' },
            expect.objectContaining({
              path: '/p/other',
              name: 'other',
              matched: [
                expect.objectContaining({
                  path: '/p',
                  aliasOf: expect.objectContaining({ path: '/parent' }),
                }),
                expect.objectContaining({
                  path: '/p/other',
                  aliasOf: expect.objectContaining({ path: '/parent/other' }),
                }),
              ],
            })
          )
        })

        it('resolves the alias child', () => {
          assertRecordMatch(
            record,
            { path: '/parent/otherAlias' },
            expect.objectContaining({
              path: '/parent/otherAlias',
              name: 'other',
              matched: [
                expect.objectContaining({
                  path: '/parent',
                  aliasOf: undefined,
                }),
                expect.objectContaining({
                  path: '/parent/otherAlias',
                  aliasOf: expect.objectContaining({ path: '/parent/other' }),
                }),
              ],
            })
          )
        })

        it('resolves the alias parent and child', () => {
          assertRecordMatch(
            record,
            { path: '/p/otherAlias' },
            expect.objectContaining({
              path: '/p/otherAlias',
              name: 'other',
              matched: [
                expect.objectContaining({
                  path: '/p',
                  aliasOf: expect.objectContaining({ path: '/parent' }),
                }),
                expect.objectContaining({
                  path: '/p/otherAlias',
                  aliasOf: expect.objectContaining({ path: '/parent/other' }),
                }),
              ],
            })
          )
        })
      })

      it('resolves the original one with no aliases', () => {
        assertRecordMatch(
          record,
          { path: '/parent/one/two' },
          expect.objectContaining({
            path: '/parent/one/two',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/parent',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/one',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/one/two',
                aliasOf: undefined,
              }),
            ],
          })
        )
      })

      it.todo('resolves when parent is an alias and child has an absolute path')

      it('resolves when parent is an alias', () => {
        assertRecordMatch(
          record,
          { path: '/p/one/two' },
          expect.objectContaining({
            path: '/p/one/two',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/p',
                aliasOf: expect.objectContaining({ path: '/parent' }),
              }),
              expect.objectContaining({
                path: '/p/one',
                aliasOf: expect.objectContaining({ path: '/parent/one' }),
              }),
              expect.objectContaining({
                path: '/p/one/two',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })

      it('resolves a different child when parent is an alias', () => {
        assertRecordMatch(
          record,
          { path: '/p/other' },
          expect.objectContaining({
            path: '/p/other',
            name: 'other',
            matched: [
              expect.objectContaining({
                path: '/p',
                aliasOf: expect.objectContaining({ path: '/parent' }),
              }),
              expect.objectContaining({
                path: '/p/other',
                aliasOf: expect.objectContaining({ path: '/parent/other' }),
              }),
            ],
          })
        )
      })

      it('resolves when the first child is an alias', () => {
        assertRecordMatch(
          record,
          { path: '/parent/o/two' },
          expect.objectContaining({
            path: '/parent/o/two',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/parent',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/o',
                aliasOf: expect.objectContaining({ path: '/parent/one' }),
              }),
              expect.objectContaining({
                path: '/parent/o/two',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })

      it('resolves when the second child is an alias', () => {
        assertRecordMatch(
          record,
          { path: '/parent/one/t' },
          expect.objectContaining({
            path: '/parent/one/t',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/parent',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/one',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/one/t',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })

      it('resolves when the two last children are aliases', () => {
        assertRecordMatch(
          record,
          { path: '/parent/o/t' },
          expect.objectContaining({
            path: '/parent/o/t',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/parent',
                aliasOf: undefined,
              }),
              expect.objectContaining({
                path: '/parent/o',
                aliasOf: expect.objectContaining({ path: '/parent/one' }),
              }),
              expect.objectContaining({
                path: '/parent/o/t',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })

      it('resolves when all are aliases', () => {
        assertRecordMatch(
          record,
          { path: '/p/o/t' },
          expect.objectContaining({
            path: '/p/o/t',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/p',
                aliasOf: expect.objectContaining({ path: '/parent' }),
              }),
              expect.objectContaining({
                path: '/p/o',
                aliasOf: expect.objectContaining({ path: '/parent/one' }),
              }),
              expect.objectContaining({
                path: '/p/o/t',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })

      it('resolves when first and last are aliases', () => {
        assertRecordMatch(
          record,
          { path: '/p/one/t' },
          expect.objectContaining({
            path: '/p/one/t',
            name: 'nestednested',
            matched: [
              expect.objectContaining({
                path: '/p',
                aliasOf: expect.objectContaining({ path: '/parent' }),
              }),
              expect.objectContaining({
                path: '/p/one',
                aliasOf: expect.objectContaining({ path: '/parent/one' }),
              }),
              expect.objectContaining({
                path: '/p/one/t',
                aliasOf: expect.objectContaining({ path: '/parent/one/two' }),
              }),
            ],
          })
        )
      })
    })

    it('resolves the original path of the named children of a route with an alias', () => {
      const children = [{ path: 'one', component, name: 'nested' }]
      assertRecordMatch(
        {
          path: '/parent',
          alias: '/p',
          component,
          children,
        },
        { name: 'nested' },
        {
          path: '/parent/one',
          name: 'nested',
          params: {},
          matched: [
            {
              path: '/parent',
              children,
              components,
              aliasOf: undefined,
            },
            { path: '/parent/one', name: 'nested', components },
          ],
        }
      )
    })
  })

  describe('LocationAsPath', () => {
    it('resolves a normal path', () => {
      assertRecordMatch(
        { path: '/', name: 'Home', components },
        { path: '/' },
        { name: 'Home', path: '/', params: {} }
      )
    })

    it('resolves a normal path without name', () => {
      assertRecordMatch(
        { path: '/', components },
        { path: '/' },
        { name: undefined, path: '/', params: {} }
      )
    })

    it('resolves a path with params', () => {
      assertRecordMatch(
        { path: '/users/:id', name: 'User', components },
        { path: '/users/posva' },
        { name: 'User', params: { id: 'posva' } }
      )
    })

    it('resolves an array of params for a repeatable params', () => {
      assertRecordMatch(
        { path: '/a/:p+', name: 'a', components },
        { name: 'a', params: { p: ['b', 'c', 'd'] } },
        { name: 'a', path: '/a/b/c/d', params: { p: ['b', 'c', 'd'] } }
      )
    })

    it('resolves single params for a repeatable params', () => {
      assertRecordMatch(
        { path: '/a/:p+', name: 'a', components },
        { name: 'a', params: { p: 'b' } },
        { name: 'a', path: '/a/b', params: { p: 'b' } }
      )
    })

    it('keeps repeated params as a single one when provided through path', () => {
      assertRecordMatch(
        { path: '/a/:p+', name: 'a', components },
        { path: '/a/b/c' },
        { name: 'a', params: { p: ['b', 'c'] } }
      )
    })

    it('resolves a path with multiple params', () => {
      assertRecordMatch(
        { path: '/users/:id/:other', name: 'User', components },
        { path: '/users/posva/hey' },
        { name: 'User', params: { id: 'posva', other: 'hey' } }
      )
    })

    it('resolves a path with multiple params but no name', () => {
      assertRecordMatch(
        { path: '/users/:id/:other', components },
        { path: '/users/posva/hey' },
        { name: undefined, params: { id: 'posva', other: 'hey' } }
      )
    })

    it('returns an empty match when the path does not exist', () => {
      assertRecordMatch(
        { path: '/', components },
        { path: '/foo' },
        { name: undefined, params: {}, path: '/foo', matched: [] }
      )
    })

    it('allows an optional trailing slash', () => {
      assertRecordMatch(
        { path: '/home/', name: 'Home', components },
        { path: '/home/' },
        { name: 'Home', path: '/home/', matched: expect.any(Array) }
      )
    })

    it('allows an optional trailing slash with optional param', () => {
      assertRecordMatch(
        { path: '/:a', components, name: 'a' },
        { path: '/a/' },
        { path: '/a/', params: { a: 'a' }, name: 'a' }
      )
      assertRecordMatch(
        { path: '/a/:a', components, name: 'a' },
        { path: '/a/a/' },
        { path: '/a/a/', params: { a: 'a' }, name: 'a' }
      )
    })

    it('allows an optional trailing slash with missing optional param', () => {
      assertRecordMatch(
        { path: '/:a?', components, name: 'a' },
        { path: '/' },
        { path: '/', params: { a: '' }, name: 'a' }
      )
      assertRecordMatch(
        { path: '/a/:a?', components, name: 'a' },
        { path: '/a/' },
        { path: '/a/', params: { a: '' }, name: 'a' }
      )
    })

    it('keeps required trailing slash (strict: true)', () => {
      const record = {
        path: '/home/',
        name: 'Home',
        components,
        options: { strict: true },
      }
      assertErrorMatch(record, { path: '/home' })
      assertRecordMatch(
        record,
        { path: '/home/' },
        { name: 'Home', path: '/home/', matched: expect.any(Array) }
      )
    })

    it('rejects a trailing slash when strict', () => {
      const record = {
        path: '/home',
        name: 'Home',
        components,
        options: { strict: true },
      }
      assertRecordMatch(
        record,
        { path: '/home' },
        { name: 'Home', path: '/home', matched: expect.any(Array) }
      )
      assertErrorMatch(record, { path: '/home/' })
    })
  })

  describe('LocationAsName', () => {
    it('matches a name', () => {
      assertRecordMatch(
        { path: '/home', name: 'Home', components },
        { name: 'Home' },
        { name: 'Home', path: '/home' }
      )
    })

    it('matches a name and fill params', () => {
      assertRecordMatch(
        { path: '/users/:id/m/:role', name: 'UserEdit', components },
        { name: 'UserEdit', params: { id: 'posva', role: 'admin' } },
        { name: 'UserEdit', path: '/users/posva/m/admin' }
      )
    })

    it('throws if the named route does not exists', () => {
      expect(
        assertErrorMatch({ path: '/', components }, { name: 'Home' })
      ).toMatchSnapshot()
    })

    it('merges params', () => {
      assertRecordMatch(
        { path: '/:a/:b', name: 'p', components },
        { name: 'p', params: { b: 'b' } },
        { name: 'p', path: '/a/b', params: { a: 'a', b: 'b' } },
        {
          params: { a: 'a' },
          path: '/a',
          matched: [],
          meta: {},
          name: undefined,
        }
      )
    })

    it('only keep existing params', () => {
      assertRecordMatch(
        { path: '/:a/:b', name: 'p', components },
        { name: 'p', params: { b: 'b' } },
        { name: 'p', path: '/a/b', params: { a: 'a', b: 'b' } },
        {
          params: { a: 'a', c: 'c' },
          path: '/a',
          matched: [],
          meta: {},
          name: undefined,
        }
      )
    })

    it('drops optional params', () => {
      assertRecordMatch(
        { path: '/:a/:b?', name: 'p', components },
        { name: 'p', params: { a: 'b' } },
        { name: 'p', path: '/b', params: { a: 'b' } },
        {
          params: { a: 'a', b: 'b' },
          path: '/a',
          matched: [],
          meta: {},
          name: undefined,
        }
      )
    })
  })

  describe('LocationAsRelative', () => {
    mockWarn()
    it('warns if a path isn not absolute', () => {
      const record = {
        path: '/parent',
        components,
      }
      const matcher = createRouterMatcher([record], {})
      matcher.resolve(
        { path: 'two' },
        {
          path: '/parent/one',
          name: undefined,
          params: {},
          matched: [] as any,
          meta: {},
        }
      )
      expect('received "two"').toHaveBeenWarned()
    })

    it('matches with nothing', () => {
      const record = { path: '/home', name: 'Home', components }
      assertRecordMatch(
        record,
        {},
        { name: 'Home', path: '/home' },
        {
          name: 'Home',
          params: {},
          path: '/home',
          matched: [record] as any,
          meta: {},
        }
      )
    })

    it('replace params even with no name', () => {
      const record = { path: '/users/:id/m/:role', components }
      assertRecordMatch(
        record,
        { params: { id: 'posva', role: 'admin' } },
        { name: undefined, path: '/users/posva/m/admin' },
        {
          path: '/users/ed/m/user',
          name: undefined,
          params: { id: 'ed', role: 'user' },
          matched: [record] as any,
          meta: {},
        }
      )
    })

    it('replace params', () => {
      const record = {
        path: '/users/:id/m/:role',
        name: 'UserEdit',
        components,
      }
      assertRecordMatch(
        record,
        { params: { id: 'posva', role: 'admin' } },
        { name: 'UserEdit', path: '/users/posva/m/admin' },
        {
          path: '/users/ed/m/user',
          name: 'UserEdit',
          params: { id: 'ed', role: 'user' },
          matched: [],
          meta: {},
        }
      )
    })

    it('keep params if not provided', () => {
      const record = {
        path: '/users/:id/m/:role',
        name: 'UserEdit',
        components,
      }
      assertRecordMatch(
        record,
        {},
        {
          name: 'UserEdit',
          path: '/users/ed/m/user',
          params: { id: 'ed', role: 'user' },
        },
        {
          path: '/users/ed/m/user',
          name: 'UserEdit',
          params: { id: 'ed', role: 'user' },
          matched: [record] as any,
          meta: {},
        }
      )
    })

    it('keep params if not provided even with no name', () => {
      const record = { path: '/users/:id/m/:role', components }
      assertRecordMatch(
        record,
        {},
        {
          name: undefined,
          path: '/users/ed/m/user',
          params: { id: 'ed', role: 'user' },
        },
        {
          path: '/users/ed/m/user',
          name: undefined,
          params: { id: 'ed', role: 'user' },
          matched: [record] as any,
          meta: {},
        }
      )
    })

    it('merges params', () => {
      assertRecordMatch(
        { path: '/:a/:b?', name: 'p', components },
        { params: { b: 'b' } },
        { name: 'p', path: '/a/b', params: { a: 'a', b: 'b' } },
        {
          name: 'p',
          params: { a: 'a' },
          path: '/a',
          matched: [],
          meta: {},
        }
      )
    })

    it('keep optional params', () => {
      assertRecordMatch(
        { path: '/:a/:b?', name: 'p', components },
        {},
        { name: 'p', path: '/a/b', params: { a: 'a', b: 'b' } },
        {
          name: 'p',
          params: { a: 'a', b: 'b' },
          path: '/a/b',
          matched: [],
          meta: {},
        }
      )
    })

    it('merges optional params', () => {
      assertRecordMatch(
        { path: '/:a/:b?', name: 'p', components },
        { params: { a: 'c' } },
        { name: 'p', path: '/c/b', params: { a: 'c', b: 'b' } },
        {
          name: 'p',
          params: { a: 'a', b: 'b' },
          path: '/a/b',
          matched: [],
          meta: {},
        }
      )
    })

    it('throws if the current named route does not exists', () => {
      const record = { path: '/', components }
      const start = {
        name: 'home',
        params: {},
        path: '/',
        matched: [record],
      }
      // the property should be non enumerable
      Object.defineProperty(start, 'matched', { enumerable: false })
      expect(
        assertErrorMatch(
          record,
          { params: { a: 'foo' } },
          {
            ...start,
            matched: start.matched.map(normalizeRouteRecord),
            meta: {},
          }
        )
      ).toMatchSnapshot()
    })
  })

  describe('children', () => {
    const ChildA = { path: 'a', name: 'child-a', components }
    const ChildB = { path: 'b', name: 'child-b', components }
    const ChildC = { path: 'c', name: 'child-c', components }
    const ChildD = { path: '/absolute', name: 'absolute', components }
    const ChildWithParam = { path: ':p', name: 'child-params', components }
    const NestedChildWithParam = {
      ...ChildWithParam,
      name: 'nested-child-params',
    }
    const NestedChildA = { ...ChildA, name: 'nested-child-a' }
    const NestedChildB = { ...ChildB, name: 'nested-child-b' }
    const NestedChildC = { ...ChildC, name: 'nested-child-c' }
    const Nested = {
      path: 'nested',
      name: 'nested',
      components,
      children: [NestedChildA, NestedChildB, NestedChildC],
    }
    const NestedWithParam = {
      path: 'nested/:n',
      name: 'nested',
      components,
      children: [NestedChildWithParam],
    }

    it('resolves children', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [ChildA, ChildB, ChildC],
      }
      assertRecordMatch(
        Foo,
        { path: '/foo/b' },
        {
          name: 'child-b',
          path: '/foo/b',
          params: {},
          matched: [Foo, { ...ChildB, path: `${Foo.path}/${ChildB.path}` }],
        }
      )
    })

    it('resolves children with empty paths', () => {
      const Nested = { path: '', name: 'nested', components }
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Foo,
        { path: '/foo' },
        {
          name: 'nested',
          path: '/foo',
          params: {},
          matched: [Foo, { ...Nested, path: `${Foo.path}` }],
        }
      )
    })

    it('resolves nested children with empty paths', () => {
      const NestedNested = { path: '', name: 'nested', components }
      const Nested = {
        path: '',
        name: 'nested-nested',
        components,
        children: [NestedNested],
      }
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Foo,
        { path: '/foo' },
        {
          name: 'nested',
          path: '/foo',
          params: {},
          matched: [
            Foo,
            { ...Nested, path: `${Foo.path}` },
            { ...NestedNested, path: `${Foo.path}` },
          ],
        }
      )
    })

    it('resolves nested children', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Foo,
        { path: '/foo/nested/a' },
        {
          name: 'nested-child-a',
          path: '/foo/nested/a',
          params: {},
          matched: [
            Foo,
            { ...Nested, path: `${Foo.path}/${Nested.path}` },
            {
              ...NestedChildA,
              path: `${Foo.path}/${Nested.path}/${NestedChildA.path}`,
            },
          ],
        }
      )
    })

    it('resolves nested children with named location', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Foo,
        { name: 'nested-child-a' },
        {
          name: 'nested-child-a',
          path: '/foo/nested/a',
          params: {},
          matched: [
            Foo,
            { ...Nested, path: `${Foo.path}/${Nested.path}` },
            {
              ...NestedChildA,
              path: `${Foo.path}/${Nested.path}/${NestedChildA.path}`,
            },
          ],
        }
      )
    })

    it('resolves nested children with relative location', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Foo,
        {},
        {
          name: 'nested-child-a',
          path: '/foo/nested/a',
          params: {},
          matched: [
            Foo,
            { ...Nested, path: `${Foo.path}/${Nested.path}` },
            {
              ...NestedChildA,
              path: `${Foo.path}/${Nested.path}/${NestedChildA.path}`,
            },
          ],
        },
        {
          name: 'nested-child-a',
          matched: [],
          params: {},
          path: '/foo/nested/a',
          meta: {},
        }
      )
    })

    it('resolves nested children with params', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [NestedWithParam],
      }
      assertRecordMatch(
        Foo,
        { path: '/foo/nested/a/b' },
        {
          name: 'nested-child-params',
          path: '/foo/nested/a/b',
          params: { p: 'b', n: 'a' },
          matched: [
            Foo,
            {
              ...NestedWithParam,
              path: `${Foo.path}/${NestedWithParam.path}`,
            },
            {
              ...NestedChildWithParam,
              path: `${Foo.path}/${NestedWithParam.path}/${NestedChildWithParam.path}`,
            },
          ],
        }
      )
    })

    it('resolves nested children with params with named location', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [NestedWithParam],
      }
      assertRecordMatch(
        Foo,
        { name: 'nested-child-params', params: { p: 'a', n: 'b' } },
        {
          name: 'nested-child-params',
          path: '/foo/nested/b/a',
          params: { p: 'a', n: 'b' },
          matched: [
            Foo,
            {
              ...NestedWithParam,
              path: `${Foo.path}/${NestedWithParam.path}`,
            },
            {
              ...NestedChildWithParam,
              path: `${Foo.path}/${NestedWithParam.path}/${NestedChildWithParam.path}`,
            },
          ],
        }
      )
    })

    it('resolves absolute path children', () => {
      const Foo = {
        path: '/foo',
        name: 'Foo',
        components,
        children: [ChildA, ChildD],
      }
      assertRecordMatch(
        Foo,
        { path: '/absolute' },
        {
          name: 'absolute',
          path: '/absolute',
          params: {},
          matched: [Foo, ChildD],
        }
      )
    })

    it('resolves children with root as the parent', () => {
      const Nested = { path: 'nested', name: 'nested', components }
      const Parent = {
        path: '/',
        name: 'parent',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Parent,
        { path: '/nested' },
        {
          name: 'nested',
          path: '/nested',
          params: {},
          matched: [Parent, { ...Nested, path: `/nested` }],
        }
      )
    })

    it('resolves children with parent with trailing slash', () => {
      const Nested = { path: 'nested', name: 'nested', components }
      const Parent = {
        path: '/parent/',
        name: 'parent',
        components,
        children: [Nested],
      }
      assertRecordMatch(
        Parent,
        { path: '/parent/nested' },
        {
          name: 'nested',
          path: '/parent/nested',
          params: {},
          matched: [Parent, { ...Nested, path: `/parent/nested` }],
        }
      )
    })
  })
})