fetch relative to layouts

packages/kit/test/apps/basics/src/routes/load/+page.svelte

@@ -7,6 +7,7 @@
 
 <a href="/load/fetch-request">fetch request</a>
 <a href="/load/fetch-relative">fetch relative</a>
+<a href="/load/fetch-layout-relative/a/b/c">fetch layout relative</a>
 <a href="/load/fetch-credentialed">fetch credentialed</a>
 <a href="/load/fetch-headers">fetch headers</a>
 <a href="/load/large-response">large response</a>

packages/kit/test/apps/basics/src/routes/load/fetch-layout-relative/+layout.js

@@ -0,0 +1,5 @@
+/** @type {import('./$types').LayoutLoad} */
+export async function load({ fetch }) {
+	const res = await fetch('./data.json');
+	return await res.json();
+}

packages/kit/test/apps/basics/src/routes/load/fetch-layout-relative/+layout.svelte

@@ -0,0 +1 @@
+<slot />

packages/kit/test/apps/basics/src/routes/load/fetch-layout-relative/a/b/c/+page.svelte

@@ -0,0 +1,6 @@
+<script>
+	/** @type {import('./$types').PageData} */
+	export let data;
+</script>
+
+<h1>the answer is {data.answer}</h1>

packages/kit/test/apps/basics/src/routes/load/fetch-layout-relative/data.json/+server.js

@@ -0,0 +1,6 @@
+import { json } from '@sveltejs/kit';
+
+/** @type {import('./$types').RequestHandler} */
+export function GET() {
+	return json({ answer: 42 });
+}

packages/kit/test/apps/basics/test/test.js

@@ -761,6 +761,12 @@ test.describe('Load', () => {
 		expect(await page.textContent('h2')).toBe('the question was ?');
 	});
 
+	test('fetch resolves relative to layout', async ({ page, clicknav }) => {
+		await page.goto('/load');
+		await clicknav('[href="/load/fetch-layout-relative/a/b/c"]');
+		expect(await page.textContent('h1')).toBe('the answer is 42');
+	});
+
 	test('handles large responses', async ({ page }) => {
 		await page.goto('/load');