LocationProvider type is missing url prop

[florianeckerstorfer]

I'm trying to test a component that uses useLocation with @testing-library/preact and I found no information in the docs on how to mock the location. After looking through the source code I figured out I can just provide the URL to the LocationProvider:

render(
  <LocationProvider url="/some/path">
    <My Component />
  </LocationProvider>
);

However, since url is missing from the Typescript type I get an TypeError in my code. Is there a reason why the prop is missing from the type or should it be added?

[rschristian]

Not missing; it was hastily added and the prop doesn't fully work. It'll be removed entirely in the next version.

Instead, patch globalThis.location, it's far more robust and ensures better compatibility with components.

preact-iso/src/prerender.js

Lines 44 to 59 in 4e94fb2

	/**
	* Update `location` to current URL so routers can use things like `location.pathname`
	*
	* @param {string} path - current URL path
	*/
	export function locationStub(path) {
	globalThis.location = {};
	const u = new URL(path, 'http://localhost');
	for (const i in u) {
	try {
	globalThis.location[i] = /to[A-Z]/.test(i)
	? u[i].bind(u)
	: String(u[i]);
	} catch {}
	}
	}

I need to publish a new version of iso, but for the meantime, you can just copy/paste this.

[florianeckerstorfer]

Thanks for the response, works like a charm.

[rschristian]

Utility is available in 2.7.0

[florianeckerstorfer]

@rschristian Wow, that was fast. Thank you ❤️

[rschristian]

No prob, should've gotten that out sooner tbh! Glad it helps though