Class Page

packages/angular-query-experimental/src/__tests__/inject-query.test.ts:290–305

    const key = queryKey()

    @Component({
      template: `
        <div>status: {{ query.status() }}</div>
        <div>data: {{ query.data() ?? 'none' }}</div>
        <div>isPending: {{ query.isPending() }}</div>
        <div>isFetching: {{ query.isFetching() }}</div>
        <div>isFetched: {{ query.isFetched() }}</div>
        <div>isSuccess: {{ query.isSuccess() }}</div>
      `,
    })
    class Page {
      readonly query = injectQuery(() => ({
        queryKey: key,
        queryFn: () => sleep(10).then(() => 'result2'),
      }))
    }

    const rendered = await render(Page)