| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
| 3 <style> | 3 <style> |
| 4 .parent { | 4 .parent { |
| 5 -webkit-column-count: 1; | 5 -webkit-column-count: 1; |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 width: 300px; | 8 width: 300px; |
| 9 height: 80px; | 9 height: 80px; |
| 10 background-color: black; | 10 background-color: black; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 <template id="target-template"> | 22 <template id="target-template"> |
| 23 <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</div> | 23 <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</div> |
| 24 </template> | 24 </template> |
| 25 <script src="resources/interpolation-test.js"></script> | 25 <script src="resources/interpolation-test.js"></script> |
| 26 <script> | 26 <script> |
| 27 assertInterpolation({ | 27 assertInterpolation({ |
| 28 property: '-webkit-column-count', | 28 property: '-webkit-column-count', |
| 29 from: '', | 29 from: '', |
| 30 to: '5', | 30 to: '5', |
| 31 }, [ | 31 }, [ |
| 32 {at: -0.4, is: '11'}, | 32 {at: -0.4, is: '10'}, |
| 33 {at: -0.2, is: '10'}, | 33 {at: -0.2, is: '9'}, |
| 34 {at: 0, is: '9'}, | 34 {at: 0, is: '9'}, |
| 35 {at: 0.2, is: '8'}, | 35 {at: 0.2, is: '8'}, |
| 36 {at: 0.4, is: '7'}, | 36 {at: 0.4, is: '7'}, |
| 37 {at: 0.6, is: '7'}, | 37 {at: 0.6, is: '6'}, |
| 38 {at: 0.8, is: '6'}, | 38 {at: 0.8, is: '5'}, |
| 39 {at: 1, is: '5'}, | 39 {at: 1, is: '5'}, |
| 40 {at: 1.2, is: '4'}, | 40 {at: 1.2, is: '4'}, |
| 41 ]); | 41 ]); |
| 42 | 42 |
| 43 assertNoInterpolation({ | 43 assertNoInterpolation({ |
| 44 property: '-webkit-column-count', | 44 property: '-webkit-column-count', |
| 45 from: 'initial', | 45 from: 'initial', |
| 46 to: '5', | 46 to: '5', |
| 47 }); | 47 }); |
| 48 | 48 |
| 49 assertInterpolation({ | 49 assertInterpolation({ |
| 50 property: '-webkit-column-count', | 50 property: '-webkit-column-count', |
| 51 from: 'inherit', | 51 from: 'inherit', |
| 52 to: '5', | 52 to: '5', |
| 53 }, [ | 53 }, [ |
| 54 {at: -0.4, is: '1'}, | 54 {at: -0.4, is: '1'}, |
| 55 {at: -0.2, is: '1'}, | 55 {at: -0.2, is: '1'}, |
| 56 {at: 0, is: '1'}, | 56 {at: 0, is: '1'}, |
| 57 {at: 0.2, is: '2'}, | 57 {at: 0.2, is: '1'}, |
| 58 {at: 0.4, is: '3'}, | 58 {at: 0.4, is: '2'}, |
| 59 {at: 0.6, is: '3'}, | 59 {at: 0.6, is: '3'}, |
| 60 {at: 0.8, is: '4'}, | 60 {at: 0.8, is: '4'}, |
| 61 {at: 1, is: '5'}, | 61 {at: 1, is: '5'}, |
| 62 {at: 1.2, is: '6'}, | 62 {at: 1.2, is: '5'}, |
| 63 ]); | 63 ]); |
| 64 | 64 |
| 65 assertNoInterpolation({ | 65 assertNoInterpolation({ |
| 66 property: '-webkit-column-count', | 66 property: '-webkit-column-count', |
| 67 from: 'unset', | 67 from: 'unset', |
| 68 to: '5', | 68 to: '5', |
| 69 }); | 69 }); |
| 70 | 70 |
| 71 assertNoInterpolation({ | 71 assertNoInterpolation({ |
| 72 property: '-webkit-column-count', | 72 property: '-webkit-column-count', |
| (...skipping 28 matching lines...) Expand all Loading... |
| 101 {at: -0.25, is: '1'}, // Must be strictly positive | 101 {at: -0.25, is: '1'}, // Must be strictly positive |
| 102 {at: 0, is: '1'}, | 102 {at: 0, is: '1'}, |
| 103 {at: 0.25, is: '2'}, | 103 {at: 0.25, is: '2'}, |
| 104 {at: 0.5, is: '3'}, | 104 {at: 0.5, is: '3'}, |
| 105 {at: 0.75, is: '4'}, | 105 {at: 0.75, is: '4'}, |
| 106 {at: 1, is: '5'}, | 106 {at: 1, is: '5'}, |
| 107 {at: 1.25, is: '6'} | 107 {at: 1.25, is: '6'} |
| 108 ]); | 108 ]); |
| 109 </script> | 109 </script> |
| 110 </body> | 110 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1259803007:
Make AnimatedStyleBuilder value rounding consistent with StyleBuilder (Closed)
Base URL: svn://svn.chromium.org/blink/trunk