Index: third_party/WebKit/LayoutTests/animations/timing-model.html |
diff --git a/third_party/WebKit/LayoutTests/animations/timing-model.html b/third_party/WebKit/LayoutTests/animations/timing-model.html |
deleted file mode 100644 |
index 1b3991472ee0bcccee30f87a54f5e13289242919..0000000000000000000000000000000000000000 |
--- a/third_party/WebKit/LayoutTests/animations/timing-model.html |
+++ /dev/null |
@@ -1,334 +0,0 @@ |
-<!doctype html> |
-<meta charset="utf-8"> |
-<body> |
-<script> |
-onload = function() { |
- |
-log('Sanity tests:'); |
-assertIterationTime('1s linear', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0.5, at: 0.5}, |
- {is: 0.2, at: 0.2}, |
- {is: 0.8, at: 0.8}, |
- {is: null, at: 2}, |
-]); |
- |
- |
-log('\nFill-mode:'); |
-assertIterationTime('1s none', [ |
- {is: null, at: -1}, |
- {is: null, at: 2}, |
-]); |
- |
-assertIterationTime('1s both', [ |
- {is: 0, at: -1}, |
- {is: 1, at: 2}, |
-]); |
- |
-assertIterationTime('1s forwards', [ |
- {is: null, at: -1}, |
- {is: 1, at: 2}, |
-]); |
- |
-assertIterationTime('1s backwards', [ |
- {is: 0, at: -1}, |
- {is: null, at: 2}, |
-]); |
- |
- |
-log('\nFill-mode + reverse direction:'); |
-assertIterationTime('1s none reverse', [ |
- {is: null, at: -1}, |
- {is: null, at: 2}, |
-]); |
- |
-assertIterationTime('1s both reverse', [ |
- {is: 1, at: -1}, |
- {is: 0, at: 2}, |
-]); |
- |
-assertIterationTime('1s forwards reverse', [ |
- {is: null, at: -1}, |
- {is: 0, at: 2}, |
-]); |
- |
-assertIterationTime('1s backwards reverse', [ |
- {is: 1, at: -1}, |
- {is: null, at: 2}, |
-]); |
- |
- |
-log('\nEnd exclusive timing:') |
-assertIterationTime('1s', [ |
- {is: null, at: 1}, |
-]); |
- |
- |
-log('\nZero duration:') |
-assertIterationTime('none', [ |
- {is: null, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 1}, |
-]); |
- |
-assertIterationTime('both', [ |
- {is: 0, at: -1}, |
- {is: 1, at: 0}, |
- {is: 1, at: 1}, |
-]); |
- |
-assertIterationTime('forwards', [ |
- {is: null, at: -1}, |
- {is: 1, at: 0}, |
- {is: 1, at: 1}, |
-]); |
- |
-assertIterationTime('backwards', [ |
- {is: 0, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 1}, |
-]); |
- |
- |
-log('\nZero duration + reverse direction:') |
-assertIterationTime('none reverse', [ |
- {is: null, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 1}, |
-]); |
- |
-assertIterationTime('both reverse', [ |
- {is: 1, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 1}, |
-]); |
- |
-assertIterationTime('forwards reverse', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 1}, |
-]); |
- |
-assertIterationTime('backwards reverse', [ |
- {is: 1, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 1}, |
-]); |
- |
- |
-log('\nZero iterations:') |
-assertIterationTime('1s 0s 0 none', [ |
- {is: null, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 0.5}, |
- {is: null, at: 2}, |
-]); |
- |
-assertIterationTime('1s 0s 0 both', [ |
- {is: 0, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 2}, |
-]); |
- |
-assertIterationTime('1s 0s 0 forwards', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 2}, |
-]); |
- |
-assertIterationTime('1s 0s 0 backwards', [ |
- {is: 0, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 2}, |
-]); |
- |
- |
-log('\nZero iterations, zero duration:') |
-assertIterationTime('0s 0s 0 none', [ |
- {is: null, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 2}, |
-]); |
- |
-assertIterationTime('0s 0s 0 both', [ |
- {is: 0, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 1}, |
-]); |
- |
-assertIterationTime('0s 0s 0 forwards', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0, at: 1}, |
-]); |
- |
-assertIterationTime('0s 0s 0 backwards', [ |
- {is: 0, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 1}, |
-]); |
- |
- |
-log('\nMultiple iterations:') |
-assertIterationTime('1s 2 linear', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0.4, at: 0.4}, |
- {is: 0, at: 1}, |
- {is: 0.6, at: 1.6}, |
- {is: null, at: 2}, |
-]); |
- |
-assertIterationTime('1s 2 linear reverse', [ |
- {is: 1, at: 0}, |
- {is: 0.6, at: 0.4}, |
- {is: 1, at: 1}, |
- {is: 0.4, at: 1.6}, |
-]); |
- |
-assertIterationTime('1s 2 linear alternate', [ |
- {is: 0, at: 0}, |
- {is: 0.4, at: 0.4}, |
- {is: 1, at: 1}, |
- {is: 0.4, at: 1.6}, |
-]); |
- |
-assertIterationTime('1s 2 linear alternate-reverse', [ |
- {is: 1, at: 0}, |
- {is: 0.6, at: 0.4}, |
- {is: 0, at: 1}, |
- {is: 0.6, at: 1.6}, |
-]); |
- |
- |
-log('\nFractional iterations:') |
-assertIterationTime('1s 0.5 linear', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0.2, at: 0.2}, |
- {is: null, at: 0.5}, |
-]); |
- |
-assertIterationTime('1s 1.5 linear', [ |
- {is: null, at: -1}, |
- {is: 0, at: 0}, |
- {is: 0.5, at: 0.5}, |
- {is: 0, at: 1}, |
- {is: 0.4, at: 1.4}, |
- {is: null, at: 1.5}, |
-]); |
- |
-assertIterationTime('1s 1.5 linear reverse', [ |
- {is: null, at: -1}, |
- {is: 1, at: 0}, |
- {is: 0.5, at: 0.5}, |
- {is: 1, at: 1}, |
- {is: 0.6, at: 1.4}, |
- {is: null, at: 1.5}, |
-]); |
- |
-assertIterationTime('1s 1.6 linear forwards', [ |
- {is: 0.6, at: 2}, |
-]); |
- |
-assertIterationTime('1s 1.6 linear forwards reverse ', [ |
- {is: 0.4, at: 2}, |
-]); |
- |
-assertIterationTime('1s 0.6 linear backwards reverse', [ |
- {is: 1, at: -1}, |
-]); |
- |
- |
-log('\nInfinite iterations:') |
-assertIterationTime('1s infinite linear', [ |
- {is: 0, at: 1}, |
- {is: 0, at: 10}, |
- {is: 0, at: 1000}, |
- {is: 0.4, at: 1000.4}, |
-]); |
- |
- |
-log('\nInfinite iterations, zero duration:') |
-assertIterationTime('0s infinite linear', [ |
- {is: null, at: -1}, |
- {is: null, at: 0}, |
- {is: null, at: 2}, |
-]); |
- |
-}; |
- |
-if (window.testRunner) { |
- testRunner.dumpAsText(); |
-} |
- |
-var testElement = document.createElement('div'); |
-document.body.appendChild(testElement); |
-testElement.style.left = 'auto'; |
- |
-function update() { |
- document.body.offsetTop; |
-} |
-function log(message, klass) { |
- message += '\n'; |
- var child; |
- if (klass) { |
- child = document.createElement('span'); |
- child.classList.add(klass); |
- child.textContent = message; |
- } else { |
- child = document.createTextNode(message); |
- } |
- document.body.appendChild(child); |
-} |
- |
-function assertIterationTime(animation, expectations) { |
- testElement.style.setProperty('animation', 'invalid ' + animation); |
- update(); |
- |
- expectations.forEach(function(expectation) { |
- if (expectation.is !== null && expectation.is != Math.round(expectation.is * 100) / 100) { |
- console.log('ERROR: Test requires too much precision. ' + JSON.stringify(expectation)); |
- return; |
- } |
- testElement.style.setProperty('animation-name', 'invalid'); |
- update(); |
- |
- var delay = expectation.at * -1; |
- testElement.style.setProperty('animation-delay', delay + 's'); |
- testElement.style.setProperty('animation-name', 'test'); |
- update(); |
- |
- var result = getComputedStyle(testElement).left; |
- if (result === 'auto') { |
- result = null; |
- } else { |
- result = Math.round(Number(result.replace(/px$/, '')) * 100) / 100; |
- } |
- if (result === expectation.is) { |
- log('PASS: [' + animation + '] iteration time was [' + expectation.is + '] at ' + expectation.at + 's'); |
- } else { |
- log('FAIL: [' + animation + '] iteration time was [' + result + '] at ' + expectation.at + 's' + ' expected [' + expectation.is + ']', 'fail'); |
- } |
- }); |
-} |
-</script> |
-<style> |
-body { |
- white-space: pre; |
- font-family: monospace; |
-} |
-.fail { |
- font-weight: bold; |
- color: red; |
-} |
-@keyframes test { |
- 0% { |
- left: 0px; |
- } |
- 100% { |
- left: 1px; |
- } |
-} |
-</style> |