| Index: third_party/WebKit/LayoutTests/animations/timing-functions.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/timing-functions.html b/third_party/WebKit/LayoutTests/animations/timing-functions.html
|
| deleted file mode 100644
|
| index be5f0418c224464d3bea890a39f8a6c03491af2e..0000000000000000000000000000000000000000
|
| --- a/third_party/WebKit/LayoutTests/animations/timing-functions.html
|
| +++ /dev/null
|
| @@ -1,155 +0,0 @@
|
| -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
| - "http://www.w3.org/TR/html4/loose.dtd">
|
| -
|
| -<html lang="en">
|
| -<head>
|
| - <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
| - <title>Test timing functions</title>
|
| - <style type="text/css" media="screen">
|
| - .box {
|
| - position: relative;
|
| - left: 100px;
|
| - top: 0px;
|
| - height: 5px;
|
| - width: 5px;
|
| - background-color: blue;
|
| - animation-duration: 1s;
|
| - animation-name: anim;
|
| - }
|
| - @keyframes anim {
|
| - from { left: 100px; }
|
| - to { left: 200px; }
|
| - }
|
| -
|
| - .box-step-middle {
|
| - position: relative;
|
| - left: 100px;
|
| - top: 0px;
|
| - height: 5px;
|
| - width: 5px;
|
| - background-color: blue;
|
| - animation-duration: 1s;
|
| - animation-name: anim-step-middle;
|
| - /*
|
| - * Set initial timing function to something other than the default (ease)
|
| - * to check that attempts to set easing to step-middle result in the
|
| - * default, not the initial, being used.
|
| - */
|
| - animation-timing-function: linear;
|
| - }
|
| - @keyframes anim-step-middle {
|
| - from { left: 100px; }
|
| - to { left: 200px; }
|
| - }
|
| -
|
| - #box1 {
|
| - }
|
| - #box2 {
|
| - animation-timing-function: ease;
|
| - }
|
| - #box3 {
|
| - animation-timing-function: linear;
|
| - }
|
| - #box4 {
|
| - animation-timing-function: step-start;
|
| - }
|
| - #box5 {
|
| - animation-timing-function: step-end;
|
| - }
|
| - #box6 {
|
| - animation-timing-function: steps(3);
|
| - }
|
| - #box7 {
|
| - animation-timing-function: steps(3, start);
|
| - }
|
| - #box8 {
|
| - animation-timing-function: steps(3, end);
|
| - }
|
| - #box9 {
|
| - animation-timing-function: frames(3);
|
| - }
|
| - /*
|
| - * The step-middle functions are invalid except through the Web Animations API
|
| - * (where they are deprecated) and should behave like 'ease'.
|
| - */
|
| - #middlebox1 {
|
| - animation-timing-function: steps(3, middle);
|
| - }
|
| - #middlebox2 {
|
| - animation-timing-function: step-middle;
|
| - }
|
| -
|
| - </style>
|
| - <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
|
| - <script type="text/javascript" charset="utf-8">
|
| -
|
| - const expectedValues = [
|
| - // [time, element-id, property, expected-value, tolerance]
|
| - [0.25, "box1", "left", 141, 5],
|
| - [0.50, "box1", "left", 180, 5],
|
| - [0.75, "box1", "left", 196, 5],
|
| - [0.25, "box2", "left", 141, 5],
|
| - [0.50, "box2", "left", 180, 5],
|
| - [0.75, "box2", "left", 196, 5],
|
| - [0.25, "box3", "left", 125, 5],
|
| - [0.50, "box3", "left", 150, 5],
|
| - [0.75, "box3", "left", 175, 5],
|
| - [0.25, "box4", "left", 200, 5],
|
| - [0.50, "box4", "left", 200, 5],
|
| - [0.75, "box4", "left", 200, 5],
|
| - [0.25, "box5", "left", 100, 5],
|
| - [0.50, "box5", "left", 100, 5],
|
| - [0.75, "box5", "left", 100, 5],
|
| - [0.25, "box6", "left", 100, 5],
|
| - [0.50, "box6", "left", 133, 5],
|
| - [0.75, "box6", "left", 166, 5],
|
| - [0.25, "box7", "left", 133, 5],
|
| - [0.50, "box7", "left", 166, 5],
|
| - [0.75, "box7", "left", 200, 5],
|
| - [0.25, "box8", "left", 100, 5],
|
| - [0.50, "box8", "left", 133, 5],
|
| - [0.75, "box8", "left", 166, 5],
|
| - [0.25, "box9", "left", 100, 5],
|
| - [0.50, "box9", "left", 150, 5],
|
| - [0.75, "box9", "left", 200, 5],
|
| - [0.25, "middlebox1", "left", 141, 5],
|
| - [0.50, "middlebox1", "left", 180, 5],
|
| - [0.75, "middlebox1", "left", 196, 5],
|
| - [0.25, "middlebox2", "left", 141, 5],
|
| - [0.50, "middlebox2", "left", 180, 5],
|
| - [0.75, "middlebox2", "left", 196, 5],
|
| - ];
|
| -
|
| - runAnimationTest(expectedValues);
|
| -
|
| - </script>
|
| -</head>
|
| -<body>
|
| -This test performs an animation of the left property. It animates over 1 second.
|
| -It takes 3 snapshots and expects each result to be within a specified range.
|
| -<div class="box" id="box1">
|
| -</div>
|
| -<div class="box" id="box2">
|
| -</div>
|
| -<div class="box" id="box3">
|
| -</div>
|
| -<div class="box" id="box4">
|
| -</div>
|
| -<div class="box" id="box5">
|
| -</div>
|
| -<div class="box" id="box6">
|
| -</div>
|
| -<div class="box" id="box7">
|
| -</div>
|
| -<div class="box" id="box8">
|
| -</div>
|
| -<div class="box" id="box9">
|
| -</div>
|
| -<div class="box-step-middle" id="middlebox1">
|
| -</div>
|
| -<div class="box-step-middle" id="middlebox2">
|
| -</div>
|
| -<div id="result">
|
| -</div>
|
| -</body>
|
| -</html>
|
|
|
Chromium Code Reviews
Issue 2979503002:
Move animation timing tests to subdirectory (Closed)
