<!DOCTYPE html>
<title>Mixing response using ServiceWorker</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/get-host-info.js"></script>
<script src="resources/test-helpers.js"></script>
<body>
<script>
// This test cannot be upstreamed to WPT because the behavior of mixing
// multiple resources are not defined in the spec. See
// https://github.com/slightlyoff/ServiceWorker/issues/703 for details.
function create_failure_audio_test(frame, url) {
return new Promise(function(resolve, reject) {
var audio = frame.contentWindow.document.createElement('audio');
audio.oncanplay = function() {
reject('canplay event should not be fired. url: ' + url);
};
audio.onerror = resolve;
audio.src = url;
frame.contentWindow.document.body.appendChild(audio);
});
}
function create_success_audio_test(frame, url) {
return new Promise(function(resolve, reject) {
var audio = frame.contentWindow.document.createElement('audio');
audio.oncanplay = resolve;
audio.onerror = function(e) {
reject('error event should not be fired. url: ' + url);
};
audio.src = url;
frame.contentWindow.document.body.appendChild(audio);
});
}
// Creates a test case to check the following behavior:
// 1. The audio element sends the first request.
// - If |original| is 'same', the request is same-origin request.
// - If |original| is 'cross', the request is cross-origin request.
// 2. The Service Worker may intercept the request depending on |first_byte|.
// - If |first_byte| is '', the SW doesn't intercept, and the native server
// returns the all data response and the test finishes.
// - If |first_byte| is 'gen', the SW generates and returns the first byte
// response 'O'.
// - If |first_byte| is 'same', the SW does a fetch to
// 'service-worker-mixed-response.php' in the same origin server and returns
// the response.
// - If |first_byte| is 'cross', the SW does a fetch to
// 'service-worker-mixed-response.php' in the cross origin server and
// returns the response.
// 3. The element sends the second request with "Range: bytes=1-" header.
// 4. The Service Worker may intercept the request depending on |second_byte|.
// - If |second_byte| is '', the SW doesn't intercept, and the native server
// returns the remaining data response and the test finishes.
// - If |second_byte| is 'gen', the SW generates and returns the second byte
// response 'g'.
// - If |second_byte| is 'same', the SW does a fetch to
// 'service-worker-mixed-response.php' in the same origin server and returns
// the response.
// - If |second_byte| is 'cross', the SW does a fetch to
// 'service-worker-mixed-response.php' in the cross origin server and
// returns the response.
// 5. The element sends the third request with "Range: bytes=2-" header.
// 6. The native server returns the remaining data.
//
// When the audio element recieves the first response, it remembers the original
// URL of it. And when it receives the succeeding response, it checks the origin
// of the new response. If the origin is not same as the origin of the first
// response, the response must be treated as an error.
var request_num = 1;
function audio_test(frame, original, first_byte, second_byte, expect_success) {
var url;
var HOST_INFO = get_host_info();
var AUDIO_PATH = '/media/resources/load-video.php?' +
'name=../../../../media/content/silence.oga&type=audio/ogg';
if (original == 'same') {
url = HOST_INFO['HTTP_ORIGIN'] + AUDIO_PATH;
} else if (original == 'cross') {
url = HOST_INFO['HTTP_REMOTE_ORIGIN'] + AUDIO_PATH;
}
url += '&SW_FIRST=' + first_byte + '&SW_SECOND=' + second_byte;
url += '&prevent_cache=' + request_num;
request_num += 1;
if (expect_success) {
return create_success_audio_test(frame, url);
} else {
return create_failure_audio_test(frame, url);
}
}
promise_test(function(t) {
var SCOPE = 'resources/blank.html?/service-worker-mixed-response';
var SCRIPT = 'resources/service-worker-mixed-response-worker.js';
var frame;
return service_worker_unregister_and_register(t, SCRIPT, SCOPE)
.then(function(registration) {
return wait_for_state(t, registration.installing, 'activated');
})
.then(function() { return with_iframe(SCOPE); })
.then(function(f) {
frame = f;
return Promise.all([
audio_test(f, 'same', '', '', true),
audio_test(f, 'same', 'gen', '', false),
audio_test(f, 'same', 'gen', 'gen', false),
audio_test(f, 'same', 'gen', 'same', false),
audio_test(f, 'same', 'gen', 'cross', false),
audio_test(f, 'same', 'same', '', true),
audio_test(f, 'same', 'same', 'gen', false),
audio_test(f, 'same', 'same', 'same', true),
audio_test(f, 'same', 'same', 'cross', false),
audio_test(f, 'same', 'cross', '', false),
audio_test(f, 'same', 'cross', 'gen', false),
audio_test(f, 'same', 'cross', 'same', false),
audio_test(f, 'same', 'cross', 'cross', false),
audio_test(f, 'cross', '', '', true),
audio_test(f, 'cross', 'gen', '', false),
audio_test(f, 'cross', 'gen', 'gen', false),
audio_test(f, 'cross', 'gen', 'same', false),
audio_test(f, 'cross', 'gen', 'cross', false),
audio_test(f, 'cross', 'same', '', false),
audio_test(f, 'cross', 'same', 'gen', false),
audio_test(f, 'cross', 'same', 'same', false),
audio_test(f, 'cross', 'same', 'cross', false),
audio_test(f, 'cross', 'cross', '', true),
audio_test(f, 'cross', 'cross', 'gen', false),
audio_test(f, 'cross', 'cross', 'same', false),
audio_test(f, 'cross', 'cross', 'cross', true)]);
})
.then(function() {
frame.remove();
return service_worker_unregister_and_done(t, SCOPE);
});
}, 'Tests for Service Worker generated mixed responses.');
</script>
</body>
Codebase Browser
chromium