Update CSS tests to revision b9afbd8c2c8ef5e824f276b0c3d44143c01d98aa

tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/html/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap-reverse.htm

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap.htm

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data

@@ -1311,10 +1311,10 @@ html/ttwf-reftest-flex-inline.htm	d4bf7203c62b3ee71080538a8d5be9d6a7ad7ef7	?
 xhtml1/ttwf-reftest-flex-inline.xht	d4bf7203c62b3ee71080538a8d5be9d6a7ad7ef7	?
 html/ttwf-reftest-flex-order.htm	044ded9f226cb84a3c9732056aea49c46c181e2f	?
 xhtml1/ttwf-reftest-flex-order.xht	044ded9f226cb84a3c9732056aea49c46c181e2f	?
-html/ttwf-reftest-flex-wrap-reverse.htm	afeb42caa4f8ec9df528076ebfffb46bbead061f	?
+html/ttwf-reftest-flex-wrap-reverse.htm	b97229afe05307403b107d040c4667f3f2278ac5	?
-xhtml1/ttwf-reftest-flex-wrap-reverse.xht	afeb42caa4f8ec9df528076ebfffb46bbead061f	?
+xhtml1/ttwf-reftest-flex-wrap-reverse.xht	b97229afe05307403b107d040c4667f3f2278ac5	?
-html/ttwf-reftest-flex-wrap.htm	568cea73da02e6ff8acf4590d62ee2e21a1e5196	?
+html/ttwf-reftest-flex-wrap.htm	b9ad50ea90553808718283b2e4e996f313eb66a6	?
-xhtml1/ttwf-reftest-flex-wrap.xht	568cea73da02e6ff8acf4590d62ee2e21a1e5196	?
+xhtml1/ttwf-reftest-flex-wrap.xht	b9ad50ea90553808718283b2e4e996f313eb66a6	?
 html/visibility-collapse-001.htm	e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc	?
 xhtml1/visibility-collapse-001.xht	e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc	?
 html/visibility-collapse-002.htm	5ff47e24f82c9e30540d720b515ac83b74a767b9	?

tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data

@@ -653,8 +653,8 @@ ttwf-reftest-flex-direction-column-reverse	reference/ttwf-reftest-flex-direction
 ttwf-reftest-flex-direction-row-reverse	reference/ttwf-reftest-flex-direction-row-reverse-ref	flex-direction proprety - row-reverse		http://www.w3.org/TR/css-flexbox-1/#flex-direction-property	9098f8056ac9c5fc7f7633548358c81fedb3f8c8	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
 ttwf-reftest-flex-inline	reference/ttwf-reftest-flex-inline-ref	display proprety - inline-flex		http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex	d4bf7203c62b3ee71080538a8d5be9d6a7ad7ef7	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
 ttwf-reftest-flex-order	reference/ttwf-reftest-flex-order-ref	order proprety - value		http://www.w3.org/TR/css-flexbox-1/#propdef-order	044ded9f226cb84a3c9732056aea49c46c181e2f	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
-ttwf-reftest-flex-wrap	reference/ttwf-reftest-flex-wrap-ref	flex-wrap proprety - wrap		http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap	568cea73da02e6ff8acf4590d62ee2e21a1e5196	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
+ttwf-reftest-flex-wrap	reference/ttwf-reftest-flex-wrap-ref	flex-wrap proprety - wrap		http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap	b9ad50ea90553808718283b2e4e996f313eb66a6	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
-ttwf-reftest-flex-wrap-reverse	reference/ttwf-reftest-flex-wrap-reverse-ref	flex-wrap proprety - wrap-reverse		http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap	afeb42caa4f8ec9df528076ebfffb46bbead061f	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
+ttwf-reftest-flex-wrap-reverse	reference/ttwf-reftest-flex-wrap-reverse-ref	flex-wrap proprety - wrap-reverse		http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap	b97229afe05307403b107d040c4667f3f2278ac5	`haosdent`<mailto:haosdent@gmail.com>	Statement describing what the test case is asserting
 visibility-collapse-001		A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis		http://www.w3.org/TR/css-flexbox-1/#visibility-collapse	e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc	`Microsoft`<http://www.microsoft.com/>	This test checks that a flex item with 'visibility: collapse' doesn't take up space in the main axis.
 visibility-collapse-002		A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item		http://www.w3.org/TR/css-flexbox-1/#visibility-collapse	5ff47e24f82c9e30540d720b515ac83b74a767b9	`Microsoft`<http://www.microsoft.com/>	This test checks that the cross size of a line of flex items containing an item with 'visbility: collapse' is large enough to fit the collapsed item.
 visibility-regions-in-flexbox	reference/visibility-regions-in-flexbox-ref	CSS Regions: collapsed region flex items	ahem	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#visibility-collapse	f928a7d12588030ca5a9e83b970ad9ff0a70a22c	`Catalin Badea`<mailto:badea@adobe.com>	Test checks that the flexbox collapsed property works on flex items that are regions. The collapsed region item should not contribute to the flex container's width.

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap-reverse.xht

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/test-style.css

@@ -1,8 +1,8 @@
       #test01, #test02, #test03{
         width: 50px;
         height: 50px;
-	text-align:center;
+        text-align:center;
-	font-size: 20px;
+        font-size: 20px;
       }
       #test{
         background: #ff0000;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap-reverse.xht

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap.xht

@@ -16,6 +16,7 @@
 	margin: 1em 0;
 	border: 1px solid black;
 	width: 20em;
+	height: 6.5em;
         }
 	span {
 	display: inline-block;

tests/wpt/css-tests/css-text-3_dev/html/seg-break-transformation-000.htm

@@ -20,7 +20,7 @@ there</span></div>
 <div class="test" id="test2"><span>hello   
 there</span></div>
 <div class="test" id="test3"><span>hello
-        there</span></div>
+     there</span></div>
 <div class="test" id="test4"><span>hello   
      there</span></div>
 <div class="test" id="test5"><span>hello

tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data

@@ -1179,8 +1179,8 @@ html/overflow-wrap-005.htm	cd21eef80894ecb8a71238764dfa4536784b9f64	?
 xhtml1/overflow-wrap-005.xht	cd21eef80894ecb8a71238764dfa4536784b9f64	?
 html/overflow-wrap-break-word-001.htm	ca2bbe812d216a4b4529010a035d34f5437b5c83	?
 xhtml1/overflow-wrap-break-word-001.xht	ca2bbe812d216a4b4529010a035d34f5437b5c83	?
-html/seg-break-transformation-000.htm	aa5a95204b70c2d0f573ca8a9efbc52dcaf22856	?
+html/seg-break-transformation-000.htm	a79f12b9b7c5c0d5b48fe71f69900414a71ef30c	?
-xhtml1/seg-break-transformation-000.xht	aa5a95204b70c2d0f573ca8a9efbc52dcaf22856	?
+xhtml1/seg-break-transformation-000.xht	a79f12b9b7c5c0d5b48fe71f69900414a71ef30c	?
 html/seg-break-transformation-001.htm	437396635702acf86c277bda5e84c15a33aa580e	?
 xhtml1/seg-break-transformation-001.xht	437396635702acf86c277bda5e84c15a33aa580e	?
 html/seg-break-transformation-002.htm	d548921cf7e0d8af2b909bc0cc7797466ce3547f	?

tests/wpt/css-tests/css-text-3_dev/testinfo.data

@@ -587,7 +587,7 @@ overflow-wrap-003	reference/overflow-wrap-003-ref	overflow-wrap - break-word (wh
 overflow-wrap-004	reference/overflow-wrap-004-ref	overflow-wrap - normal (basic)		http://www.w3.org/TR/css-text-3/#overflow-wrap	19123b9e3550ee2b726814585a0f7a905a4b08e4	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'overflow-wrap' property set 'normal' overflows container
 overflow-wrap-005	reference/overflow-wrap-003-ref	overflow-wrap - normal (white space)		http://www.w3.org/TR/css-text-3/#overflow-wrap	cd21eef80894ecb8a71238764dfa4536784b9f64	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'overflow-wrap' property set 'normal' will break line at white space
 overflow-wrap-break-word-001	reference/overflow-wrap-break-word-001-ref	overflow-wrap: break-word	ahem	https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word	ca2bbe812d216a4b4529010a035d34f5437b5c83	`Florian Rivoal`<http://florian.rivoal.net/>	sequences of nbsp characters that would cause overflow are expected to be broken when overflow-wrap is break-word
-seg-break-transformation-000		Whitespace and line break transformation	script	https://drafts.csswg.org/css-text-3/#line-break-transform	aa5a95204b70c2d0f573ca8a9efbc52dcaf22856	`Richard Ishida`<mailto:ishida@w3.org>	All spaces and tabs immediately preceding or following a segment break are removed. If no F, H, W or ZWSP characters involved, the segment break is converted to a space.
+seg-break-transformation-000		Whitespace and line break transformation	script	https://drafts.csswg.org/css-text-3/#line-break-transform	a79f12b9b7c5c0d5b48fe71f69900414a71ef30c	`Richard Ishida`<mailto:ishida@w3.org>	All spaces and tabs immediately preceding or following a segment break are removed. If no F, H, W or ZWSP characters involved, the segment break is converted to a space.
 seg-break-transformation-001		Wide characters around line break	script	https://drafts.csswg.org/css-text-3/#line-break-transform	437396635702acf86c277bda5e84c15a33aa580e	`Richard Ishida`<mailto:ishida@w3.org>	If the East Asian Width property of both the character before and after the line feed is W and neither side is Hangul, then the segment break is removed.
 seg-break-transformation-002		Fullwidth characters around line break	script	https://drafts.csswg.org/css-text-3/#line-break-transform	d548921cf7e0d8af2b909bc0cc7797466ce3547f	`Richard Ishida`<mailto:ishida@w3.org>	If the East Asian Width property of both the character before and after the line feed is F and neither side is Hangul, then the segment break is removed.
 seg-break-transformation-003		Halfwidth characters around line break	script	https://drafts.csswg.org/css-text-3/#line-break-transform	046bf5268bb6dda721f6aa1fde5c7ed4355837ac	`Richard Ishida`<mailto:ishida@w3.org>	If the East Asian Width property of both the character before and after the line feed is H and neither side is Hangul, then the segment break is removed.

tests/wpt/css-tests/css-text-3_dev/xhtml1/seg-break-transformation-000.xht

@@ -20,7 +20,7 @@ there</span></div>
 <div class="test" id="test2"><span>hello   
 there</span></div>
 <div class="test" id="test3"><span>hello
-        there</span></div>
+     there</span></div>
 <div class="test" id="test4"><span>hello   
      there</span></div>
 <div class="test" id="test5"><span>hello

tests/wpt/css-tests/css-text-3_dev/xhtml1print/seg-break-transformation-000.xht

@@ -20,7 +20,7 @@ there</span></div>
 <div class="test" id="test2"><span>hello   
 there</span></div>
 <div class="test" id="test3"><span>hello
-        there</span></div>
+     there</span></div>
 <div class="test" id="test4"><span>hello   
      there</span></div>
 <div class="test" id="test5"><span>hello

tests/wpt/css-tests/css-text-decor-3_dev/html/chapter-3.htm

@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Text Decoration Module Level 3 CR Test Suite</h1>
-  <h2>Emphasis Marks (105 tests)</h2>
+  <h2>Emphasis Marks (118 tests)</h2>
   <table width="100%">
     <col id="test-column">
     <col id="refs-column">
@@ -740,7 +740,150 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s3.4">+</a>
         <a href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-position-property">3.4 Emphasis Mark Position: the &#8216;text-emphasis-position&#8217; property</a></th></tr>
-      <!-- 46 tests -->
+      <!-- 59 tests -->
+      <tr id="text-emphasis-line-height-001a-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-001a.htm">text-emphasis-line-height-001a</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, top, horizontal-tb, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-001b-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-001b.htm">text-emphasis-line-height-001b</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, top, horizontal-tb, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-001z-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-001z.htm">text-emphasis-line-height-001z</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, top, textarea
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-002a-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-002a.htm">text-emphasis-line-height-002a</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-002-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, bottom, horizontal-tb, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-002b-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-002b.htm">text-emphasis-line-height-002b</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-002-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, bottom, horizontal-tb, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-003a-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-003a.htm">text-emphasis-line-height-003a</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, right, vertical-rl, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-003b-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-003b.htm">text-emphasis-line-height-003b</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, right, vertical-rl, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-003c-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-003c.htm">text-emphasis-line-height-003c</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, right, vertical-lr, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-003d-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-003d.htm">text-emphasis-line-height-003d</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, right, vertical-lr, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-004a-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-004a.htm">text-emphasis-line-height-004a</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, left, vertical-rl, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-004b-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-004b.htm">text-emphasis-line-height-004b</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, left, vertical-rl, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-004c-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-004c.htm">text-emphasis-line-height-004c</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, left, vertical-lr, div
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="text-emphasis-line-height-004d-3.4" class="primary">
+        <td><strong>
+            <a href="text-emphasis-line-height-004d.htm">text-emphasis-line-height-004d</a></strong></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td></td>
+        <td>text-emphasis line height, left, vertical-lr, span
+          <ul class="assert">
+            <li>text emphasis marks should expand the line height like ruby if necessary</li>
+          </ul>
+        </td>
+      </tr>
       <tr id="text-emphasis-position-property-001-3.4" class="primary">
         <td><strong>
             <a href="text-emphasis-position-property-001.htm">text-emphasis-position-property-001</a></strong></td>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/generate-text-emphasis-line-height-tests.py

@@ -0,0 +1,82 @@
+#!/usr/bin/env python
+# - * - coding: UTF-8 - * -
+
+"""
+This script generates tests text-emphasis-line-height-001 ~ 004 except
+001z. They test the line height expansion in different directions. This
+script outputs a list of all tests it generated in the format of Mozilla
+reftest.list to the stdout.
+"""
+
+from __future__ import unicode_literals
+
+TEST_FILE = 'text-emphasis-line-height-{:03}{}.html'
+TEST_TEMPLATE = '''<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, {pos}, {wm}, {tag}</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
+<meta name="assert" content="text emphasis marks should expand the line height like ruby if necessary">
+<link rel="match" href="text-emphasis-line-height-{index:03}-ref.html">
+<p>Pass if the emphasis marks are {dir} the black line:</p>
+{start}試験テスト{end}
+'''
+
+REF_FILE = 'text-emphasis-line-height-{:03}-ref.html'
+REF_TEMPLATE='''<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, {pos}</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<style> rt {{ font-variant-east-asian: inherit; }} </style>
+<p>Pass if the emphasis marks are {dir} the black line:</p>
+<div style="line-height: 1; border-{pos}: 1px solid black; writing-mode: {wm}; ruby-position: {posval}"><ruby>試<rt>&#x25CF;</rt>験<rt>&#x25CF;</rt>テ<rt>&#x25CF;</rt>ス<rt>&#x25CF;</rt>ト<rt>&#x25CF;</rt></ruby></div>
+'''
+
+STYLE1 = 'line-height: 1; border-{pos}: 1px solid black; ' + \
+         'writing-mode: {wm}; text-emphasis-position: {posval};'
+STYLE2 = 'text-emphasis: circle;'
+
+TAGS = [
+    # (tag, start, end)
+    ('div', '<div style="{style1}{style2}">', '</div>'),
+    ('span', '<div style="{style1}"><span style="{style2}">', '</span></div>'),
+    ]
+POSITIONS = [
+    # pos, text-emphasis-position, ruby-position,
+    #   writing-modes, dir text
+    ('top', 'over right', 'over',
+        ['horizontal-tb'], 'below'),
+    ('bottom', 'under right', 'under',
+        ['horizontal-tb'], 'over'),
+    ('right', 'over right', 'over',
+        ['vertical-rl', 'vertical-lr'], 'to the left of'),
+    ('left', 'over left', 'under',
+        ['vertical-rl', 'vertical-lr'], 'to the right of'),
+    ]
+
+import string
+
+def write_file(filename, content):
+    with open(filename, 'wb') as f:
+        f.write(content.encode('UTF-8'))
+
+print("# START tests from {}".format(__file__))
+idx = 0
+for (pos, emphasis_pos, ruby_pos, wms, dir) in POSITIONS:
+    idx += 1
+    ref_file = REF_FILE.format(idx)
+    content = REF_TEMPLATE.format(pos=pos, dir=dir, wm=wms[0], posval=ruby_pos)
+    write_file(ref_file, content)
+    suffix = iter(string.ascii_lowercase)
+    for wm in wms:
+        style1 = STYLE1.format(pos=pos, wm=wm, posval=emphasis_pos)
+        for (tag, start, end) in TAGS:
+            test_file = TEST_FILE.format(idx, next(suffix))
+            content = TEST_TEMPLATE.format(
+                pos=pos, wm=wm, tag=tag, index=idx, dir=dir,
+                start=start.format(style1=style1, style2=STYLE2), end=end)
+            write_file(test_file, content)
+            print("== {} {}".format(test_file, ref_file))
+print("# END tests from {}".format(__file__))

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/generate-text-emphasis-ruby-tests.py

@@ -17,7 +17,7 @@ TEST_TEMPLATE = '''<!DOCTYPE html>
 <link rel="author" title="Mozilla" href="https://www.mozilla.org">
 <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
 <meta name="assert" content="emphasis marks are drawn outside the ruby">
-<link rel="match" href="reference/text-emphasis-ruby-{index:03}-ref.html">
+<link rel="match" href="text-emphasis-ruby-{index:03}-ref.html">
 <p>Pass if the emphasis marks are outside the ruby:</p>
 <div style="line-height: 5; writing-mode: {wm}; ruby-position: {ruby_pos}; text-emphasis-position: {posval}">ルビ<span style="text-emphasis: circle">と<ruby>圏<rt>けん</rt>点<rt>てん</rt></ruby>を</span>同時</div>
 '''

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-line-height-001-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, top</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rt { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are below the black line:</p>
+<div style="line-height: 1; border-top: 1px solid black; writing-mode: horizontal-tb; ruby-position: over"><ruby>試<rt>●</rt>験<rt>●</rt>テ<rt>●</rt>ス<rt>●</rt>ト<rt>●</rt></ruby></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-line-height-002-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, bottom</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rt { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are over the black line:</p>
+<div style="line-height: 1; border-bottom: 1px solid black; writing-mode: horizontal-tb; ruby-position: under"><ruby>試<rt>●</rt>験<rt>●</rt>テ<rt>●</rt>ス<rt>●</rt>ト<rt>●</rt></ruby></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-line-height-003-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, right</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rt { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are to the left of the black line:</p>
+<div style="line-height: 1; border-right: 1px solid black; writing-mode: vertical-rl; ruby-position: over"><ruby>試<rt>●</rt>験<rt>●</rt>テ<rt>●</rt>ス<rt>●</rt>ト<rt>●</rt></ruby></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-line-height-004-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, left</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rt { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are to the right of the black line:</p>
+<div style="line-height: 1; border-left: 1px solid black; writing-mode: vertical-rl; ruby-position: under"><ruby>試<rt>●</rt>験<rt>●</rt>テ<rt>●</rt>ス<rt>●</rt>ト<rt>●</rt></ruby></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-ruby-001-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis and ruby, horizontal-tb, top</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rtc { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
+<div style="line-height: 5; writing-mode: horizontal-tb; ruby-position: over">ルビ<ruby>と<rtc>●</rtc>圏<rt>けん</rt><rtc>●</rtc>点<rt>てん</rt><rtc>●</rtc>を<rtc>●</rtc></ruby>同時</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-ruby-002-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis and ruby, horizontal-tb, bottom</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rtc { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
+<div style="line-height: 5; writing-mode: horizontal-tb; ruby-position: under">ルビ<ruby>と<rtc>●</rtc>圏<rt>けん</rt><rtc>●</rtc>点<rt>てん</rt><rtc>●</rtc>を<rtc>●</rtc></ruby>同時</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-ruby-003-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis and ruby, vertical-rl, right</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rtc { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
+<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: over">ルビ<ruby>と<rtc>●</rtc>圏<rt>けん</rt><rtc>●</rtc>点<rt>てん</rt><rtc>●</rtc>を<rtc>●</rtc></ruby>同時</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-ruby-004-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis and ruby, vertical-rl, left</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rtc { font-variant-east-asian: inherit; } </style>
+</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
+<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: under">ルビ<ruby>と<rtc>●</rtc>圏<rt>けん</rt><rtc>●</rtc>点<rt>てん</rt><rtc>●</rtc>を<rtc>●</rtc></ruby>同時</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-style-property-001-ref.htm

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis-style: none</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+</head><body><p>Pass if there is NO emphasis marks above the text below:</p>
+<div style="line-height: 5;">試験テスト</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reference/text-emphasis-style-property-002-ref.htm

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Reference: text-emphasis-style: string</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<style> rt { font-variant-east-asian: normal; } </style>
+</head><body><p>Pass if there is a '^' above every character below:</p>
+<div style="line-height: 5"><ruby>試<rt>^</rt>験<rt>^</rt>テ<rt>^</rt>ス<rt>^</rt>ト<rt>^</rt></ruby></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/reftest-toc.htm

@@ -104,6 +104,110 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="text-emphasis-line-height-001a" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, top, horizontal-tb, div">
+          <a href="text-emphasis-line-height-001a.htm">text-emphasis-line-height-001a</a></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-001b" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, top, horizontal-tb, span">
+          <a href="text-emphasis-line-height-001b.htm">text-emphasis-line-height-001b</a></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-001z" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, top, textarea">
+          <a href="text-emphasis-line-height-001z.htm">text-emphasis-line-height-001z</a></td>
+        <td><a href="reference/text-emphasis-line-height-001-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-002a" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, bottom, horizontal-tb, div">
+          <a href="text-emphasis-line-height-002a.htm">text-emphasis-line-height-002a</a></td>
+        <td><a href="reference/text-emphasis-line-height-002-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-002b" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, bottom, horizontal-tb, span">
+          <a href="text-emphasis-line-height-002b.htm">text-emphasis-line-height-002b</a></td>
+        <td><a href="reference/text-emphasis-line-height-002-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-003a" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, right, vertical-rl, div">
+          <a href="text-emphasis-line-height-003a.htm">text-emphasis-line-height-003a</a></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-003b" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, right, vertical-rl, span">
+          <a href="text-emphasis-line-height-003b.htm">text-emphasis-line-height-003b</a></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-003c" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, right, vertical-lr, div">
+          <a href="text-emphasis-line-height-003c.htm">text-emphasis-line-height-003c</a></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-003d" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, right, vertical-lr, span">
+          <a href="text-emphasis-line-height-003d.htm">text-emphasis-line-height-003d</a></td>
+        <td><a href="reference/text-emphasis-line-height-003-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-004a" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, left, vertical-rl, div">
+          <a href="text-emphasis-line-height-004a.htm">text-emphasis-line-height-004a</a></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-004b" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, left, vertical-rl, span">
+          <a href="text-emphasis-line-height-004b.htm">text-emphasis-line-height-004b</a></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-004c" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, left, vertical-lr, div">
+          <a href="text-emphasis-line-height-004c.htm">text-emphasis-line-height-004c</a></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
+    <tbody id="text-emphasis-line-height-004d" class="">
+      <tr>
+        <td rowspan="1" title="text-emphasis line height, left, vertical-lr, span">
+          <a href="text-emphasis-line-height-004d.htm">text-emphasis-line-height-004d</a></td>
+        <td><a href="reference/text-emphasis-line-height-004-ref.htm">=</a> </td>
+        <td rowspan="1"></td>
+      </tr>
+    </tbody>
     <tbody id="text-emphasis-position-property-001" class="">
       <tr>
         <td rowspan="1" title="text-emphasis-position: over right, horizontal-tb">

tests/wpt/css-tests/css-text-decor-3_dev/html/reftest.list

@@ -9,6 +9,19 @@ text-emphasis-color-property-001.htm == reference/text-emphasis-color-property-0
 text-emphasis-color-property-001a.htm == reference/text-emphasis-color-property-001-ref.htm
 text-emphasis-color-property-001b.htm == reference/text-emphasis-color-property-001-ref.htm
 text-emphasis-color-property-002.htm == reference/text-emphasis-color-property-002-ref.htm
+text-emphasis-line-height-001a.htm == reference/text-emphasis-line-height-001-ref.htm
+text-emphasis-line-height-001b.htm == reference/text-emphasis-line-height-001-ref.htm
+text-emphasis-line-height-001z.htm == reference/text-emphasis-line-height-001-ref.htm
+text-emphasis-line-height-002a.htm == reference/text-emphasis-line-height-002-ref.htm
+text-emphasis-line-height-002b.htm == reference/text-emphasis-line-height-002-ref.htm
+text-emphasis-line-height-003a.htm == reference/text-emphasis-line-height-003-ref.htm
+text-emphasis-line-height-003b.htm == reference/text-emphasis-line-height-003-ref.htm
+text-emphasis-line-height-003c.htm == reference/text-emphasis-line-height-003-ref.htm
+text-emphasis-line-height-003d.htm == reference/text-emphasis-line-height-003-ref.htm
+text-emphasis-line-height-004a.htm == reference/text-emphasis-line-height-004-ref.htm
+text-emphasis-line-height-004b.htm == reference/text-emphasis-line-height-004-ref.htm
+text-emphasis-line-height-004c.htm == reference/text-emphasis-line-height-004-ref.htm
+text-emphasis-line-height-004d.htm == reference/text-emphasis-line-height-004-ref.htm
 text-emphasis-position-property-001.htm == reference/text-emphasis-position-property-001-ref.htm
 text-emphasis-position-property-001a.htm == reference/text-emphasis-position-property-001-ref.htm
 text-emphasis-position-property-001b.htm == reference/text-emphasis-position-property-001-ref.htm

tests/wpt/css-tests/css-text-decor-3_dev/html/support/generate-text-emphasis-line-height-tests.py

@@ -0,0 +1,82 @@
+#!/usr/bin/env python
+# - * - coding: UTF-8 - * -
+
+"""
+This script generates tests text-emphasis-line-height-001 ~ 004 except
+001z. They test the line height expansion in different directions. This
+script outputs a list of all tests it generated in the format of Mozilla
+reftest.list to the stdout.
+"""
+
+from __future__ import unicode_literals
+
+TEST_FILE = 'text-emphasis-line-height-{:03}{}.html'
+TEST_TEMPLATE = '''<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, {pos}, {wm}, {tag}</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
+<meta name="assert" content="text emphasis marks should expand the line height like ruby if necessary">
+<link rel="match" href="text-emphasis-line-height-{index:03}-ref.html">
+<p>Pass if the emphasis marks are {dir} the black line:</p>
+{start}試験テスト{end}
+'''
+
+REF_FILE = 'text-emphasis-line-height-{:03}-ref.html'
+REF_TEMPLATE='''<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference: text-emphasis line height, {pos}</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<style> rt {{ font-variant-east-asian: inherit; }} </style>
+<p>Pass if the emphasis marks are {dir} the black line:</p>
+<div style="line-height: 1; border-{pos}: 1px solid black; writing-mode: {wm}; ruby-position: {posval}"><ruby>試<rt>&#x25CF;</rt>験<rt>&#x25CF;</rt>テ<rt>&#x25CF;</rt>ス<rt>&#x25CF;</rt>ト<rt>&#x25CF;</rt></ruby></div>
+'''
+
+STYLE1 = 'line-height: 1; border-{pos}: 1px solid black; ' + \
+         'writing-mode: {wm}; text-emphasis-position: {posval};'
+STYLE2 = 'text-emphasis: circle;'
+
+TAGS = [
+    # (tag, start, end)
+    ('div', '<div style="{style1}{style2}">', '</div>'),
+    ('span', '<div style="{style1}"><span style="{style2}">', '</span></div>'),
+    ]
+POSITIONS = [
+    # pos, text-emphasis-position, ruby-position,
+    #   writing-modes, dir text
+    ('top', 'over right', 'over',
+        ['horizontal-tb'], 'below'),
+    ('bottom', 'under right', 'under',
+        ['horizontal-tb'], 'over'),
+    ('right', 'over right', 'over',
+        ['vertical-rl', 'vertical-lr'], 'to the left of'),
+    ('left', 'over left', 'under',
+        ['vertical-rl', 'vertical-lr'], 'to the right of'),
+    ]
+
+import string
+
+def write_file(filename, content):
+    with open(filename, 'wb') as f:
+        f.write(content.encode('UTF-8'))
+
+print("# START tests from {}".format(__file__))
+idx = 0
+for (pos, emphasis_pos, ruby_pos, wms, dir) in POSITIONS:
+    idx += 1
+    ref_file = REF_FILE.format(idx)
+    content = REF_TEMPLATE.format(pos=pos, dir=dir, wm=wms[0], posval=ruby_pos)
+    write_file(ref_file, content)
+    suffix = iter(string.ascii_lowercase)
+    for wm in wms:
+        style1 = STYLE1.format(pos=pos, wm=wm, posval=emphasis_pos)
+        for (tag, start, end) in TAGS:
+            test_file = TEST_FILE.format(idx, next(suffix))
+            content = TEST_TEMPLATE.format(
+                pos=pos, wm=wm, tag=tag, index=idx, dir=dir,
+                start=start.format(style1=style1, style2=STYLE2), end=end)
+            write_file(test_file, content)
+            print("== {} {}".format(test_file, ref_file))
+print("# END tests from {}".format(__file__))

tests/wpt/css-tests/css-text-decor-3_dev/html/support/generate-text-emphasis-ruby-tests.py

@@ -17,7 +17,7 @@ TEST_TEMPLATE = '''<!DOCTYPE html>
 <link rel="author" title="Mozilla" href="https://www.mozilla.org">
 <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
 <meta name="assert" content="emphasis marks are drawn outside the ruby">
-<link rel="match" href="reference/text-emphasis-ruby-{index:03}-ref.html">
+<link rel="match" href="text-emphasis-ruby-{index:03}-ref.html">
 <p>Pass if the emphasis marks are outside the ruby:</p>
 <div style="line-height: 5; writing-mode: {wm}; ruby-position: {ruby_pos}; text-emphasis-position: {posval}">ルビ<span style="text-emphasis: circle">と<ruby>圏<rt>けん</rt>点<rt>てん</rt></ruby>を</span>同時</div>
 '''

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-001a.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, top, horizontal-tb, div</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-001-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are below the black line:</p>
+<div style="line-height: 1; border-top: 1px solid black; writing-mode: horizontal-tb; text-emphasis-position: over right;text-emphasis: circle;">試験テスト</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-001b.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, top, horizontal-tb, span</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-001-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are below the black line:</p>
+<div style="line-height: 1; border-top: 1px solid black; writing-mode: horizontal-tb; text-emphasis-position: over right;"><span style="text-emphasis: circle;">試験テスト</span></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-001z.htm

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, top, textarea</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-001-ref.htm" rel="match">
+<style>
+textarea {
+  all: inherit;
+  width: 100%;
+  box-sizing: border-box;
+  border: 0 none; margin: 0; padding: 0;
+}
+</style>
+</head><body><p>Pass if the emphasis marks are below the black line:</p>
+<textarea style="line-height: 1; border-top: 1px solid black; text-emphasis: circle;">試験テスト</textarea>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-002a.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, bottom, horizontal-tb, div</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-002-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are over the black line:</p>
+<div style="line-height: 1; border-bottom: 1px solid black; writing-mode: horizontal-tb; text-emphasis-position: under right;text-emphasis: circle;">試験テスト</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-002b.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, bottom, horizontal-tb, span</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-002-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are over the black line:</p>
+<div style="line-height: 1; border-bottom: 1px solid black; writing-mode: horizontal-tb; text-emphasis-position: under right;"><span style="text-emphasis: circle;">試験テスト</span></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-003a.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, right, vertical-rl, div</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-003-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are to the left of the black line:</p>
+<div style="line-height: 1; border-right: 1px solid black; writing-mode: vertical-rl; text-emphasis-position: over right;text-emphasis: circle;">試験テスト</div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-003b.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, right, vertical-rl, span</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-003-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are to the left of the black line:</p>
+<div style="line-height: 1; border-right: 1px solid black; writing-mode: vertical-rl; text-emphasis-position: over right;"><span style="text-emphasis: circle;">試験テスト</span></div>
+</body></html>

tests/wpt/css-tests/css-text-decor-3_dev/html/text-emphasis-line-height-003c.htm

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8">
+<title>CSS Test: text-emphasis line height, right, vertical-lr, div</title>
+<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
+<link href="https://www.mozilla.org" rel="author" title="Mozilla">
+<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
+<meta content="text emphasis marks should expand the line height like ruby if necessary" name="assert">
+<link href="reference/text-emphasis-line-height-003-ref.htm" rel="match">
+</head><body><p>Pass if the emphasis marks are to the left of the black line:</p>
+<div style="line-height: 1; border-right: 1px solid black; writing-mode: vertical-lr; text-emphasis-position: over right;text-emphasis: circle;">試験テスト</div>
+</body></html>