Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 8 additions & 38 deletions src/lib/queries/useQuery$.reactivity.test.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import { act, render, screen } from "@testing-library/react"
import { BehaviorSubject, filter, map, switchMap } from "rxjs"
import { BehaviorSubject } from "rxjs"
import { describe, expect, it } from "vitest"
import {
createLiveQueryFn,
createQueryClient,
createWrapper,
isDefined,
liveQueryOptions,
} from "../../tests/liveQuery"
import { waitForTimeout } from "../../tests/utils"
Expand All @@ -20,12 +20,7 @@ describe("useQuery$ live-query reactivity", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["live", "add"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -60,12 +55,7 @@ describe("useQuery$ live-query reactivity", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["live", "remove"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -100,12 +90,7 @@ describe("useQuery$ live-query reactivity", () => {
return useQuery$({
...liveQueryOptions,
queryKey: ["live", "double"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})
}

Expand Down Expand Up @@ -145,12 +130,7 @@ describe("useQuery$ live-query reactivity", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["live", "rapid"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -186,12 +166,7 @@ describe("useQuery$ live-query reactivity", () => {
networkMode: "always",
gcTime: 0,
queryKey: ["live", "external-refetch"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -231,12 +206,7 @@ describe("useQuery$ live-query reactivity", () => {
networkMode: "always",
gcTime: 0,
queryKey: ["live", "invalidate"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down
32 changes: 6 additions & 26 deletions src/lib/queries/useQuery$.unmount.test.tsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
import { act, render, screen } from "@testing-library/react"
import { useState } from "react"
import { BehaviorSubject, filter, map, switchMap } from "rxjs"
import { BehaviorSubject } from "rxjs"
import { describe, expect, it } from "vitest"
import {
createLiveQueryFn,
createQueryClient,
createWrapper,
isDefined,
liveQueryOptions,
} from "../../tests/liveQuery"
import { waitForTimeout } from "../../tests/utils"
Expand All @@ -23,12 +23,7 @@ describe("useQuery$ unmount / remount", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["unmount", "add"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -84,12 +79,7 @@ describe("useQuery$ unmount / remount", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["unmount", "remove"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -141,12 +131,7 @@ describe("useQuery$ unmount / remount", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["unmount", "multi"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down Expand Up @@ -209,12 +194,7 @@ describe("useQuery$ unmount / remount", () => {
const { data } = useQuery$({
...liveQueryOptions,
queryKey: ["unmount", "stale-guard"],
queryFn: () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
),
queryFn: createLiveQueryFn(db$, liveQuery$),
})

return <span data-testid="data">{JSON.stringify(data)}</span>
Expand Down
23 changes: 20 additions & 3 deletions src/tests/liveQuery.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
import type React from "react"
import { type BehaviorSubject, filter, map, switchMap } from "rxjs"
import { QueryClientProvider$ } from "../lib/queries/QueryClientProvider$"
import { isDefined } from "../lib/utils/isDefined"

export function isDefined<T>(value: T | undefined | null): value is T {
return value != null
}
export { isDefined }

export function createQueryClient() {
return new QueryClient({
Expand All @@ -31,3 +31,20 @@ export function createWrapper(queryClient: QueryClient) {
)
}
}

/**
* The live-query test suites all model the same shape: a `db$` gate that must
* be defined before the query yields, feeding a `liveQuery$` list that emits
* the latest items. This builds the Observable `queryFn` they share.
*/
export function createLiveQueryFn<T>(
db$: BehaviorSubject<object | undefined>,
liveQuery$: BehaviorSubject<T[]>,
) {
return () =>
db$.pipe(
filter(isDefined),
switchMap(() => liveQuery$),
map((items) => [...items]),
)
}