Diff
Modified: trunk/LayoutTests/ChangeLog (230068 => 230069)
--- trunk/LayoutTests/ChangeLog 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/ChangeLog 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,5 +1,76 @@
2018-03-28 Antoine Quint <grao...@apple.com>
+ [Web Animations] Stop using internals.pauseTransitionAtTimeOnElement() in favor of Web Animations API for transitions tests
+ https://bugs.webkit.org/show_bug.cgi?id=184097
+
+ Reviewed by Dean Jackson.
+
+ Make 55 tests opt into CSS Animations and CSS Transitions as Web Animations. These tests used the internals.pauseTransitionAtTimeOnElement()
+ method, but this method should be going away since the Web Animations API allows seeking and pausing. To support this, we make
+ transition-test-helpers.js use the Web Animations API instead of internals.pauseTransitionAtTimeOnElement() if the tests has opted
+ into CSS Animations and CSS Transitions as Web Animations and we know it's safe to use these APIs.
+
+ Overall, 20 of those tests used to fail with the flag on before this change.
+
+ * compositing/animation/animated-composited-inside-hidden.html:
+ * compositing/animation/computed-style-during-delay.html:
+ * compositing/reflections/nested-reflection-transition.html:
+ * compositing/transitions/scale-transition-no-start.html:
+ * compositing/transitions/singular-scale-transition.html:
+ * css3/calc/transitions-dependent.html:
+ * css3/calc/transitions.html:
+ * transitions/background-position-transitions.html:
+ * transitions/background-transitions.html:
+ * transitions/blendmode-transitions.html:
+ * transitions/border-radius-transition.html:
+ * transitions/clip-path-path-transitions.html:
+ * transitions/clip-transition.html:
+ * transitions/color-transition-all.html:
+ * transitions/color-transition-rounding.html:
+ * transitions/cross-fade-background-image.html:
+ * transitions/cubic-bezier-overflow-color.html:
+ * transitions/cubic-bezier-overflow-shadow.html:
+ * transitions/cubic-bezier-overflow-transform.html:
+ * transitions/default-timing-function.html:
+ * transitions/delay.html:
+ * transitions/flex-transitions.html:
+ * transitions/font-family-during-transition.html:
+ * transitions/frames-timing-function.html:
+ * transitions/mask-transitions.html:
+ * transitions/min-max-width-height-transitions.html:
+ * transitions/mismatched-shadow-styles.html:
+ * transitions/mismatched-shadow-transitions.html:
+ * transitions/mixed-type.html:
+ * transitions/move-after-transition.html:
+ * transitions/multiple-background-size-transitions.html:
+ * transitions/multiple-mask-transitions.html:
+ * transitions/multiple-shadow-transitions.html:
+ * transitions/negative-delay.html:
+ * transitions/opacity-transition-zindex.html:
+ * transitions/resources/transition-test-helpers.js:
+ * transitions/shape-outside-transitions.html:
+ * transitions/shorthand-border-transitions.html:
+ * transitions/shorthand-transitions.html:
+ * transitions/steps-timing-function.html:
+ * transitions/svg-layout-transition.html:
+ * transitions/svg-text-shadow-transition.html:
+ * transitions/svg-transitions.html:
+ * transitions/text-indent-transition.html:
+ * transitions/transform-op-list-match.html:
+ * transitions/transform-op-list-no-match.html:
+ * transitions/transition-end-event-rendering.html:
+ * transitions/transition-hit-test.html:
+ * transitions/transition-on-element-with-content.html:
+ * transitions/transition-shorthand-delay.html:
+ * transitions/transition-timing-function.html:
+ * transitions/transition-to-from-auto.html:
+ * transitions/transition-to-from-undefined.html:
+ * transitions/visited-link-color.html:
+ * transitions/zero-duration-in-list.html:
+ * transitions/zero-duration-with-non-zero-delay-start.html:
+
+2018-03-28 Antoine Quint <grao...@apple.com>
+
[Web Animations] Implement more CSSPropertyBlendingClient methods
https://bugs.webkit.org/show_bug.cgi?id=184077
Modified: trunk/LayoutTests/compositing/animation/animated-composited-inside-hidden.html (230068 => 230069)
--- trunk/LayoutTests/compositing/animation/animated-composited-inside-hidden.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/compositing/animation/animated-composited-inside-hidden.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/compositing/animation/computed-style-during-delay.html (230068 => 230069)
--- trunk/LayoutTests/compositing/animation/computed-style-during-delay.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/compositing/animation/computed-style-during-delay.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/compositing/reflections/nested-reflection-transition.html (230068 => 230069)
--- trunk/LayoutTests/compositing/reflections/nested-reflection-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/compositing/reflections/nested-reflection-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Modified: trunk/LayoutTests/compositing/transitions/scale-transition-no-start.html (230068 => 230069)
--- trunk/LayoutTests/compositing/transitions/scale-transition-no-start.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/compositing/transitions/scale-transition-no-start.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/compositing/transitions/singular-scale-transition.html (230068 => 230069)
--- trunk/LayoutTests/compositing/transitions/singular-scale-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/compositing/transitions/singular-scale-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/css3/calc/transitions-dependent.html (230068 => 230069)
--- trunk/LayoutTests/css3/calc/transitions-dependent.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/css3/calc/transitions-dependent.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<style>
.outerBlock {
border: 1px solid black;
@@ -73,16 +73,14 @@
var property = expected[i][2];
var expectedValue = expected[i][3];
var dependsOn = expected[i][4];
- if (window.internals) {
- internals.pauseTransitionAtTimeOnElement(property, time, document.getElementById(dependsOn));
- internals.pauseTransitionAtTimeOnElement(property, time, document.getElementById(elementId));
- var actual = window.getComputedStyle(document.getElementById(elementId)).getPropertyCSSValue(property).getFloatValue(CSSPrimitiveValue.CSS_NUMBER);
- var result = document.getElementById("result");
- if (actual == expectedValue)
- result.innerHTML += 'PASS - "' + property + '" property for "' + elementId +'" element at ' + time + 's was: ' + actual + '<br/>';
- else
- result.innerHTML += 'FAIL - "' + property + '" property for "' + elementId +'" element at ' + time + 's expected: ' + expectedValue + ' but saw: ' + actual + '<br/>';
- }
+ pauseTransitionAtTimeOnElement(property, time, document.getElementById(dependsOn));
+ pauseTransitionAtTimeOnElement(property, time, document.getElementById(elementId));
+ var actual = window.getComputedStyle(document.getElementById(elementId)).getPropertyCSSValue(property).getFloatValue(CSSPrimitiveValue.CSS_NUMBER);
+ var result = document.getElementById("result");
+ if (actual == expectedValue)
+ result.innerHTML += 'PASS - "' + property + '" property for "' + elementId +'" element at ' + time + 's was: ' + actual + '<br/>';
+ else
+ result.innerHTML += 'FAIL - "' + property + '" property for "' + elementId +'" element at ' + time + 's expected: ' + expectedValue + ' but saw: ' + actual + '<br/>';
}
if (window.testRunner)
testRunner.notifyDone();
Modified: trunk/LayoutTests/css3/calc/transitions.html (230068 => 230069)
--- trunk/LayoutTests/css3/calc/transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/css3/calc/transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<style>
.transitionTest {
background-color: green;
Modified: trunk/LayoutTests/transitions/background-position-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/background-position-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/background-position-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/background-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/background-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/background-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/blendmode-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/blendmode-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/blendmode-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/border-radius-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/border-radius-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/border-radius-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/clip-path-path-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/clip-path-path-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/clip-path-path-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/clip-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/clip-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/clip-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/color-transition-all.html (230068 => 230069)
--- trunk/LayoutTests/transitions/color-transition-all.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/color-transition-all.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/color-transition-rounding.html (230068 => 230069)
--- trunk/LayoutTests/transitions/color-transition-rounding.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/color-transition-rounding.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/cross-fade-background-image.html (230068 => 230069)
--- trunk/LayoutTests/transitions/cross-fade-background-image.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/cross-fade-background-image.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/cubic-bezier-overflow-color.html (230068 => 230069)
--- trunk/LayoutTests/transitions/cubic-bezier-overflow-color.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/cubic-bezier-overflow-color.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!doctype html>
+<!doctype html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<title>cubic-bezier value overflow: Colors</title>
Modified: trunk/LayoutTests/transitions/cubic-bezier-overflow-shadow.html (230068 => 230069)
--- trunk/LayoutTests/transitions/cubic-bezier-overflow-shadow.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/cubic-bezier-overflow-shadow.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!doctype html>
+<!doctype html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<title>cubic-bezier value overflow: Shadows</title>
Modified: trunk/LayoutTests/transitions/cubic-bezier-overflow-transform.html (230068 => 230069)
--- trunk/LayoutTests/transitions/cubic-bezier-overflow-transform.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/cubic-bezier-overflow-transform.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!doctype html>
+<!doctype html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<title>cubic-bezier value overflow: Transforms</title>
Modified: trunk/LayoutTests/transitions/default-timing-function.html (230068 => 230069)
--- trunk/LayoutTests/transitions/default-timing-function.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/default-timing-function.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/delay.html (230068 => 230069)
--- trunk/LayoutTests/transitions/delay.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/delay.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,5 @@
-<html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
+<!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
+<html>
<head>
<style>
#target {
Modified: trunk/LayoutTests/transitions/flex-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/flex-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/flex-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/font-family-during-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/font-family-during-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/font-family-during-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/frames-timing-function.html (230068 => 230069)
--- trunk/LayoutTests/transitions/frames-timing-function.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/frames-timing-function.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/mask-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/mask-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/mask-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/min-max-width-height-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/min-max-width-height-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/min-max-width-height-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/mismatched-shadow-styles.html (230068 => 230069)
--- trunk/LayoutTests/transitions/mismatched-shadow-styles.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/mismatched-shadow-styles.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/mismatched-shadow-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/mismatched-shadow-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/mismatched-shadow-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/mixed-type.html (230068 => 230069)
--- trunk/LayoutTests/transitions/mixed-type.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/mixed-type.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<style>
#box {
width: 10%;
Modified: trunk/LayoutTests/transitions/move-after-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/move-after-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/move-after-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/multiple-background-size-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/multiple-background-size-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/multiple-background-size-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/multiple-mask-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/multiple-mask-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/multiple-mask-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/multiple-shadow-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/multiple-shadow-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/multiple-shadow-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/negative-delay.html (230068 => 230069)
--- trunk/LayoutTests/transitions/negative-delay.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/negative-delay.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/opacity-transition-zindex.html (230068 => 230069)
--- trunk/LayoutTests/transitions/opacity-transition-zindex.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/opacity-transition-zindex.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
@@ -50,7 +50,9 @@
if (window.testRunner)
window.setTimeout(function() {
var firstElement = document.getElementById('first');
- internals.pauseTransitionAtTimeOnElement("opacity", 2.5, first);
+ const transition = firstElement.getAnimations()[0];
+ transition.currentTime = 2500;
+ transition.pause();
testRunner.notifyDone();
}, 0);
}
Modified: trunk/LayoutTests/transitions/resources/transition-test-helpers.js (230068 => 230069)
--- trunk/LayoutTests/transitions/resources/transition-test-helpers.js 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/resources/transition-test-helpers.js 2018-03-29 06:49:27 UTC (rev 230069)
@@ -350,6 +350,31 @@
return function() { checkExpectedValue(expected, index); };
}
+const prefix = "-webkit-";
+const propertiesRequiringPrefix = ["-webkit-text-stroke-color", "-webkit-text-fill-color"];
+
+function pauseTransitionAtTimeOnElement(transitionProperty, time, element)
+{
+ // If we haven't opted into CSS Animations and CSS Transitions as Web Animations, use the internal API.
+ if ('internals' in window && !internals.settings.cssAnimationsAndCSSTransitionsBackedByWebAnimationsEnabled())
+ return internals.pauseTransitionAtTimeOnElement(transitionProperty, time, element);
+
+ if (transitionProperty.startsWith(prefix) && !propertiesRequiringPrefix.includes(transitionProperty))
+ transitionProperty = transitionProperty.substr(prefix.length);
+
+ // Otherwise, use the Web Animations API.
+ const animations = element.getAnimations();
+ for (let animation of animations) {
+ if (animation instanceof CSSTransition && animation.transitionProperty == transitionProperty) {
+ animation.currentTime = time * 1000;
+ animation.pause();
+ return true;
+ }
+ }
+ console.log(`A transition for property ${transitionProperty} could not be found`);
+ return false;
+}
+
function runTest(expected, usePauseAPI)
{
var maxTime = 0;
@@ -367,7 +392,7 @@
if (hasPauseTransitionAPI && usePauseAPI) {
if (tryToPauseTransition) {
var element = document.getElementById(elementId);
- if (!internals.pauseTransitionAtTimeOnElement(property, time, element))
+ if (!pauseTransitionAtTimeOnElement(property, time, element))
window.console.log("Failed to pause '" + property + "' transition on element '" + elementId + "'");
}
checkExpectedValue(expected, i);
@@ -408,12 +433,10 @@
}
var result = "";
-var hasPauseTransitionAPI;
+var hasPauseTransitionAPI = true;
function runTransitionTest(expected, callback, usePauseAPI, doPixelTest)
{
- hasPauseTransitionAPI = 'internals' in window;
-
if (window.testRunner) {
if (!doPixelTest)
testRunner.dumpAsText();
Modified: trunk/LayoutTests/transitions/shape-outside-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/shape-outside-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/shape-outside-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/shorthand-border-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/shorthand-border-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/shorthand-border-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/shorthand-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/shorthand-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/shorthand-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/steps-timing-function.html (230068 => 230069)
--- trunk/LayoutTests/transitions/steps-timing-function.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/steps-timing-function.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/svg-layout-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/svg-layout-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/svg-layout-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/svg-text-shadow-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/svg-text-shadow-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/svg-text-shadow-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/svg-transitions.html (230068 => 230069)
--- trunk/LayoutTests/transitions/svg-transitions.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/svg-transitions.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,3 +1,4 @@
+<!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/text-indent-transition.html (230068 => 230069)
--- trunk/LayoutTests/transitions/text-indent-transition.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/text-indent-transition.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/transform-op-list-match.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transform-op-list-match.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transform-op-list-match.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transform-op-list-no-match.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transform-op-list-no-match.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transform-op-list-no-match.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transition-end-event-rendering.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-end-event-rendering.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-end-event-rendering.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transition-hit-test.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-hit-test.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-hit-test.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
@@ -22,6 +22,7 @@
position:absolute;
}
</style>
+ <script src=""
<script>
function checkResult(pos, isIn)
{
@@ -47,7 +48,7 @@
{
if (window.testRunner) {
var target = document.getElementById('target');
- if (!internals.pauseTransitionAtTimeOnElement("left", 2.0, target))
+ if (!pauseTransitionAtTimeOnElement("left", 2.0, target))
throw("Transition is not running");
checkResults();
Modified: trunk/LayoutTests/transitions/transition-on-element-with-content.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-on-element-with-content.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-on-element-with-content.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE>
+<!DOCTYPE><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transition-shorthand-delay.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-shorthand-delay.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-shorthand-delay.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transition-timing-function.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-timing-function.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-timing-function.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,3 +1,4 @@
+<!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/transition-to-from-auto.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-to-from-auto.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-to-from-auto.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/transition-to-from-undefined.html (230068 => 230069)
--- trunk/LayoutTests/transitions/transition-to-from-undefined.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/transition-to-from-undefined.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/visited-link-color.html (230068 => 230069)
--- trunk/LayoutTests/transitions/visited-link-color.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/visited-link-color.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,3 +1,4 @@
+<!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
<style>
Modified: trunk/LayoutTests/transitions/zero-duration-in-list.html (230068 => 230069)
--- trunk/LayoutTests/transitions/zero-duration-in-list.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/zero-duration-in-list.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
Modified: trunk/LayoutTests/transitions/zero-duration-with-non-zero-delay-start.html (230068 => 230069)
--- trunk/LayoutTests/transitions/zero-duration-with-non-zero-delay-start.html 2018-03-29 06:48:18 UTC (rev 230068)
+++ trunk/LayoutTests/transitions/zero-duration-with-non-zero-delay-start.html 2018-03-29 06:49:27 UTC (rev 230069)
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
<html>
<head>
