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