<!DOCTYPE html>
<meta charset="utf-8">
<title>respondWith with a response whose body is being loaded from the network by chunks</title>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
'use strict';
const WORKER = 'resources/fetch-event-respond-with-body-loaded-in-chunk-worker.js';
const SCOPE = 'resources/fetch-event-respond-with-body-loaded-in-chunk-iframe.html';
promise_test(async t => {
var reg = await service_worker_unregister_and_register(t, WORKER, SCOPE);
add_completion_callback(() => reg.unregister());
await wait_for_state(t, reg.installing, 'activated');
let iframe = await with_iframe(SCOPE);
t.add_cleanup(() => iframe.remove());
let response = await iframe.contentWindow.fetch('body-in-chunk');
assert_equals(await response.text(), 'TEST_TRICKLE\nTEST_TRICKLE\nTEST_TRICKLE\nTEST_TRICKLE\n');
}, 'Respond by chunks with a Response being loaded');
</script>