(
overrides: Partial<QueryDevtoolsProps> = {},
initialStorage: Record<string, string> = {},
)
| 98 | }) |
| 99 | |
| 100 | function renderDevtools( |
| 101 | overrides: Partial<QueryDevtoolsProps> = {}, |
| 102 | initialStorage: Record<string, string> = {}, |
| 103 | ) { |
| 104 | Object.entries(initialStorage).forEach(([key, value]) => { |
| 105 | localStorage.setItem(key, value) |
| 106 | }) |
| 107 | return render(() => { |
| 108 | const [localStore, setLocalStore] = createLocalStorage({ |
| 109 | prefix: 'TanstackQueryDevtools', |
| 110 | }) |
| 111 | return ( |
| 112 | <QueryDevtoolsContext.Provider |
| 113 | value={{ |
| 114 | client: queryClient, |
| 115 | queryFlavor: 'TanStack Query', |
| 116 | version: '5', |
| 117 | onlineManager, |
| 118 | ...overrides, |
| 119 | }} |
| 120 | > |
| 121 | <PiPProvider localStore={localStore} setLocalStore={setLocalStore}> |
| 122 | <ThemeContext.Provider value={() => 'dark'}> |
| 123 | <Devtools localStore={localStore} setLocalStore={setLocalStore} /> |
| 124 | </ThemeContext.Provider> |
| 125 | </PiPProvider> |
| 126 | </QueryDevtoolsContext.Provider> |
| 127 | ) |
| 128 | }) |
| 129 | } |
| 130 | |
| 131 | describe('initial state', () => { |
| 132 | it('should render the open devtools button', () => { |
no test coverage detected