28 lines
703 B
HTML
28 lines
703 B
HTML
<!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>
|