Function setup

packages/vue-router/tests/blocker.test.tsx:29–107

({ blockerFn, disabled, ignoreBlocker }: BlockerTestOpts)

}

async function setup({ blockerFn, disabled, ignoreBlocker }: BlockerTestOpts) {
  const _mockBlockerFn = vi.fn(blockerFn)
  const rootRoute = createRootRoute()
  const indexRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/',
    component: function Setup() {
      const navigate = useNavigate()
      useBlocker({ disabled, shouldBlockFn: _mockBlockerFn })
      return (
        <>
          <h1>Index</h1>
          <Link to="/posts" ignoreBlocker={ignoreBlocker}>
            link to posts
          </Link>
          <Link to="/foo">link to foo</Link>
          <button onClick={() => navigate({ to: '/posts', ignoreBlocker })}>
            button
          </button>
        </>
      )
    },
  })

  const postsRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/posts',
    component: () => (
      <>
        <h1>Posts</h1>
      </>
    ),
  })

  const fooRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/foo',
    beforeLoad: () => {
      throw redirect({ to: '/bar' })
    },
    component: () => (
      <>
        <h1>Foo</h1>
      </>
    ),
  })

  const barRoute = createRoute({
    getParentRoute: () => rootRoute,
    path: '/bar',
    component: () => (
      <>
        <h1>Bar</h1>
      </>
    ),
  })

  const router = createRouter({