third_party/WebKit/LayoutTests/css3/flexbox/box-orient-button.html - Issue 2130543003: Convert some flexbox tests to testharness.js

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/box-orient-button.html

Issue 2130543003: Convert some flexbox tests to testharness.js (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 5 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

« third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html ('K') | « third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html ('k') | third_party/WebKit/LayoutTests/css3/flexbox/box-orient-button-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 PUBLIC "-//IETF//DTD HTML//EN">	1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

2 <html>	2 <html>

3 <head>	3 <head>

4 <style type="text/css">	4 <style type="text/css">

5 .box {	5 .box {

6 display: -webkit-flex;	6 display: -webkit-flex;

7 display: flex;	7 display: flex;

8 }	8 }

9 .horizontal {	9 .horizontal {

10 -webkit-flex-direction: row;	10 -webkit-flex-direction: row;

11 flex-direction: horizontal;	11 flex-direction: horizontal;

12 }	12 }

13 .vertical {	13 .vertical {

14 -webkit-flex-direction: column;	14 -webkit-flex-direction: column;

15 flex-direction: column;	15 flex-direction: column;

16 }	16 }

17 .box span {	17 .box span {

18 display: -webkit-flex;	18 display: -webkit-flex;

19 display: flex;	19 display: flex;

20 }	20 }

21 </style>	21 </style>

22 <script src="../../resources/js-test.js"></script>	22 <script src="../../resources/testharness.js"></script>

	23 <script src="../../resources/testharnessreport.js"></script>

23 </head>	24 </head>

24 <body>	25 <body>

25 <p id="description"></p>	26 <p id="description">Check if box-orient is working in <button>. See https: //bugs.webkit.org/show_bug.cgi?id=25406</p>

	27 <div id="log"></p>

26 <div id="main">	28 <div id="main">

27 <p>	29 <p>

28 reference of horizontal button:<br>	30 reference of horizontal button:<br>

29 <button id="reference_horizontal">	31 <button id="reference_horizontal">

30 <span>hello</span>	32 <span>hello</span>

31 <span>world</span>	33 <span>world</span>

32 </button>	34 </button>

33 <p>	35 <p>

34 reference of vertical button:<br>	36 reference of vertical button:<br>

35 <button id="reference_vertical">	37 <button id="reference_vertical">

(...skipping 28 matching lines...) Expand all Loading...
64 vertical => horizontal:<br>	66 vertical => horizontal:<br>

65 <button id="toHorizontal" class="box vertical">	67 <button id="toHorizontal" class="box vertical">

66 <span>hello</span>	68 <span>hello</span>

67 <span>world</span>	69 <span>world</span>

68 </button>	70 </button>

69 </div>	71 </div>

70 <div id="console"></div>	72 <div id="console"></div>

71 <script src="resources/box-orient-button.js"></script>	73 <script src="resources/box-orient-button.js"></script>

72 </body>	74 </body>

73 </html>	75 </html>

OLD	NEW