Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-10 06:58:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 256b4685b8e702c14ed854347f23f4979edbfc8e

Browse source
This commit is contained in:
WPT Sync Bot 2019-12-20 08:23:04 +00:00
parent bac9903fbe
commit 45c91aa0cb
134 changed files with 1297 additions and 426 deletions
Download patch file Download diff file Expand all files Collapse all files

69
tests/wpt/web-platform-tests/loading/lazyload/invisible-image.tentative.html
View file

@ -3,18 +3,29 @@
<title>Test that below-viewport invisible images that are not marked
loading=lazy still load, and block the window load event</title>
<link rel="author" title="Rob Buis" href="mailto:rbuis@igalia.com">
<link rel="author" title="Dom Farolino" href="mailto:dom@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="common.js"></script>
</head>
<body>
<img id="expected" src='resources/image.png?1'>
<div style="height:10000px;"></div>
<img id="visibility_hidden" style="visibility:hidden;" src='resources/image.png?2'>
<div style="height:1000vh;"></div>
<img id="visibility_hidden" style="visibility:hidden;" src='resources/image.png?1'>
<img id="visibility_hidden_explicit_eager" style="visibility:hidden;" src='resources/image.png?2'
loading="eager">
<img id="display_none" style="display:none;" src='resources/image.png?3'>
<img id="attribute_hidden" hidden src='resources/image.png?4'>
<img id="js_display_none" src='resources/image.png?5'>.
<img id="display_none_explicit_eager" style="display:none;" src='resources/image.png?4'
loading="eager">
<img id="attribute_hidden" hidden src='resources/image.png?5'>
<img id="attribute_hidden_explicit_eager" hidden src='resources/image.png?6'
loading="eager">
<img id="js_display_none" src='resources/image.png?7'>
<img id="js_display_none_explicit_eager" src='resources/image.png?8'
loading="eager">
<script>
document.getElementById("js_display_none").style = 'display:none;';
</script>
@ -25,35 +36,49 @@ Marked as tentative until https://github.com/whatwg/html/pull/3752 is landed.
-->
<script>
const expected = document.getElementById("expected");
const visibility_hidden_element = document.getElementById("visibility_hidden");
const visibility_hidden_element_explicit_eager =
document.getElementById("visibility_hidden_explicit_eager");
const display_none_element = document.getElementById("display_none");
const display_none_element_explicit_eager =
document.getElementById("display_none_explicit_eager");
const attribute_hidden_element = document.getElementById("attribute_hidden");
const attribute_hidden_element_explicit_eager =
document.getElementById("attribute_hidden_explicit_eager");
const js_display_none_element = document.getElementById("js_display_none");
const js_display_none_element_explicit_eager =
document.getElementById("js_display_none_explicit_eager");
let has_window_loaded = false;
async_test(function(t) {
window.addEventListener("load", t.step_func(function() {
has_window_loaded = true;
}));
let have_images_loaded = false;
async_test(t => {
let image_fully_loaded_promise = (element) => {
return new Promise(resolve => {
element.addEventListener("load",
t.step_func(() => {
assert_true(is_image_fully_loaded(element, expected));
assert_false(has_window_loaded);
resolve();
}));
element.addEventListener("load", t.step_func(resolve));
});
}
Promise.all([image_fully_loaded_promise(visibility_hidden_element),
Promise.all([
image_fully_loaded_promise(visibility_hidden_element),
image_fully_loaded_promise(visibility_hidden_element_explicit_eager),
image_fully_loaded_promise(display_none_element),
image_fully_loaded_promise(display_none_element_explicit_eager),
image_fully_loaded_promise(attribute_hidden_element),
image_fully_loaded_promise(js_display_none_element)]).then(() => {
t.done();
});
image_fully_loaded_promise(attribute_hidden_element_explicit_eager),
image_fully_loaded_promise(js_display_none_element),
image_fully_loaded_promise(js_display_none_element_explicit_eager)
]).then(t.step_func(() => {
have_images_loaded = true;
})).catch(t.unreached_func("All images should load correctly"));
window.addEventListener("load", t.step_func_done(() => {
assert_true(have_images_loaded,
"The images should block the window load event.");
}));
}, "Test that below-viewport invisible images that are not marked " +
"loading=lazy still load, and block the window load event");
</script>