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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animation-effects/phases-and-states.html

Issue 2303013002: Add UMA metric to track usage of sending a mousedown to select elements. (Closed)
Patch Set: W3C auto test import CL. Created 4 years, 3 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
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/web-animations/testcommon.js ('k') | third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animations/updating-the-finished-state.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animation-effects/phases-and-states.html
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animation-effects/phases-and-states.html b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animation-effects/phases-and-states.html
new file mode 100644
index 0000000000000000000000000000000000000000..22d4eb3bd379549faeba149077d40dc56bbff108
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animation-effects/phases-and-states.html
@@ -0,0 +1,187 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Tests for phases and states</title>
+<link rel="help" href="https://w3c.github.io/web-animations/#animation-effect-phases-and-states">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../testcommon.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+// --------------------------------------------------------------------
+//
+// Phases
+//
+// --------------------------------------------------------------------
+
+function assert_phase_at_time(animation, phase, currentTime) {
+ animation.currentTime = currentTime;
+
+ if (phase === 'active') {
+ // If the fill mode is 'none', then progress will only be non-null if we
+ // are in the active phase.
+ animation.effect.timing.fill = 'none';
+ assert_not_equals(animation.effect.getComputedTiming().progress, null,
+ 'Animation effect is in active phase when current time'
+ + ' is ' + currentTime + 'ms');
+ } else {
+ // The easiest way to distinguish between the 'before' phase and the 'after'
+ // phase is to toggle the fill mode. For example, if the progress is null
+ // will the fill node is 'none' but non-null when the fill mode is
+ // 'backwards' then we are in the before phase.
+ animation.effect.timing.fill = 'none';
+ assert_equals(animation.effect.getComputedTiming().progress, null,
+ 'Animation effect is in ' + phase + ' phase when current time'
+ + ' is ' + currentTime + 'ms'
+ + ' (progress is null with \'none\' fill mode)');
+
+ animation.effect.timing.fill = phase === 'before'
+ ? 'backwards'
+ : 'forwards';
+ assert_not_equals(animation.effect.getComputedTiming().progress, null,
+ 'Animation effect is in ' + phase + ' phase when current'
+ + ' time is ' + currentTime + 'ms'
+ + ' (progress is non-null with appropriate fill mode)');
+ }
+}
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, 1);
+
+ [ { currentTime: -1, phase: 'before' },
+ { currentTime: 0, phase: 'active' },
+ { currentTime: 1, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for a simple animation effect');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1, delay: 1 });
+
+ [ { currentTime: 0, phase: 'before' },
+ { currentTime: 1, phase: 'active' },
+ { currentTime: 2, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a positive start delay');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1, delay: -1 });
+
+ [ { currentTime: -2, phase: 'before' },
+ { currentTime: -1, phase: 'active' },
+ { currentTime: 0, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative start delay');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1, endDelay: 1 });
+
+ [ { currentTime: -1, phase: 'before' },
+ { currentTime: 0, phase: 'active' },
+ { currentTime: 1, phase: 'after' },
+ { currentTime: 2, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a positive end delay');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 2, endDelay: -1 });
+
+ [ { currentTime: -1, phase: 'before' },
+ { currentTime: 0, phase: 'active' },
+ { currentTime: 0.9, phase: 'active' },
+ { currentTime: 1, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative end delay lesser'
+ + ' in magnitude than the active duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1, endDelay: -1 });
+
+ [ { currentTime: -1, phase: 'before' },
+ { currentTime: 0, phase: 'after' },
+ { currentTime: 1, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative end delay equal'
+ + ' in magnitude to the active duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1, endDelay: -2 });
+
+ [ { currentTime: -2, phase: 'before' },
+ { currentTime: -1, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative end delay'
+ + ' greater in magnitude than the active duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 2,
+ delay: 1,
+ endDelay: -1 });
+
+ [ { currentTime: 0, phase: 'before' },
+ { currentTime: 1, phase: 'active' },
+ { currentTime: 2, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a positive start delay'
+ + ' and a negative end delay lesser in magnitude than the active duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1,
+ delay: -1,
+ endDelay: -1 });
+
+ [ { currentTime: -2, phase: 'before' },
+ { currentTime: -1, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative start delay'
+ + ' and a negative end delay equal in magnitude to the active duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, { duration: 1,
+ delay: -1,
+ endDelay: -2 });
+
+ [ { currentTime: -3, phase: 'before' },
+ { currentTime: -2, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for an animation effect with a negative start delay'
+ + ' and a negative end delay equal greater in magnitude than the active'
+ + ' duration');
+
+test(function(t) {
+ var animation = createDiv(t).animate(null, 1);
+ animation.playbackRate = -1;
+
+ [ { currentTime: -1, phase: 'before' },
+ { currentTime: 0, phase: 'before' },
+ { currentTime: 1, phase: 'active' },
+ { currentTime: 2, phase: 'after' } ]
+ .forEach(function(test) {
+ assert_phase_at_time(animation, test.phase, test.currentTime);
+ });
+}, 'Phase calculation for a simple animation effect with negative playback'
+ + ' rate');
+
+</script>
+</body>
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/web-animations/testcommon.js ('k') | third_party/WebKit/LayoutTests/imported/wpt/web-animations/timing-model/animations/updating-the-finished-state.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698