Index: LayoutTests/web-animations-api/animations-responsive-boxShadow.html |
diff --git a/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html b/LayoutTests/web-animations-api/animations-responsive-boxShadow.html |
similarity index 53% |
copy from LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html |
copy to LayoutTests/web-animations-api/animations-responsive-boxShadow.html |
index febd195fbdd7bc9d7177bb22219541e42f9ba5be..32c3f8fd7f06ac3c56952f48cfd9045dc6c28629 100644 |
--- a/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html |
+++ b/LayoutTests/web-animations-api/animations-responsive-boxShadow.html |
@@ -1,28 +1,30 @@ |
<!DOCTYPE html> |
<script src="../resources/testharness.js"></script> |
<script src="../resources/testharnessreport.js"></script> |
- |
<div id='container'> |
<div id='element'></div> |
</div> |
- |
<script> |
var container = document.getElementById('container'); |
var element = document.getElementById('element'); |
-var keyframes = [ |
- {fontSize: 'inherit', offset: 0}, |
- {fontSize: '20px', offset: 1} |
-]; |
- |
test(function() { |
container.style.fontSize = '10px'; |
+ container.style.color = 'red'; |
+ |
+ var keyframes = [ |
+ {boxShadow: '10em 10em currentColor'}, |
+ {boxShadow: '10em 10em currentColor'} |
+ ]; |
var player = element.animate(keyframes, 10); |
player.pause(); |
player.currentTime = 5; |
- container.style.fontSize = '30px'; |
- assert_equals(getComputedStyle(element).fontSize, '25px'); |
-}, 'Font size responsive to inherited changes'); |
+ |
+ var boxShadow = getComputedStyle(element).boxShadow; |
+ container.style.fontSize = '20px'; |
+ container.style.color = 'green'; |
+ assert_not_equals(getComputedStyle(element).boxShadow, boxShadow); |
+}, 'boxShadow responsive to style changes'); |
</script> |