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

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

Issue 273683005: Web Animations API: Deferred computation of interpolated values (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Add missing test file 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 52%
copy from LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html
copy to LayoutTests/web-animations-api/animations-responsive-boxShadow.html
index febd195fbdd7bc9d7177bb22219541e42f9ba5be..d463d5929fc6abd17a7498af19cdcdaa03afd250 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', offset: 0},
+ {boxShadow: '10em 10em currentColor', offset: 1}
+ ];
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