third_party/WebKit/LayoutTests/css3/flexbox/true-centering.html - Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/true-centering.html

Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add static_assert to ensure TransformedWritingMode matches to WritingMode Created 5 years, 1 month 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

« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/preferred-widths-expected.txt ('k') | third_party/WebKit/LayoutTests/css3/flexbox/true-centering-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <style>	3 <style>

4 .flexbox {	4 .flexbox {

5 width: 100px;	5 width: 100px;

6 height: 100px;	6 height: 100px;

7 display: flex;	7 display: flex;

8 background-color: #aaa;	8 background-color: #aaa;

9 position: relative;	9 position: relative;

10 }	10 }

(...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 .row-reverse {	41 .row-reverse {

45 flex-flow: row-reverse;	42 flex-flow: row-reverse;

46 }	43 }

47 .column {	44 .column {

(...skipping 35 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
83 <div data-offset-x=0 data-offset-y=0></div>	80 <div data-offset-x=0 data-offset-y=0></div>

84 <div data-offset-x=60 data-offset-y=0></div>	81 <div data-offset-x=60 data-offset-y=0></div>

85 </div>	82 </div>

86	83

87 <div class="flexbox" style="align-items: flex-start; justify-content: space-betw een;">	84 <div class="flexbox" style="align-items: flex-start; justify-content: space-betw een;">

88 <div data-offset-x=0 data-offset-y=0></div>	85 <div data-offset-x=0 data-offset-y=0></div>

89 <div data-offset-x=60 data-offset-y=0></div>	86 <div data-offset-x=60 data-offset-y=0></div>

90 </div>	87 </div>

91	88

92 <script>	89 <script>

93 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-lr', 'vertical-r l'];	90 var writingModes = ['horizontal-tb', 'vertical-lr', 'vertical-rl'];

94 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];	91 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];

95 var directions = ['ltr', 'rtl'];	92 var directions = ['ltr', 'rtl'];

96	93

97 var verticalFirstChildExpected = 'data-offset-x="-5" data-offset-y="-10"';	94 var verticalFirstChildExpected = 'data-offset-x="-5" data-offset-y="-10"';

98 var verticalLastChildExpected = 'data-offset-x="-5" data-offset-y="50"';	95 var verticalLastChildExpected = 'data-offset-x="-5" data-offset-y="50"';

99 var horizontalFirstChildExpected = 'data-offset-x="-10" data-offset-y="-5"';	96 var horizontalFirstChildExpected = 'data-offset-x="-10" data-offset-y="-5"';

100 var horizontalLastChildExpected = 'data-offset-x="50" data-offset-y="-5"';	97 var horizontalLastChildExpected = 'data-offset-x="50" data-offset-y="-5"';

101	98

102 writingModes.forEach(function(writingMode) {	99 writingModes.forEach(function(writingMode) {

103 flexFlows.forEach(function(flexFlow) {	100 flexFlows.forEach(function(flexFlow) {

(...skipping 42 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
146 '</div>';	143 '</div>';

147	144

148 document.body.appendChild(container);	145 document.body.appendChild(container);

149 })	146 })

150 })	147 })

151 })	148 })

152 </script>	149 </script>

153	150

154 </body>	151 </body>

155 </html>	152 </html>

OLD	NEW