Update web-platform-tests to revision 85e8612e81c8b478c8cac7260436646e48d3f7ae

This commit is contained in:
WPT Sync Bot 2019-04-16 21:36:56 -04:00
parent a14b952fa3
commit 87dcce0f06
66 changed files with 697 additions and 266 deletions

View file

@ -0,0 +1,17 @@
<!doctype html>
<html>
<meta charset="utf-8">
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<style>
#target {
width: 50px;
height: 50px;
background-color: green;
opacity: 0.4;
}
</style>
<body>
<div id="target"></div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>CSS Animations Test: pauses a opacity animation and sets the current time</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-name">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-duration">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-timing-function">
<link rel="match" href="animation-opacity-pause-and-set-time-ref.html">
<style>
#target {
width: 50px;
height: 50px;
background-color: green;
}
</style>
<body>
<div id="target"></div>
</body>
<script>
window.onload = () => {
requestAnimationFrame(() => {
let animation = document.getElementById("target").animate([
{opacity: '0.8'},
{opacity: '0.0'}
], 1000);
requestAnimationFrame(() => {
animation.pause();
animation.currentTime = 500;
document.documentElement.removeAttribute('class');
});
});
};
</script>
</html>

View file

@ -0,0 +1,17 @@
<!doctype html>
<html>
<meta charset="utf-8">
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<style>
#target {
width: 50px;
height: 50px;
background-color: green;
transform: translate(500px);
}
</style>
<body>
<div id="target"></div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>CSS Animations Test: pauses a transform animation and sets the current time</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-name">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-duration">
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-timing-function">
<link rel="match" href="animation-transform-pause-and-set-time-ref.html">
<style>
#target {
width: 50px;
height: 50px;
background-color: green;
}
</style>
<body>
<div id="target"></div>
</body>
<script>
window.onload = () => {
requestAnimationFrame(() => {
let animation = document.getElementById("target").animate([
{transform: 'translateX(0px)'},
{transform: 'translateX(1000px)'}
], 1000);
requestAnimationFrame(() => {
animation.pause();
animation.currentTime = 500;
document.documentElement.removeAttribute('class');
});
});
};
</script>
</html>

View file

@ -4,6 +4,8 @@
<script src='/resources/check-layout-th.js'></script>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-htmlelement-offsetheight">
<link rel="help" href="https://www.w3.org/TR/css-tables-3/#bounding-box-assignment">
<link rel="bookmark" href="https://crbug.com/613753" />
<meta name="flags" content="" />
<meta name="assert" content="border-spacing occurring outside rows and sections is not included in their height and width" />

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
.container {
position: relative;
width: 8em;
height: 7em;
padding: 1em;
}
</style>
<div class="container" style="writing-mode:horizontal-tb;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<div class="container" style="writing-mode:vertical-lr;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<div class="container" style="writing-mode:vertical-rl;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<div class="container" style="writing-mode:horizontal-tb; direction:rtl;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<div class="container" style="writing-mode:vertical-lr; direction:rtl;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<div class="container" style="writing-mode:vertical-rl; direction:rtl;">
offset
<br>offset<span class="target"></span><span>ref</span>
</div>
<script>
var i = 0;
document.querySelectorAll('span.target').forEach((target) => {
var ref = target.nextSibling;
test(() => {
assert_equals(target.offsetLeft, ref.offsetLeft, 'offsetLeft');
assert_equals(target.offsetTop, ref.offsetTop, 'offsetTop');
}, 'offsetTop/Left of empty inline elements should work as if they were not empty: ' + i);
i++;
});
</script>