Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-16 10:55:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 3bfdeb8976fc51748935c8d1f1014dfba8e08dfb

Browse source
This commit is contained in:
WPT Sync Bot 2019-03-28 22:09:18 -04:00
parent fcd6beb608
commit cb63cfd5c7
185 changed files with 3083 additions and 1074 deletions
Download patch file Download diff file Expand all files Collapse all files

73
tests/wpt/web-platform-tests/element-timing/image-carousel.html Normal file
View file

@ -0,0 +1,73 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>Element Timing: observe images in carousel</title>
<style>
body {
margin: 0;
}
/* Do not display images by default */
.carousel-image {
display: none;
}
</style>
<body>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/element-timing-helpers.js"></script>
<div class="slideshow-container">
<div class='carousel-image'>
<img src="resources/circle.svg" elementtiming='image0'>
</div>
<div class='carousel-image'>
<img src="resources/square100.png" elementtiming='image1'>
</div>
</div>
<script>
async_test(function (t) {
const beforeRenderTimes = [];
let entry_count = 0;
const entry_count_per_element = [0, 0];
const index = window.location.href.lastIndexOf('/');
const pathname0 = window.location.href.substring(0, index) +
'/resources/circle.svg';
const pathname1 = window.location.href.substring(0, index) +
'/resources/square100.png';
const observer = new PerformanceObserver(list => {
list.getEntries().forEach(entry => {
if (entry_count % 2 == 0) {
checkElement(entry, pathname0, 'image0', beforeRenderTimes[entry_count]);
checkRect(entry, [0, 200, 0, 200]);
entry_count_per_element[0]++;
}
else {
checkElement(entry, pathname1, 'image1', beforeRenderTimes[entry_count]);
checkRect(entry, [0, 100, 0, 100]);
entry_count_per_element[1]++;
}
entry_count++;
// Check each image twice before ending the test.
if (entry_count == 4) {
assert_equals(entry_count_per_element[0], 2);
assert_equals(entry_count_per_element[1], 2);
t.done();
}
})
});
observer.observe({entryTypes: ['element']});
let slideIndex = 0;
showCarousel();
function showCarousel() {
beforeRenderTimes.push(performance.now());
const slides = document.getElementsByClassName("carousel-image");
slides[slideIndex].style.display = "block";
slides[1 - slideIndex].style.display = "none";
slideIndex = 1 - slideIndex;
t.step_timeout(showCarousel, 50); // Change image every 50 ms.
}
}, 'Entries for elements within an image carousel are dispatched when the elements are redrawn.');
</script>
</body>
</html>

33
tests/wpt/web-platform-tests/element-timing/image-clipped-svg.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Element Timing: observe image inside SVG with small dimensions</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/element-timing-helpers.js"></script>
<script>
let beforeRender;
async_test(function (t) {
const observer = new PerformanceObserver(
t.step_func_done(function(entryList) {
assert_equals(entryList.getEntries().length, 1);
const entry = entryList.getEntries()[0];
const index = window.location.href.lastIndexOf('/');
const pathname = window.location.href.substring(0, index) +
'/resources/circle.svg';
checkElement(entry, pathname, 'my_svg', beforeRender);
// Image size is 200x200 but SVG size is 100x100 so it is clipped.
checkRect(entry, [0, 100, 0, 100]);
})
);
observer.observe({entryTypes: ['element']});
beforeRender = performance.now();
}, "Able to observe svg image.");
</script>
<style>
body {
margin: 0;
}
</style>
<svg width="100" height="100">
<image href='resources/circle.svg' elementtiming='my_svg'/>
</svg>

28
tests/wpt/web-platform-tests/element-timing/image-rect-iframe.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Element Timing: check intersectionRect for element in iframe</title>
<body>
<style>
body {
margin: 50px;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
async_test((t) => {
on_event(window, 'message', e => {
assert_equals(e.data.length, 1);
assert_equals(e.data.entryType, 'element');
const rect = e.data.rect;
// rect should start at (0,0) even though main frame has a margin.
assert_equals(rect.left, 0);
assert_equals(rect.right, 100);
assert_equals(rect.top, 0);
assert_equals(rect.bottom, 100);
t.done();
});
}, 'Element Timing entry in iframe has coordinates relative to the iframe.');
</script>
<iframe src="resources/iframe-with-square-sends-entry.html"/>
</body>

2
tests/wpt/web-platform-tests/element-timing/observe-svg-image.html
View file

@ -28,6 +28,6 @@ body {
margin: 0;
}
</style>
<svg>
<svg width="300" height="300">
<image href='resources/circle.svg' elementtiming='my_svg'/>
</svg>

21
tests/wpt/web-platform-tests/element-timing/resources/iframe-with-square-sends-entry.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCType html>
<html>
<style>
body {
margin: 0;
}
</style>
<body>
<script>
const observer = new PerformanceObserver(entryList => {
top.postMessage({
'length' : entryList.getEntries().length,
'entryType' : entryList.getEntries()[0].entryType,
'rect' : entryList.getEntries()[0].intersectionRect,
}, '*');
});
observer.observe({entryTypes: ['element']});
</script>
<img src=square100.png elementtiming=my_image/>
</body>
</html>