fix tests

TanStack · Jun 27, 2024 · ea2e381 · ea2e381
1 parent 846ccc6
commit ea2e381
Show file tree

Hide file tree

Showing 51 changed files with 206 additions and 187 deletions.
diff --git a/docs/framework/react/guide/data-loading.md b/docs/framework/react/guide/data-loading.md
@@ -294,10 +294,10 @@ import { createFileRoute } from '@tanstack/react-router'
 export const Route = createFileRoute('/posts')({
   // Pass the fetchPosts function to the route context
   beforeLoad: () => ({
-    fetchPosts: () => console.log('foo'),
+    fetchPosts: () => console.info('foo'),
   }),
   loader: ({ context: { fetchPosts } }) => {
-    console.log(fetchPosts()) // 'foo'
+    console.info(fetchPosts()) // 'foo'
 
     // ...
   },

diff --git a/docs/framework/react/guide/navigation.md b/docs/framework/react/guide/navigation.md
@@ -469,7 +469,7 @@ function Component() {
 
   useEffect(() => {
     if (matchRoute({ to: '/users', pending: true })) {
-      console.log('The /users route is matched and pending')
+      console.info('The /users route is matched and pending')
     }
   })
 

diff --git a/examples/react/basic-default-search-params/src/main.tsx b/examples/react/basic-default-search-params/src/main.tsx
@@ -23,15 +23,15 @@ type PostType = {
 }
 
 const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 300))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')
     .then((r) => r.data.slice(0, 10))
 }
 
 const fetchPost = async (postId: number) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 300))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)

diff --git a/examples/react/basic-file-based-codesplitting/src/posts.tsx b/examples/react/basic-file-based-codesplitting/src/posts.tsx
@@ -8,7 +8,7 @@ export type PostType = {
 }
 
 export const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
@@ -24,7 +24,7 @@ export const fetchPost = async (postId: string) => {
 }
 
 export const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')

diff --git a/examples/react/basic-file-based/src/posts.tsx b/examples/react/basic-file-based/src/posts.tsx
@@ -8,7 +8,7 @@ export type PostType = {
 }
 
 export const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
@@ -24,7 +24,7 @@ export const fetchPost = async (postId: string) => {
 }
 
 export const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<Array<PostType>>('https://jsonplaceholder.typicode.com/posts')

diff --git a/examples/react/basic-react-query-file-based/src/posts.tsx b/examples/react/basic-react-query-file-based/src/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 export class PostNotFoundError extends Error {}
 
 export const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
@@ -25,7 +25,7 @@ export const fetchPost = async (postId: string) => {
 }
 
 export const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')

diff --git a/examples/react/basic-react-query/src/main.tsx b/examples/react/basic-react-query/src/main.tsx
@@ -29,15 +29,15 @@ type PostType = {
 }
 
 const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')
     .then((r) => r.data.slice(0, 10))
 }
 
 const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)

diff --git a/examples/react/basic-ssr-file-based/server.js b/examples/react/basic-ssr-file-based/server.js
@@ -72,11 +72,11 @@ export async function createServer(
         }
       })()
 
-      console.log('Rendering: ', url, '...')
+      console.info('Rendering: ', url, '...')
       entry.render({ req, res, url, head: viteHead })
     } catch (e) {
       !isProd && vite.ssrFixStacktrace(e)
-      console.log(e.stack)
+      console.info(e.stack)
       res.status(500).end(e.stack)
     }
   })
@@ -87,7 +87,7 @@ export async function createServer(
 if (!isTest) {
   createServer().then(async ({ app }) =>
     app.listen(await getPort({ port: portNumbers(3000, 3100) }), () => {
-      console.log('Client Server: http://localhost:3000')
+      console.info('Client Server: http://localhost:3000')
     }),
   )
 }
diff --git a/examples/react/basic-ssr-file-based/src/routes/posts.tsx b/examples/react/basic-ssr-file-based/src/routes/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 
 export const Route = createFileRoute('/posts')({
   loader: async () => {
-    console.log('Fetching posts...')
+    console.info('Fetching posts...')
     await new Promise((r) =>
       setTimeout(r, 300 + Math.round(Math.random() * 300)),
     )

diff --git a/examples/react/basic-ssr-file-based/src/routes/posts/$postId.tsx b/examples/react/basic-ssr-file-based/src/routes/posts/$postId.tsx
@@ -4,7 +4,7 @@ import { PostType } from '../posts'
 
 export const Route = createFileRoute('/posts/$postId')({
   loader: async ({ params }) => {
-    console.log(`Fetching post with id ${params.postId}...`)
+    console.info(`Fetching post with id ${params.postId}...`)
 
     await new Promise((r) => setTimeout(r, Math.round(Math.random() * 300)))
 

diff --git a/examples/react/basic-ssr-streaming-file-based/server.js b/examples/react/basic-ssr-streaming-file-based/server.js
@@ -72,11 +72,11 @@ export async function createServer(
         }
       })()
 
-      console.log('Rendering: ', url, '...')
+      console.info('Rendering: ', url, '...')
       entry.render({ req, res, url, head: viteHead })
     } catch (e) {
       !isProd && vite.ssrFixStacktrace(e)
-      console.log(e.stack)
+      console.info(e.stack)
       res.status(500).end(e.stack)
     }
   })
@@ -87,7 +87,7 @@ export async function createServer(
 if (!isTest) {
   createServer().then(async ({ app }) =>
     app.listen(await getPort({ port: portNumbers(3000, 3100) }), () => {
-      console.log('Client Server: http://localhost:3000')
+      console.info('Client Server: http://localhost:3000')
     }),
   )
 }
diff --git a/examples/react/basic-ssr-streaming-file-based/src/routes/posts.tsx b/examples/react/basic-ssr-streaming-file-based/src/routes/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 
 export const Route = createFileRoute('/posts')({
   loader: async () => {
-    console.log('Fetching posts...')
+    console.info('Fetching posts...')
     await new Promise((r) =>
       setTimeout(r, 300 + Math.round(Math.random() * 300)),
     )

diff --git a/examples/react/basic-ssr-streaming-file-based/src/routes/posts/$postId.tsx b/examples/react/basic-ssr-streaming-file-based/src/routes/posts/$postId.tsx
@@ -3,7 +3,7 @@ import * as React from 'react'
 import type { PostType } from '../posts'
 
 async function fetchPostById(postId: string) {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
 
   await new Promise((r) => setTimeout(r, 100 + Math.round(Math.random() * 100)))
 

diff --git a/examples/react/basic/src/main.tsx b/examples/react/basic/src/main.tsx
@@ -21,7 +21,7 @@ type PostType = {
 }
 
 const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 300))
   return (
     axios
@@ -32,7 +32,7 @@ const fetchPosts = async () => {
 }
 
 const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 300))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)

diff --git a/examples/react/deferred-data/src/main.tsx b/examples/react/deferred-data/src/main.tsx
@@ -31,15 +31,15 @@ type CommentType = {
 }
 
 const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 100))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')
     .then((r) => r.data.slice(0, 10))
 }
 
 const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
 
   const commentsPromise = new Promise((r) => setTimeout(r, 2000))
     .then(() =>

diff --git a/examples/react/kitchen-sink-file-based/src/utils/mockTodos.ts b/examples/react/kitchen-sink-file-based/src/utils/mockTodos.ts
@@ -92,7 +92,7 @@ export async function fetchInvoiceById(id: number) {
 export async function postInvoice(partialInvoice: Partial<Invoice>) {
   return actionDelayFn(() => {
     if (partialInvoice.title?.includes('error')) {
-      console.log('error')
+      console.error('error')
       throw new Error('Ouch!')
     }
     const invoice = {

diff --git a/examples/react/kitchen-sink-react-query-file-based/src/utils/mockTodos.ts b/examples/react/kitchen-sink-react-query-file-based/src/utils/mockTodos.ts
@@ -92,7 +92,7 @@ export async function fetchInvoiceById(id: number) {
 export async function postInvoice(partialInvoice: Partial<Invoice>) {
   return actionDelayFn(() => {
     if (partialInvoice.title?.includes('error')) {
-      console.log('error')
+      console.error('error')
       throw new Error('Ouch!')
     }
     const invoice = {

diff --git a/examples/react/kitchen-sink-react-query/src/main.tsx b/examples/react/kitchen-sink-react-query/src/main.tsx
@@ -920,13 +920,6 @@ const router = createRouter({
   defaultPreloadStaleTime: 0,
 })
 
-// router.subscribe('onResolved', ({ pathChanged }) => {
-//   if (pathChanged) {
-//     console.log('invalidate')
-//     queryClient.getMutationCache().clear()
-//   }
-// })
-
 declare module '@tanstack/react-router' {
   interface Register {
     router: typeof router

diff --git a/examples/react/kitchen-sink-react-query/src/mockTodos.ts b/examples/react/kitchen-sink-react-query/src/mockTodos.ts
@@ -92,7 +92,7 @@ export async function fetchInvoiceById(id: number) {
 export async function postInvoice(partialInvoice: Partial<Invoice>) {
   return actionDelayFn(() => {
     if (partialInvoice.title?.includes('error')) {
-      console.log('error')
+      console.error('error')
       throw new Error('Ouch!')
     }
     const invoice = {

diff --git a/examples/react/kitchen-sink/src/mockTodos.ts b/examples/react/kitchen-sink/src/mockTodos.ts
@@ -92,7 +92,7 @@ export async function fetchInvoiceById(id: number) {
 export async function postInvoice(partialInvoice: Partial<Invoice>) {
   return actionDelayFn(() => {
     if (partialInvoice.title?.includes('error')) {
-      console.log('error')
+      console.error('error')
       throw new Error('Ouch!')
     }
     const invoice = {

diff --git a/examples/react/location-masking/src/main.tsx b/examples/react/location-masking/src/main.tsx
@@ -28,15 +28,15 @@ type PhotoType = {
 class NotFoundError extends Error {}
 
 const fetchPhotos = async () => {
-  console.log('Fetching photos...')
+  console.info('Fetching photos...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<PhotoType[]>('https://jsonplaceholder.typicode.com/photos')
     .then((r) => r.data.slice(0, 10))
 }
 
 const fetchPhoto = async (photoId: string) => {
-  console.log(`Fetching photo with id ${photoId}...`)
+  console.info(`Fetching photo with id ${photoId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const photo = await axios
     .get<PhotoType>(`https://jsonplaceholder.typicode.com/photos/${photoId}`)

diff --git a/examples/react/quickstart-file-based/src/posts.tsx b/examples/react/quickstart-file-based/src/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 export class PostNotFoundError extends Error {}
 
 export const fetchPost = async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
@@ -25,7 +25,7 @@ export const fetchPost = async (postId: string) => {
 }
 
 export const fetchPosts = async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<PostType[]>('https://jsonplaceholder.typicode.com/posts')

diff --git a/examples/react/start-basic-rsc/app/routes/posts.tsx b/examples/react/start-basic-rsc/app/routes/posts.tsx
@@ -11,6 +11,6 @@ export const Route = createFileRoute('/posts')({
 })
 
 function PostsComponent() {
-  console.log('render PostsComponent')
+  console.info('render PostsComponent')
   return renderRsc(Route.useLoaderData())
 }
diff --git a/examples/react/start-basic-rsc/app/utils/posts.tsx b/examples/react/start-basic-rsc/app/utils/posts.tsx
@@ -10,7 +10,7 @@ export type PostType = {
 
 export const fetchPost = async (postId: string) => {
   'use server'
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   await new Promise((r) => setTimeout(r, 500))
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
@@ -27,7 +27,7 @@ export const fetchPost = async (postId: string) => {
 
 export const fetchPosts = async () => {
   'use server'
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return axios
     .get<Array<PostType>>('https://jsonplaceholder.typicode.com/posts')

diff --git a/examples/react/start-basic/app/utils/posts.tsx b/examples/react/start-basic/app/utils/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 }
 
 export const fetchPost = createServerFn('GET', async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
     .then((r) => r.data)
@@ -24,7 +24,7 @@ export const fetchPost = createServerFn('GET', async (postId: string) => {
 })
 
 export const fetchPosts = createServerFn('GET', async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   return axios
     .get<Array<PostType>>('https://jsonplaceholder.typicode.com/posts')
     .then((r) => r.data.slice(0, 10))

diff --git a/examples/react/start-trellaux/app/utils/posts.tsx b/examples/react/start-trellaux/app/utils/posts.tsx
@@ -9,7 +9,7 @@ export type PostType = {
 }
 
 export const fetchPost = createServerFn('GET', async (postId: string) => {
-  console.log(`Fetching post with id ${postId}...`)
+  console.info(`Fetching post with id ${postId}...`)
   const post = await axios
     .get<PostType>(`https://jsonplaceholder.typicode.com/posts/${postId}`)
     .then((r) => r.data)
@@ -24,7 +24,7 @@ export const fetchPost = createServerFn('GET', async (postId: string) => {
 })
 
 export const fetchPosts = createServerFn('GET', async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   return axios
     .get<Array<PostType>>('https://jsonplaceholder.typicode.com/posts')
     .then((r) => r.data.slice(0, 10))

diff --git a/examples/react/wip-with-bling/src/routes/posts.tsx b/examples/react/wip-with-bling/src/routes/posts.tsx
@@ -25,7 +25,7 @@ export type CommentType = {
 }
 
 const fetchPosts = server$(async () => {
-  console.log('Fetching posts...')
+  console.info('Fetching posts...')
   await new Promise((r) => setTimeout(r, 500))
   return fetch('https://jsonplaceholder.typicode.com/posts')
     .then((d) => d.json() as Promise<PostType[]>)