docs: Add mocking useLocation to docs (#6791)

* add mocking-useLocation to how-to in docs * Update mocking-useLocation.md * move mocking-useLocation to testing * Update docs/docs/testing.md Co-authored-by: Dominic Saadi <[email protected]> * Update docs/docs/testing.md Co-authored-by: Dominic Saadi <[email protected]>
redwoodjs · Nov 4, 2022 · 91ae7b6 · 91ae7b6
1 parent 53b8fe4
commit 91ae7b6
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/docs/docs/testing.md b/docs/docs/testing.md
@@ -274,6 +274,19 @@ render(<Article article={ title: 'Foobar' } />, {
 })
 ```
 :::
+### Mocking useLocation
+
+To mock `useLocation` in your component tests, wrap the component with `LocationProvider`:
+
+```jsx
+import { LocationProvider } from '@redwoodjs/router'
+
+render(
+  <LocationProvider location={{ pathname: '', search: '?cancelled=true' }}>
+    <Component />
+  </LocationProvider>
+)
+```
 
 ## Testing Custom Hooks