// META: title=Cache.match // META: global=window,worker // META: script=./resources/test-helpers.js // META: script=/common/get-host-info.sub.js // META: timeout=long prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match('not-present-in-the-cache') .then(function(result) { assert_equals(result, undefined, 'Cache.match failures should resolve with undefined.'); }); }, 'Cache.match with no matching entries'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(entries.a.request.url) .then(function(result) { assert_response_equals(result, entries.a.response, 'Cache.match should match by URL.'); }); }, 'Cache.match with URL'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(entries.a.request) .then(function(result) { assert_response_equals(result, entries.a.response, 'Cache.match should match by Request.'); }); }, 'Cache.match with Request'); prepopulated_cache_test(simple_entries, function(cache, entries) { var alt_response = new Response('', {status: 201}); return self.caches.open('second_matching_cache') .then(function(cache) { return cache.put(entries.a.request, alt_response.clone()); }) .then(function() { return cache.match(entries.a.request); }) .then(function(result) { assert_response_equals( result, entries.a.response, 'Cache.match should match the first cache.'); }); }, 'Cache.match with multiple cache hits'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(new Request(entries.a.request.url)) .then(function(result) { assert_response_equals(result, entries.a.response, 'Cache.match should match by Request.'); }); }, 'Cache.match with new Request'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(new Request(entries.a.request.url, {method: 'HEAD'})) .then(function(result) { assert_equals(result, undefined, 'Cache.match should not match HEAD Request.'); }); }, 'Cache.match with HEAD'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(entries.a.request, {ignoreSearch: true}) .then(function(result) { assert_response_in_array( result, [ entries.a.response, entries.a_with_query.response ], 'Cache.match with ignoreSearch should ignore the ' + 'search parameters of cached request.'); }); }, 'Cache.match with ignoreSearch option (request with no search ' + 'parameters)'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(entries.a_with_query.request, {ignoreSearch: true}) .then(function(result) { assert_response_in_array( result, [ entries.a.response, entries.a_with_query.response ], 'Cache.match with ignoreSearch should ignore the ' + 'search parameters of request.'); }); }, 'Cache.match with ignoreSearch option (request with search parameter)'); cache_test(function(cache) { var request = new Request('http://example.com/'); var head_request = new Request('http://example.com/', {method: 'HEAD'}); var response = new Response('foo'); return cache.put(request.clone(), response.clone()) .then(function() { return cache.match(head_request.clone()); }) .then(function(result) { assert_equals( result, undefined, 'Cache.match should resolve as undefined with a ' + 'mismatched method.'); return cache.match(head_request.clone(), {ignoreMethod: true}); }) .then(function(result) { assert_response_equals( result, response, 'Cache.match with ignoreMethod should ignore the ' + 'method of request.'); }); }, 'Cache.match supports ignoreMethod'); cache_test(function(cache) { var vary_request = new Request('http://example.com/c', {headers: {'Cookies': 'is-for-cookie'}}); var vary_response = new Response('', {headers: {'Vary': 'Cookies'}}); var mismatched_vary_request = new Request('http://example.com/c'); return cache.put(vary_request.clone(), vary_response.clone()) .then(function() { return cache.match(mismatched_vary_request.clone()); }) .then(function(result) { assert_equals( result, undefined, 'Cache.match should resolve as undefined with a ' + 'mismatched vary.'); return cache.match(mismatched_vary_request.clone(), {ignoreVary: true}); }) .then(function(result) { assert_response_equals( result, vary_response, 'Cache.match with ignoreVary should ignore the ' + 'vary of request.'); }); }, 'Cache.match supports ignoreVary'); cache_test(function(cache) { let has_cache_name = false; const opts = { get cacheName() { has_cache_name = true; return undefined; } }; return self.caches.open('foo') .then(function() { return cache.match('bar', opts); }) .then(function() { assert_false(has_cache_name, 'Cache.match does not support cacheName option ' + 'which was removed in CacheQueryOptions.'); }); }, 'Cache.match does not support cacheName option'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match(entries.cat.request.url + '#mouse') .then(function(result) { assert_response_equals(result, entries.cat.response, 'Cache.match should ignore URL fragment.'); }); }, 'Cache.match with URL containing fragment'); prepopulated_cache_test(simple_entries, function(cache, entries) { return cache.match('http') .then(function(result) { assert_equals( result, undefined, 'Cache.match should treat query as a URL and not ' + 'just a string fragment.'); }); }, 'Cache.match with string fragment "http" as query'); prepopulated_cache_test(vary_entries, function(cache, entries) { return cache.match('http://example.com/c') .then(function(result) { assert_response_in_array( result, [ entries.vary_cookie_absent.response ], 'Cache.match should honor "Vary" header.'); }); }, 'Cache.match with responses containing "Vary" header'); cache_test(function(cache) { var request = new Request('http://example.com'); var response; var request_url = new URL('./resources/simple.txt', location.href).href; return fetch(request_url) .then(function(fetch_result) { response = fetch_result; assert_equals( response.url, request_url, '[https://fetch.spec.whatwg.org/#dom-response-url] ' + 'Reponse.url should return the URL of the response.'); return cache.put(request, response.clone()); }) .then(function() { return cache.match(request.url); }) .then(function(result) { assert_response_equals( result, response, 'Cache.match should return a Response object that has the same ' + 'properties as the stored response.'); return cache.match(response.url); }) .then(function(result) { assert_equals( result, undefined, 'Cache.match should not match cache entry based on response URL.'); }); }, 'Cache.match with Request and Response objects with different URLs'); cache_test(function(cache) { var request_url = new URL('./resources/simple.txt', location.href).href; return fetch(request_url) .then(function(fetch_result) { return cache.put(new Request(request_url), fetch_result); }) .then(function() { return cache.match(request_url); }) .then(function(result) { return result.text(); }) .then(function(body_text) { assert_equals(body_text, 'a simple text file\n', 'Cache.match should return a Response object with a ' + 'valid body.'); }) .then(function() { return cache.match(request_url); }) .then(function(result) { return result.text(); }) .then(function(body_text) { assert_equals(body_text, 'a simple text file\n', 'Cache.match should return a Response object with a ' + 'valid body each time it is called.'); }); }, 'Cache.match invoked multiple times for the same Request/Response'); cache_test(function(cache) { var request_url = new URL('./resources/simple.txt', location.href).href; return fetch(request_url) .then(function(fetch_result) { return cache.put(new Request(request_url), fetch_result); }) .then(function() { return cache.match(request_url); }) .then(function(result) { return result.blob(); }) .then(function(blob) { var sliced = blob.slice(2,8); return new Promise(function (resolve, reject) { var reader = new FileReader(); reader.onloadend = function(event) { resolve(event.target.result); }; reader.readAsText(sliced); }); }) .then(function(text) { assert_equals(text, 'simple', 'A Response blob returned by Cache.match should be ' + 'sliceable.' ); }); }, 'Cache.match blob should be sliceable'); prepopulated_cache_test(simple_entries, function(cache, entries) { var request = new Request(entries.a.request.clone(), {method: 'POST'}); return cache.match(request) .then(function(result) { assert_equals(result, undefined, 'Cache.match should not find a match'); }); }, 'Cache.match with POST Request'); prepopulated_cache_test(simple_entries, function(cache, entries) { var response = entries.non_2xx_response.response; return cache.match(entries.non_2xx_response.request.url) .then(function(result) { assert_response_equals( result, entries.non_2xx_response.response, 'Cache.match should return a Response object that has the ' + 'same properties as a stored non-2xx response.'); }); }, 'Cache.match with a non-2xx Response'); prepopulated_cache_test(simple_entries, function(cache, entries) { var response = entries.error_response.response; return cache.match(entries.error_response.request.url) .then(function(result) { assert_response_equals( result, entries.error_response.response, 'Cache.match should return a Response object that has the ' + 'same properties as a stored network error response.'); }); }, 'Cache.match with a network error Response'); cache_test(function(cache) { // This test validates that we can get a Response from the Cache API, // clone it, and read just one side of the clone. This was previously // bugged in FF for Responses with large bodies. var data = []; data.length = 80 * 1024; data.fill('F'); var response; return cache.put('/', new Response(data.toString())) .then(function(result) { return cache.match('/'); }) .then(function(r) { // Make sure the original response is not GC'd. response = r; // Return only the clone. We purposefully test that the other // half of the clone does not need to be read here. return response.clone().text(); }) .then(function(text) { assert_equals(text, data.toString(), 'cloned body text can be read correctly'); }); }, 'Cache produces large Responses that can be cloned and read correctly.'); cache_test(async (cache) => { const url = get_host_info().HTTPS_REMOTE_ORIGIN + '/service-workers/cache-storage/resources/simple.txt?pipe=' + 'header(access-control-allow-origin,*)|' + 'header(access-control-expose-headers,*)|' + 'header(foo,bar)|' + 'header(set-cookie,X)'; const response = await fetch(url); await cache.put(new Request(url), response); const cached_response = await cache.match(url); const headers = cached_response.headers; assert_equals(headers.get('access-control-expose-headers'), '*'); assert_equals(headers.get('foo'), 'bar'); assert_equals(headers.get('set-cookie'), null); }, 'cors-exposed header should be stored correctly.'); cache_test(async (cache) => { // A URL that should load a resource with a known mime type. const url = '/service-workers/cache-storage/resources/blank.html'; const expected_mime_type = 'text/html'; // Verify we get the expected mime type from the network. Note, // we cannot use an exact match here since some browsers append // character encoding information to the blob.type value. const net_response = await fetch(url); const net_mime_type = (await net_response.blob()).type; assert_true(net_mime_type.includes(expected_mime_type), 'network response should include the expected mime type'); // Verify we get the exact same mime type when reading the same // URL resource back out of the cache. await cache.add(url); const cache_response = await cache.match(url); const cache_mime_type = (await cache_response.blob()).type; assert_equals(cache_mime_type, net_mime_type, 'network and cache response mime types should match'); }, 'MIME type should be set from content-header correctly.'); cache_test(async (cache) => { const url = '/dummy'; const original_type = 'text/html'; const override_type = 'text/plain'; const init_with_headers = { headers: { 'content-type': original_type } } // Verify constructing a synthetic response with a content-type header // gets the correct mime type. const response = new Response('hello world', init_with_headers); const original_response_type = (await response.blob()).type; assert_true(original_response_type.includes(original_type), 'original response should include the expected mime type'); // Verify overwriting the content-type header changes the mime type. const overwritten_response = new Response('hello world', init_with_headers); overwritten_response.headers.set('content-type', override_type); const overwritten_response_type = (await overwritten_response.blob()).type; assert_equals(overwritten_response_type, override_type, 'mime type can be overridden'); // Verify the Response read from Cache uses the original mime type // computed when it was first constructed. const tmp = new Response('hello world', init_with_headers); tmp.headers.set('content-type', override_type); await cache.put(url, tmp); const cache_response = await cache.match(url); const cache_mime_type = (await cache_response.blob()).type; assert_equals(cache_mime_type, override_type, 'overwritten and cached response mime types should match'); }, 'MIME type should reflect Content-Type headers of response.'); cache_test(async (cache) => { const url = new URL('./resources/vary.py?vary=foo', get_host_info().HTTPS_REMOTE_ORIGIN + self.location.pathname); const original_request = new Request(url, { mode: 'no-cors', headers: { 'foo': 'bar' } }); const fetch_response = await fetch(original_request); assert_equals(fetch_response.type, 'opaque'); await cache.put(original_request, fetch_response); const match_response_1 = await cache.match(original_request); assert_not_equals(match_response_1, undefined); // Verify that cache.match() finds the entry even if queried with a varied // header that does not match the cache key. Vary headers should be ignored // for opaque responses. const different_request = new Request(url, { headers: { 'foo': 'CHANGED' } }); const match_response_2 = await cache.match(different_request); assert_not_equals(match_response_2, undefined); }, 'Cache.match ignores vary headers on opaque response.'); done();