Mypal/layout/style/test/file_transitions_with_disab...

47 lines
1.3 KiB
HTML

<!doctype html>
<head>
<meta charset=utf-8>
<style>
#display {
transition: all 0.01s;
}
</style>
<script>
var ok = opener.ok.bind(opener);
function finish() {
var o = opener;
self.close();
o.SimpleTest.finish();
}
</script>
</head>
<body>
<div id="display"></div>
<script>
'use strict';
/*
* This tests for transitions generated on the -webkit-text-fill-color property.
* This property has an initial value of 'currentcolor' so by triggering a
* transition on the 'color' property we also--at least at the point when
* this test was written--trigger a transition on the -webkit-text-fill-color
* property (that behavior may change in bug 1260543).
*
* However, before beginning the test we disable -webkit-text-fill-color by
* setting layout.css.prefixes.webkit to false. This code tests that we don't
* end up triggering a transition on the (disabled) property in that case.
*/
var display = document.getElementById('display');
display.style.color = 'green';
var transitionedProperties =
display.getAnimations().map(transition => transition.transitionProperty);
ok(!transitionedProperties.includes('-webkit-text-fill-color'),
'We should not fire transitions for properties disabled by prefs');
finish();
</script>
</body>