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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/calc/transitions-dependent.html

Issue 15738009: Beat the transition tests with a sanity stick. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Pass presubmit. Created 7 years, 7 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/css3/calc/transitions.html ('k') | LayoutTests/css3/calc/transitions-dependent-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <style> 2 <style>
3 .outerBlock { 3 .outerBlock {
4 border: 1px solid black; 4 border: 1px solid black;
5 -webkit-transition: all 1s linear; 5 -webkit-transition: all 1s linear;
6 -moz-transition: all 1s linear; 6 -moz-transition: all 1s linear;
7 } 7 }
8 8
9 .innerBlock { 9 .innerBlock {
10 background-color: green; 10 background-color: green;
(...skipping 24 matching lines...) Expand all
35 35
36 </style> 36 </style>
37 37
38 This tests that calc() expressions depending on transitioning elements behave co rrectly. 38 This tests that calc() expressions depending on transitioning elements behave co rrectly.
39 <div class="outerBlock" id="outer"> 39 <div class="outerBlock" id="outer">
40 <div class="innerBlock" id="inner"></div> 40 <div class="innerBlock" id="inner"></div>
41 <div class="innerBlock" id="innerTransition"></div> 41 <div class="innerBlock" id="innerTransition"></div>
42 </div> 42 </div>
43 <div id="result"></div> 43 <div id="result"></div>
44 44
45 <script src="../../transitions/resources/transition-test-helpers.js"></script> 45 <script src="../../animations/resources/animation-test-helpers.js"></script>
46 <script> 46 <script>
47 47
48 if (window.testRunner) 48 if (window.testRunner)
49 window.testRunner.dumpAsText(); 49 window.testRunner.dumpAsText();
50 50
51 const transitioningElements = ["outer", "innerTransition"]; 51 const transitioningElements = ["outer", "innerTransition"];
52 52
53 expectedValues = [ 53 expectedValues = [
54 // time, element, property, expected-value, depends-on 54 // time, element, property, expected-value, tolerance
55 [0.00, "inner", 'width', 60, "outer"], 55 [0.00, "inner", 'width', 60, 10],
56 [0.25, "inner", 'width', 110, "outer"], 56 [0.25, "inner", 'width', 110, 10],
57 [0.50, "inner", 'width', 160, "outer"], 57 [0.50, "inner", 'width', 160, 10],
58 [0.75, "inner", 'width', 210, "outer"], 58 [0.75, "inner", 'width', 210, 10],
59 [1.00, "inner", 'width', 260, "outer"], 59 [1.00, "inner", 'width', 260, 10],
60 60
61 [0.00, "innerTransition", 'width', 20, "outer"], 61 [0.00, "innerTransition", 'width', 20, 10],
62 [0.25, "innerTransition", 'width', 70, "outer"], 62 [0.25, "innerTransition", 'width', 70, 10],
63 [0.50, "innerTransition", 'width', 165, "outer"], 63 [0.50, "innerTransition", 'width', 165, 10],
64 [0.75, "innerTransition", 'width', 305, "outer"], 64 [0.75, "innerTransition", 'width', 305, 10],
65 [1.00, "innerTransition", 'width', 490, "outer"], 65 [1.00, "innerTransition", 'width', 490, 10],
66 ]; 66 ];
67 67
68 function runTest(expected) 68 runTransitionTest(expectedValues, setupTest, usePauseAPI);
69 { 69
70 for (var i = 0; i < expected.length; ++i) { 70
71 var time = expected[i][0]; 71 function setupTest() {
72 var elementId = expected[i][1]; 72 for (var i = 0; i < transitioningElements.length; i++) {
73 var property = expected[i][2]; 73 var element = document.getElementById(transitioningElements[i]);
74 var expectedValue = expected[i][3]; 74 element.className += " go";
75 var dependsOn = expected[i][4];
76 if (window.internals) {
77 internals.pauseAnimations(time);
78 var actual = window.getComputedStyle(document.getElementById(element Id)).getPropertyCSSValue(property).getFloatValue(CSSPrimitiveValue.CSS_NUMBER);
79 var result = document.getElementById("result");
80 if (actual == expectedValue)
81 result.innerHTML += 'PASS - "' + property + '" property for "' + elementId +'" element at ' + time + 's was: ' + actual + '<br/>';
82 else
83 result.innerHTML += 'FAIL - "' + property + '" property for "' + elementId +'" element at ' + time + 's expected: ' + expectedValue + ' but saw: ' + actual + '<br/>';
84 }
85 } 75 }
86 if (window.testRunner)
87 testRunner.notifyDone();
88 } 76 }
89 77
90 function loadListener()
91 {
92 waitForAnimationStart(function(){runTest(expectedValues);});
93 }
94
95 for (var i = 0; i < transitioningElements.length; i++) {
96 var element = document.getElementById(transitioningElements[i]);
97 element.className += " go";
98 }
99
100 window.addEventListener("load", loadListener, false);
101 window.testRunner.waitUntilDone();
102 78
103 </script> 79 </script>
OLDNEW
« no previous file with comments | « LayoutTests/css3/calc/transitions.html ('k') | LayoutTests/css3/calc/transitions-dependent-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698