Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(234)

Unified Diff: LayoutTests/web-animations-api/animations-responsive-boxShadow.html

Issue 292173009: Web Animations - responsive interpolation (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@0519_MySeparation
Patch Set: SVG Paint Created 6 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698