99 lines
No EOL
3.6 KiB
HTML
99 lines
No EOL
3.6 KiB
HTML
<!doctype html>
|
|
<meta name="timeout" content="long">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/common/utils.js"></script>
|
|
<script src="/preload/resources/preload_helper.js"></script>
|
|
<body>
|
|
<script>
|
|
|
|
function test_preload_change(before, after, expected, label) {
|
|
promise_test(async t => {
|
|
const link = document.createElement('link');
|
|
link.rel = 'preload';
|
|
t.add_cleanup(() => link.remove());
|
|
const loadErrorOrTimeout = () => new Promise(resolve => {
|
|
const timeoutMillis = 1000;
|
|
link.addEventListener('load', () => resolve('load'));
|
|
link.addEventListener('error', () => resolve('error'));
|
|
t.step_timeout(() => resolve('timeout'), timeoutMillis);
|
|
});
|
|
for (const attr in before)
|
|
link.setAttribute(attr, before[attr]);
|
|
document.head.appendChild(link);
|
|
const result1 = await loadErrorOrTimeout();
|
|
for (const attr in after) {
|
|
if (attr in before && after[attr] === null)
|
|
link.removeAttribute(attr);
|
|
else
|
|
link.setAttribute(attr, after[attr]);
|
|
}
|
|
const result2 = await loadErrorOrTimeout();
|
|
assert_array_equals([result1, result2], expected);
|
|
}, label);
|
|
}
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?1', as: 'image'},
|
|
{href: '/common/square.png?2'},
|
|
['load', 'load'],
|
|
'Changing a preload href should trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?3', as: 'style'},
|
|
{as: 'image'},
|
|
['load', 'load'],
|
|
'Changing a preload "as" from a previously non-matching destination should trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?4', type: 'text/plain', as: 'image'},
|
|
{type: 'image/png'},
|
|
['timeout', 'load'],
|
|
'Changing a preload "type" (non-matching->matching) should trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?4', type: 'text/plain', as: 'image'},
|
|
{type: null},
|
|
['timeout', 'load'],
|
|
'Removing a preload non-matching "type" should trigger a fetch');
|
|
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?4', type: 'image/png', as: 'image'},
|
|
{type: null},
|
|
['load', 'timeout'],
|
|
'Removing a preload matching "type" should not trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?5', as: 'image', media: 'screen and (max-width: 10px)'},
|
|
{media: 'screen and (max-width: 20000px)'},
|
|
['timeout', 'load'],
|
|
'Changing a preload media attribute (non matching->matching) should trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?6', as: 'image', media: 'screen and (max-width: 10px)'},
|
|
{media: 'screen and (max-width: 20px)'},
|
|
['timeout', 'timeout'],
|
|
'Changing a preload media attribute (non matching->non matching) should not trigger a fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?7', as: 'image', media: 'screen and (max-width: 100000px)'},
|
|
{media: 'screen and (max-width: 20000px)'},
|
|
['load', 'timeout'],
|
|
'Changing a preload media attribute (matching->matching) should not trigger a new fetch');
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?8', as: 'image', media: 'screen and (max-width: 100000px)'},
|
|
{media: null},
|
|
['load', 'timeout'],
|
|
'Removing a matching preload media attribute should not trigger a new fetch');
|
|
|
|
|
|
test_preload_change(
|
|
{href: '/common/square.png?9', as: 'image', media: 'screen and (max-width: 10px)'},
|
|
{media: null},
|
|
['timeout', 'load'],
|
|
'Removing a non-matching preload media attribute should trigger a new fetch');
|
|
|
|
</script>
|
|
</body> |