diff --git a/src/browser/fetch/fetch.zig b/src/browser/fetch/fetch.zig
index 01ec1040..036dc9ee 100644
--- a/src/browser/fetch/fetch.zig
+++ b/src/browser/fetch/fetch.zig
@@ -111,7 +111,7 @@ pub fn fetch(input: RequestInput, options: ?RequestInit, page: *Page) !Env.Promi
     while (header_iter.next()) |entry| {
         // This is fine because curl/headers copies it internally.
         const combined = try std.fmt.allocPrintSentinel(
-            page.call_arena,
+            page.arena,
             "{s}: {s}",
             .{ entry.key_ptr.*, entry.value_ptr.* },
             0,
@@ -229,3 +229,8 @@ pub fn fetch(input: RequestInput, options: ?RequestInit, page: *Page) !Env.Promi
 
     return resolver.promise();
 }
+
+const testing = @import("../../testing.zig");
+test "fetch: fetch" {
+    try testing.htmlRunner("fetch/fetch.html");
+}
diff --git a/src/tests/fetch/fetch.html b/src/tests/fetch/fetch.html
new file mode 100644
index 00000000..8b4019d4
--- /dev/null
+++ b/src/tests/fetch/fetch.html
@@ -0,0 +1,16 @@
+<script src="../testing.js"></script>
+<script id=fetch type=module>
+  const promise1 = new Promise((resolve) => {
+    fetch('http://127.0.0.1:9582/xhr/json')
+    .then((res) => {
+      return res.json()
+    })
+    .then((json) => {
+      resolve(json);
+    });
+  });
+
+  testing.async(promise1, (json) => {
+    testing.expectEqual({over: '9000!!!'}, json);
+  });
+</script>
diff --git a/src/tests/fetch/response.html b/src/tests/fetch/response.html
index 8002e8b3..79aa396e 100644
--- a/src/tests/fetch/response.html
+++ b/src/tests/fetch/response.html
@@ -36,3 +36,14 @@
   let emptyResponse = new Response("");
   testing.expectEqual(200, emptyResponse.status);
 </script>
+
+<script id=json type=module>
+  const promise1 = new Promise((resolve) => {
+    let response = new Response('[]');
+    response.json().then(resolve)
+  });
+
+  testing.async(promise1, (json) => {
+    testing.expectEqual([], json);
+  });
+</script>ref