| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <link href="resources/flexbox.css" rel="stylesheet"> | 3 <link href="resources/flexbox.css" rel="stylesheet"> |
| 4 <style> | 4 <style> |
| 5 .flexbox { | 5 .flexbox { |
| 6 margin: 120px; | 6 margin: 120px; |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 background-color: #aaa; | 9 background-color: #aaa; |
| 10 position: relative; | 10 position: relative; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 } | 25 } |
| 26 .ltr { | 26 .ltr { |
| 27 direction: ltr; | 27 direction: ltr; |
| 28 } | 28 } |
| 29 .rtl { | 29 .rtl { |
| 30 direction: rtl; | 30 direction: rtl; |
| 31 } | 31 } |
| 32 .horizontal-tb { | 32 .horizontal-tb { |
| 33 -webkit-writing-mode: horizontal-tb; | 33 -webkit-writing-mode: horizontal-tb; |
| 34 } | 34 } |
| 35 .horizontal-bt { | |
| 36 -webkit-writing-mode: horizontal-bt; | |
| 37 } | |
| 38 .vertical-rl { | 35 .vertical-rl { |
| 39 -webkit-writing-mode: vertical-rl; | 36 -webkit-writing-mode: vertical-rl; |
| 40 } | 37 } |
| 41 .vertical-lr { | 38 .vertical-lr { |
| 42 -webkit-writing-mode: vertical-lr; | 39 -webkit-writing-mode: vertical-lr; |
| 43 } | 40 } |
| 44 </style> | 41 </style> |
| 45 <script> | 42 <script> |
| 46 if (window.testRunner) | 43 if (window.testRunner) |
| 47 testRunner.dumpAsText(); | 44 testRunner.dumpAsText(); |
| 48 </script> | 45 </script> |
| 49 <script src="../../resources/js-test.js"></script> | 46 <script src="../../resources/js-test.js"></script> |
| 50 <body> | 47 <body> |
| 51 <script> | 48 <script> |
| 52 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-lr', 'vertical-r
l']; | 49 var writingModes = ['horizontal-tb', 'vertical-lr', 'vertical-rl']; |
| 53 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse']; | 50 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse']; |
| 54 var directions = ['ltr', 'rtl']; | 51 var directions = ['ltr', 'rtl']; |
| 55 | 52 |
| 56 writingModes.forEach(function(writingMode) { | 53 writingModes.forEach(function(writingMode) { |
| 57 flexFlows.forEach(function(flexFlow) { | 54 flexFlows.forEach(function(flexFlow) { |
| 58 directions.forEach(function(direction) { | 55 directions.forEach(function(direction) { |
| 59 var flexboxClassName = writingMode + ' ' + direction + ' ' + flexFlo
w; | 56 var flexboxClassName = writingMode + ' ' + direction + ' ' + flexFlo
w; |
| 60 | 57 |
| 61 var title = document.createElement('div'); | 58 var title = document.createElement('div'); |
| 62 title.className = 'title'; | 59 title.className = 'title'; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 91 shouldBe('firstChild.offsetTop', "0"); | 88 shouldBe('firstChild.offsetTop', "0"); |
| 92 shouldBe('lastChild.offsetTop', "20"); | 89 shouldBe('lastChild.offsetTop', "20"); |
| 93 } else if (flexbox.isHorizontalFlow) | 90 } else if (flexbox.isHorizontalFlow) |
| 94 shouldBe('firstChild.offsetTop', 'lastChild.offsetTop'); | 91 shouldBe('firstChild.offsetTop', 'lastChild.offsetTop'); |
| 95 else | 92 else |
| 96 shouldBe('firstChild.offsetLeft', 'lastChild.offsetLeft'); | 93 shouldBe('firstChild.offsetLeft', 'lastChild.offsetLeft'); |
| 97 } | 94 } |
| 98 </script> | 95 </script> |
| 99 </body> | 96 </body> |
| 100 </html> | 97 </html> |
| OLD | NEW |