Index: bower_components/web-animations-js/test/testcases/auto-test-keyframe-easing.html |
diff --git a/bower_components/web-animations-js/test/testcases/auto-test-keyframe-easing.html b/bower_components/web-animations-js/test/testcases/auto-test-keyframe-easing.html |
deleted file mode 100644 |
index 005d9cce46fb5f1d57ae5a8619a78354f0783722..0000000000000000000000000000000000000000 |
--- a/bower_components/web-animations-js/test/testcases/auto-test-keyframe-easing.html |
+++ /dev/null |
@@ -1,64 +0,0 @@ |
-<style> |
-#container { |
- position: relative; |
-} |
- |
-#control { |
- position: absolute; |
- background-color: black; |
- width: 20px; |
- height: 0px; |
-} |
- |
-#target { |
- position: absolute; |
- left: 20px; |
- background-color: rgba(0, 128, 0, 0.25); |
- width: 280px; |
- height: 0px; |
-} |
- |
-.block { |
- padding-left: 30px; |
- border-bottom: 1px solid black; |
- box-sizing: border-box; |
- width: 300px; |
- height: 50px; |
- font-size: 20px; |
-} |
-</style> |
- |
-<div id="container"> |
- <div id="control"></div> |
- <div id="target"></div> |
-</div> |
-<script src="../bootstrap.js"></script> |
-<script> |
-var easings = [ |
- '', |
- 'linear', |
- 'ease-in-out', |
- 'step-middle', |
- 'steps(4, end)', |
-]; |
- |
-var keyframeHeight = 50; |
-var timing = {duration: easings.length * 1000, fill: 'forwards'}; |
- |
-control.animate({height: easings.length * keyframeHeight + 'px'}, timing); |
- |
-var keyframes = []; |
-easings.forEach(function (easing, i) { |
- var textBlock = document.createElement('div'); |
- textBlock.textContent = easing.length ? easing : '<default>'; |
- textBlock.classList.add('block'); |
- container.appendChild(textBlock); |
- var keyframe = {height: i * keyframeHeight + 'px'}; |
- if (easing.length) { |
- keyframe.easing = easing; |
- } |
- keyframes.push(keyframe); |
-}); |
-keyframes.push({height: easings.length * keyframeHeight + 'px'}); |
-target.animate(keyframes, timing); |
-</script> |