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

Unified Diff: LayoutTests/web-animations-api/animations-responsive-fontSize.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-fontSize.html
diff --git a/LayoutTests/web-animations-api/animations-responsive-fontSize.html b/LayoutTests/web-animations-api/animations-responsive-fontSize.html
new file mode 100644
index 0000000000000000000000000000000000000000..298e6d6f6140615ade030f7c74283da31dfea1d0
--- /dev/null
+++ b/LayoutTests/web-animations-api/animations-responsive-fontSize.html
@@ -0,0 +1,42 @@
+<!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');
+
+test(function() {
+ var keyframes = [
+ {fontSize: 'larger', offset: 0},
+ {fontSize: 'larger', offset: 1}
+ ];
+
+ container.style.fontSize = 'small';
+ var player = element.animate(keyframes, 10);
+ player.pause();
+ player.currentTime = 5;
+ fontSize = getComputedStyle(element).fontSize;
+ container.style.fontSize = 'medium';
+ assert_not_equals(getComputedStyle(element).fontSize, fontSize);
+}, 'Relative font size larger responsive to style changes');
+
+test(function() {
+ var keyframes = [
+ {fontSize: 'smaller', offset: 0},
+ {fontSize: 'smaller', offset: 1}
+ ];
+
+ container.style.fontSize = 'large';
+ var player = element.animate(keyframes, 10);
+ player.pause();
+ player.currentTime = 5;
+ fontSize = getComputedStyle(element).fontSize;
+ container.style.fontSize = 'medium';
+ assert_not_equals(getComputedStyle(element).fontSize, fontSize);
+}, 'Relative font size smaller responsive to style changes');
+
+</script>

Powered by Google App Engine
This is Rietveld 408576698