third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001e.html - Issue 1548053002: Import csswg-test@c8f03606f92d6f386f99dae6d11eed99114a9ea2

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001e.html

Issue 1548053002: Import csswg-test@c8f03606f92d6f386f99dae6d11eed99114a9ea2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001d.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001f.html » ('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 <meta charset="utf-8">

2 <title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthog onal block in inline-block</title>	3 <title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthog onal block in inline-block</title>

3 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flow s">	4 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flow s" title="7.3. Orthogonal Flows">

4 <meta name="assert" content="Shrink-to-fit inline-block with a child of orthogon al block in inline-block">	5 <meta name="assert" content="Shrink-to-fit inline-block with a child of orthogon al block in inline-block">

5 <meta name="flags" content="ahem">	6 <meta name="flags" content="ahem dom">

6 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">	7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">

	8 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/"> <!-- 2015-12-23 -->

7 <script src="../../../resources/testharness.js"></script>	9 <script src="../../../resources/testharness.js"></script>

8 <script src="../../../resources/testharnessreport.js"></script>	10 <script src="../../../resources/testharnessreport.js"></script>

9 <link rel="stylesheet" href="../../../resources/testharness.css">	11 <link rel="stylesheet" href="../../../resources/testharness.css">

10 <style>	12 <style>

11 .test {	13 .test {

12 border:thin solid;	14 border:thin solid;

13 font:20px/1 Ahem;	15 font:20px/1 Ahem;

14 }	16 }

15 .target {	17 .target {

16 color:blue;	18 color:blue;

17 height:3em;	19 height:3em; /* height: 3em is not required. IE11 and Edge12 compute height t o ICB height if

	20 not set. We want the test to focus exclusively on shrink-to-fit algorithm. * /

18 writing-mode:vertical-rl;	21 writing-mode:vertical-rl;

19 }	22 }

20 .border {	23 .border {

21 border-right:blue solid .5em;	24 border-right:blue solid .5em;

22 }	25 }

23 .next {	26 .next {

24 color:orange;	27 color:orange;

25 }	28 }

26 .inline-block {	29 .inline-block {

27 display:inline-block;	30 display:inline-block;

(...skipping 13 matching lines...) Expand all Loading...
41 td {	44 td {

42 padding:0px;	45 padding:0px;

43 }	46 }

44 </style>	47 </style>

45 <div id="log"></div>	48 <div id="log"></div>

46 <div id="container">	49 <div id="container">

47 <p>Test passes if the X-position of the <b>left</b> edge of the orange box and t he <b>right</b> edge of the blue box are the same.	50 <p>Test passes if the X-position of the <b>left</b> edge of the orange box and t he <b>right</b> edge of the blue box are the same.

48 <p>If script is enabled, there should be one or more PASS and no FAIL.	51 <p>If script is enabled, there should be one or more PASS and no FAIL.

49 <h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-blo ck</h3>	52 <h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-blo ck</h3>

50 <div class="test">	53 <div class="test">

51 <div class="inline-block"><div class="inline-block"><div class="target">XX</ div></div></div><span class="next">YY</span>	54 <div class="inline-block"><div class="inline-block"><div class="target">HH</ div></div></div><span class="next">ZZ</span>

52 </div>	55 </div>

53 </div>	56 </div>

54 <script>	57 <script>

55 if (window.location.search == "?wait") {	58 if (window.location.search == "?wait") {

56 console.log("Sleeping 5 secs for debug");	59 console.log("Sleeping 5 secs for debug");

57 setup({explicit_done:true});	60 setup({explicit_done:true});

58 window.setTimeout(run, 5000);	61 window.setTimeout(run, 5000);

59 } else {	62 } else {

60 run();	63 run();

61 }	64 }

(...skipping 14 matching lines...) Expand all Loading...
76 node.previousElementSibling.classList.add("fail");	79 node.previousElementSibling.classList.add("fail");

77 throw e;	80 throw e;

78 }	81 }

79 }, title);	82 }, title);

80 });	83 });

81 if (window.testRunner)	84 if (window.testRunner)

82 container.style.display = "none";	85 container.style.display = "none";

83 done();	86 done();

84 }	87 }

85 </script>	88 </script>

OLD	NEW