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

Side by Side Diff: LayoutTests/transitions/shape-transition.html

Issue 209443007: Remove shape-inside support (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove now unused segmentIsEmpty Created 6 years, 9 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <html> 3 <html>
4 <head> 4 <head>
5 <style> 5 <style>
6 #box { 6 #box {
7 height: 100px; 7 height: 100px;
8 width: 100px; 8 width: 100px;
9 background-color: blue; 9 background-color: blue;
10 shape-inside: polygon(nonzero, 30px 30px);
11 shape-outside: polygon(nonzero, 30px 30px); 10 shape-outside: polygon(nonzero, 30px 30px);
12 transition-property: shape-inside, shape-outside; 11 transition-property: shape-outside;
13 transition-duration: 1s; 12 transition-duration: 1s;
14 transition-timing-function: linear; 13 transition-timing-function: linear;
15 } 14 }
16 15
17 #box.changed { 16 #box.changed {
18 shape-inside: polygon(nonzero, 50px 50px);
19 shape-outside: polygon(nonzero, 50px 50px); 17 shape-outside: polygon(nonzero, 50px 50px);
20 } 18 }
21 </style> 19 </style>
22 <script src="../animations/resources/animation-test-helpers.js"></script> 20 <script src="../animations/resources/animation-test-helpers.js"></script>
23 <script type="text/javascript"> 21 <script type="text/javascript">
24 22
25 const expectedValues = [ 23 const expectedValues = [
26 // [time, element-id, property, expected-value, tolerance] 24 // [time, element-id, property, expected-value, tolerance]
27 [0.5, 'box', 'shape-outside', 'polygon(40px 40px)', 1], 25 [0.5, 'box', 'shape-outside', 'polygon(40px 40px)', 1],
28 [0.5, 'box', 'shape-inside', 'polygon(40px 40px)', 1],
29 ]; 26 ];
30 27
31 function setupTest() 28 function setupTest()
32 { 29 {
33 document.getElementById('box').className = 'changed'; 30 document.getElementById('box').className = 'changed';
34 } 31 }
35 32
36 runTransitionTest(expectedValues, setupTest); 33 runTransitionTest(expectedValues, setupTest);
37 </script> 34 </script>
38 </head> 35 </head>
39 <body> 36 <body>
40 <div id="box"></div> 37 <div id="box"></div>
41 <div id="result"></div> 38 <div id="result"></div>
42 </body> 39 </body>
43 </html> 40 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698