mirror of
https://github.com/servo/servo.git
synced 2025-08-09 07:25:35 +01:00
Update web-platform-tests to revision b'14684f837eba364df3de2b6683d4eb5385333158'
This commit is contained in:
parent
f09561254d
commit
0431e20517
369 changed files with 4941 additions and 1492 deletions
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel=author href="mailto:jarhar@chromium.org">
|
||||
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<div id=target1 class=target>hello</div>
|
||||
<div id=target2 class=target>hello</div>
|
||||
|
||||
<style>
|
||||
.target {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.target.animated {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#target1 {
|
||||
transition: all 1s, float 1s;
|
||||
}
|
||||
|
||||
#target2 {
|
||||
transition: all 1s;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
let transitionstartFired = false;
|
||||
target1.addEventListener('transitionstart', () => {
|
||||
transitionstartFired = true;
|
||||
});
|
||||
await new Promise(resolve => requestAnimationFrame(resolve));
|
||||
target1.classList.add('animated');
|
||||
await new Promise(resolve => requestAnimationFrame(resolve));
|
||||
assert_true(transitionstartFired);
|
||||
}, 'all with an explicit discrete property should animate.');
|
||||
|
||||
promise_test(async () => {
|
||||
let transitionstartFired = false;
|
||||
target2.addEventListener('transitionstart', () => {
|
||||
transitionstartFired = true;
|
||||
});
|
||||
await new Promise(resolve => requestAnimationFrame(resolve));
|
||||
target2.classList.add('animated');
|
||||
await new Promise(resolve => requestAnimationFrame(resolve));
|
||||
assert_false(transitionstartFired);
|
||||
}, 'all without an explicit discrete property should not animate.');
|
||||
</script>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel=help href="mailto:jarhar@chromium.org">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<div id=target>target</div>
|
||||
<style>
|
||||
#target {
|
||||
display: none;
|
||||
transition: 1s;
|
||||
color: red;
|
||||
}
|
||||
#target.animated {
|
||||
transition: 1s;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
test(() => {
|
||||
target.addEventListener('transitionstart', () => {
|
||||
assert_unreached('transitionstart should not be fired.');
|
||||
});
|
||||
target.classList.add('animated');
|
||||
assert_equals(target.getAnimations().length, 0,
|
||||
'There should not be any animations running.');
|
||||
}, 'Transitions and animations should not occur on display:none elements.');
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue