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 |