Commit 02a7b86b authored by kojii@chromium.org's avatar kojii@chromium.org

update-w3c-deps import using blink 98a453047bf48065baeae519e11b1f16d52e8cc5:

imported csswg-test@7e34e95043bc21d087cd3e4d96e39050dea4a601
imported web-platform-tests@32ba9293b8e933dc7d2c2521eedac32ec86f457b

* css-writing-modes-3
  - 1 removed file removed from W3CImportExpectations.
  - 8 files renamed.
  - 1 test bug fixed in upstream and now pass.

* shadow-dom
  - 1 test updated, still fail.

TBR=dpranke@chromium.org,jsbell@chromium.org,tkent@chromium.org,hayato@chromium.org,kochi@chromium.org
BUG=492664, 505364

Review URL: https://codereview.chromium.org/1308393009

git-svn-id: svn://svn.chromium.org/blink/trunk@201855 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent f746c767
......@@ -55,11 +55,10 @@ crbug.com/492664 imported/csswg-test/css-writing-modes-3/text-combine-upright-va
crbug.com/492664 imported/csswg-test/css-writing-modes-3/text-combine-upright-value-all-002.html [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/text-combine-upright-value-all-003.html [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-transitions-2/transitioncancel-001.html [ Failure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-new-002.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-new-003.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-new-005.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-new-008.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-new-009.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-002.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-003.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-008.xht [ ImageOnlyFailure ]
crbug.com/492664 imported/csswg-test/css-writing-modes-3/vertical-alignment-009.xht [ ImageOnlyFailure ]
crbug.com/418091 [ SnowLeopard Debug ] fast/text/aat-morx.html [ Failure ]
crbug.com/463358 [ Mac Linux Debug ] svg/hixie/perf/005.xml [ ImageOnlyFailure ]
crbug.com/463358 [ Mac Linux Debug ] svg/hixie/perf/006.xml [ ImageOnlyFailure ]
......
......@@ -422,7 +422,6 @@ imported/csswg-test/css-writing-modes-3/text-combine-upright-parsing-invalid-001
imported/csswg-test/css-writing-modes-3/text-combine-upright-parsing-invalid-002.html [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-parsing-valid-001.html [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-parsing-valid-002.html [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-value-digit2-and-inherit-001.htm [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-value-digits2-001.html [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-value-digits2-002.html [ Skip ]
imported/csswg-test/css-writing-modes-3/text-combine-upright-value-digits2-003.html [ Skip ]
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -17,7 +18,7 @@
img#orange
{
padding-left: 120px; /* = the position of orange square */
margin-top: 30px;
}
]]></style>
......@@ -29,7 +30,7 @@
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div>
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br/><!--
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><!--
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" />
</div>
......
......@@ -3,10 +3,11 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box." />
<link rel="match" href="vertical-alignment-new-002-ref.xht" />
<link rel="match" href="vertical-alignment-002-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#rl
......@@ -21,6 +22,7 @@
font-size: 0.5em;
color: orange;
vertical-align: top;
margin-top: -1em;
}
]]></style>
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -17,7 +18,7 @@
img#orange
{
padding-left: 120px; /* = the position of orange square */
margin-top: 30px;
}
]]></style>
......@@ -29,7 +30,7 @@
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div>
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br/><!--
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><!--
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" />
</div>
......
......@@ -3,25 +3,26 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box." />
<link rel="match" href="vertical-alignment-new-002-ref.xht" />
<link rel="match" href="vertical-alignment-002-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#lr
{
border-right: blue solid 2em;
-webkit-writing-mode: vertical-lr;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: top;
line-height: 1;
margin-top: -1em;
}
]]></style>
......@@ -29,7 +30,7 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div id="lr">A<span id="orange">O</span></div>
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-01 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -12,13 +13,9 @@
img
{
padding-left: 15px; /* = the position of first orange square */
padding-left: 60px; /* = position of orange squares */
}
img + br + img
{
padding-left: 15px; /* = the position of second orange square*/
}
]]></style>
</head>
......
......@@ -3,16 +3,17 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-top' and vertical-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-01 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area." />
<link rel="match" href="vertical-alignment-new-004-ref.xht" />
<link rel="match" href="vertical-alignment-004-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#rl
{
color: orange;
font: 3.75em/3 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/180px */
-webkit-writing-mode: vertical-rl;
}
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-01 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -12,13 +13,9 @@
img
{
padding-left: 60px; /* = the position of first orange square */
padding-left: 60px; /* = position of orange squares */
}
img + br + img
{
padding-left: 60px; /* = the position of second orange square*/
}
]]></style>
</head>
......
......@@ -3,16 +3,17 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-top' and vertical-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area." />
<link rel="match" href="vertical-alignment-new-004-ref.xht" />
<link rel="match" href="vertical-alignment-004-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#lr
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/180px */
-webkit-writing-mode: vertical-lr;
}
......@@ -20,7 +21,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-top;
line-height: 1;
}
]]></style>
......@@ -29,7 +29,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="lr">A<span id="orange30">O</span></div>
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -17,7 +18,7 @@
img + br + img
{
padding-left: 60px; /* = the position of second orange square*/
padding-left: 90px; /* = the position of second orange square*/
}
]]></style>
......@@ -25,7 +26,7 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div>
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br/><!--
......
......@@ -3,16 +3,17 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-bottom' and vertical-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area." />
<link rel="match" href="vertical-alignment-new-006-ref.xht" />
<link rel="match" href="vertical-alignment-006-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#rl
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/180px */
-webkit-writing-mode: vertical-rl;
}
......@@ -20,7 +21,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-bottom;
line-height: 1;
}
]]></style>
......@@ -29,7 +29,7 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="rl">A<span id="orange30">O</span></div>
......
......@@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
......@@ -12,12 +13,12 @@
img
{
padding-left: 15px; /* = the position of first orange square */
padding-left: 60px; /* = the position of first orange square */
}
img + br + img
{
padding-left: 15px; /* = the position of second orange square*/
padding-left: 90px; /* = the position of second orange square*/
}
]]></style>
......@@ -25,7 +26,7 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div>
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br/><!--
......
......@@ -3,16 +3,17 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-bottom' and vertical-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area." />
<link rel="match" href="vertical-alignment-new-006-ref.xht" />
<link rel="match" href="vertical-alignment-006-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#lr
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/180px */
-webkit-writing-mode: vertical-lr;
}
......@@ -20,7 +21,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-bottom;
line-height: 1;
}
]]></style>
......@@ -29,7 +29,7 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="lr">A<span id="orange30">O</span></div>
......
......@@ -3,16 +3,12 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
{
vertical-align: top;
}
img#orange
{
padding-top: 60px; /* = the height of first character */
padding-left: 30px;
}
]]></style>
......@@ -20,11 +16,11 @@
<body>
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
<p>Test passes if the left edge of an blue square is aligned with the right edge of a orange square.</p>
<div>
<img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /><!--
--><img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" />
<img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" /><!--
--><img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" />
</div>
</body>
......
......@@ -3,25 +3,26 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'bottom' and vertical-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box." />
<link rel="match" href="vertical-alignment-new-008-ref.xht" />
<link rel="match" href="vertical-alignment-008-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#rl
{
border-left: blue solid 2em;
-webkit-writing-mode: vertical-rl;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: bottom;
line-height: 1;
margin-top: -1em;
}
]]></style>
......@@ -30,7 +31,7 @@
<body>
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
<p>Test passes if the left edge of an blue square is aligned with the right edge of a orange square.</p>
<div id="rl">A<span id="orange">O</span></div>
......
......@@ -3,16 +3,12 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
{
vertical-align: top;
}
img#orange
{
padding-top: 60px; /* = the height of first character */
padding-left: 30px;
}
]]></style>
......@@ -20,11 +16,11 @@
<body>
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
<p>Test passes if the left edge of an blue square is aligned with the right edge of a orange square.</p>
<div>
<img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /><!--
--><img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" />
<img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" /><!--
--><img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" />
</div>
</body>
......
......@@ -3,25 +3,26 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'bottom' and vertical-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-03 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box." />
<link rel="match" href="vertical-alignment-new-008-ref.xht" />
<link rel="match" href="vertical-alignment-008-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#lr
{
border-left: blue solid 2em;
-webkit-writing-mode: vertical-lr;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: bottom;
line-height: 1;
margin-top: -1em;
}
]]></style>
......@@ -30,7 +31,7 @@
<body>
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
<p>Test passes if the left edge of an blue square is aligned with the right edge of a orange square.</p>
<div id="lr">A<span id="orange">O</span></div>
......
......@@ -12,8 +12,8 @@ policies and contribution forms [3].
<head>
<title>Shadow DOM Test: A_05_05_03</title>
<link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
<link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#event-dispatch">
<meta name="assert" content="Event Dispatch: If the relatedTarget and target are the same for a given node, its the event listeners must not be invoked.">
<link rel="help" href="https://w3c.github.io/webcomponents/spec/shadow/#event-path-trimming">
<meta name="assert" content="Event Path Trimming: In cases where both relatedTarget and target of a trusted event are part of the same shadow tree, the conforming UAs must stop events at the shadow root to avoid the appearance of spurious mouseover and mouseout events firing from the same node.">
<script src="../../../../../resources/testharness.js"></script>
<script src="../../../../../resources/testharnessreport.js"></script>
<script src="../../testcommon.js"></script>
......@@ -29,31 +29,52 @@ A_05_05_03_T01.step(unit(function (ctx) {
var d = newRenderedHTMLDocument(ctx);
var host = d.createElement('div');
host.setAttribute('style', 'height:50%; width:100%');
host.setAttribute('id', 'host');
d.body.appendChild(host);
//Shadow root to play with
var s = host.createShadowRoot();
s.id = 'shadow';
var div1 = d.createElement('div');
div1.setAttribute('style', 'height:100%; width:100%');
div1.setAttribute('id', 'div1');
s.appendChild(div1);
var input1 = d.createElement('input');
input1.setAttribute('id', 'input1');
s.appendChild(input1);
s.addEventListener('mouseover', A_05_05_03_T01.step_func(function(event) {
assert_true(false, 'Event listeners shouldn\'t be invoked if target and relatedTarget ' +
'are the same');
}), false);
var input2 = d.createElement('input');
input2.setAttribute('id', 'input2');
s.appendChild(input2);
input1.addEventListener('focusin', A_05_05_03_T01.step_func(function(event) {
assert_equals(event.deepPath.length, 7);
assert_equals(event.deepPath[0].id, 'input1');
assert_equals(event.deepPath[1].id, 'shadow');
assert_equals(event.deepPath[2].id, 'host');
assert_equals(event.deepPath[3].tagName, 'BODY');
assert_equals(event.deepPath[4].tagName, 'HTML');
assert_equals(event.deepPath[5], d);
assert_equals(event.deepPath[6], ctx.iframes[0].contentWindow);
}), false);
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("mouseover", true, false, window,
0, 10, 10, 10, 10, false, false, false, false, 0, div1);
input2.addEventListener('focusin', A_05_05_03_T01.step_func(function(event) {
assert_equals(event.deepPath.length, 2);
assert_equals(event.deepPath[0].id, 'input2');
assert_equals(event.deepPath[1].id, 'shadow');
A_05_05_03_T01.done();
}), false);
div1.dispatchEvent(evt);
// Expected event path for #input1:
// <input>, #shadow-root, <div>, <body>, <html>, #document, window
input1.focus();
A_05_05_03_T01.done();
// Causes a "focusin" event, from #input1 to #input2
// In this case, original relatedTarget is #input1, and original target
// is #input2.
// It should be viewed outside the shadow as "target == relatedTarget"
// after event retargeting, therefore, event.deepPath above the shadow
// host will be trimmed.
// Expected event path for #input2:
// <input>, #shadow-root
input2.focus();
}));
</script>
</body>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment