Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #27249 - servo-wpt-sync:wpt_update_13-07-2020, r=servo-wpt-sync

Browse source 
Sync WPT with upstream (13-07-2020)

Automated downstream sync of changes from upstream as of 13-07-2020.
[no-wpt-sync]
r? @servo-wpt-sync
This commit is contained in:
bors-servo 2020-07-13 06:26:59 -04:00 • committed by GitHub
commit d2a593faed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
51 changed files with 513 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

5
tests/wpt/metadata-layout-2020/FileAPI/url/url-charset.window.js.ini
View file

@ -1,5 +0,0 @@
[url-charset.window.html]
expected: TIMEOUT
[Blob charset should override any auto-detected charset.]
expected: TIMEOUT

2
tests/wpt/metadata-layout-2020/FileAPI/url/url-in-tags-revoke.window.js.ini
View file

@ -4,7 +4,7 @@
expected: TIMEOUT
[Opening a blob URL in a new window immediately before revoking it works.]
expected: TIMEOUT
expected: FAIL
[Fetching a blob URL immediately before revoking it works in an iframe.]
expected: FAIL

4
tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-002.html.ini
View file

@ -1,4 +0,0 @@
[hit-test-floats-002.html]
[Hit test float]
expected: FAIL

4
tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-004.html.ini Normal file
View file

@ -0,0 +1,4 @@
[hit-test-floats-004.html]
[Miss float below something else]
expected: FAIL

3
tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
View file

@ -2,6 +2,3 @@
[Hit test intersecting scaled box]
expected: FAIL
[Hit test within unscaled box]
expected: FAIL

4
tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
View file

@ -1,4 +0,0 @@
[elementsFromPoint-invalid-cases.html]
[The root element is the last element returned for otherwise empty queries within the viewport]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/selectors/first-line-bidi-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[first-line-bidi-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/selectors/first-line-bidi-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[first-line-bidi-002.html]
expected: FAIL

8
tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
View file

@ -321,15 +321,9 @@
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: separate response Content-Type: text/html;" \\" text/plain]
expected: FAIL
[<iframe>: combined response Content-Type: */* text/html]
expected: FAIL
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
[<iframe>: combined response Content-Type: text/html;" text/plain]
expected: FAIL

4
tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini Normal file
View file

@ -0,0 +1,4 @@
[traverse_the_history_1.html]
[Multiple history traversals from the same task]
expected: FAIL

2
tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini → tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
View file

@ -1,4 +1,4 @@
[traverse_the_history_4.html]
[traverse_the_history_5.html]
[Multiple history traversals, last would be aborted]
expected: FAIL

2
tests/wpt/metadata-layout-2020/html/browsers/origin/cross-origin-objects/cross-origin-objects-on-new-window.html.ini Normal file
View file

@ -0,0 +1,2 @@
[cross-origin-objects-on-new-window.html]
expected: TIMEOUT

3
tests/wpt/metadata-layout-2020/html/browsers/windows/embedded-opener-remove-frame.html.ini
View file

@ -1,7 +1,8 @@
[embedded-opener-remove-frame.html]
expected: TIMEOUT
[opener of discarded nested browsing context]
expected: FAIL
[opener of discarded auxiliary browsing context]
expected: FAIL
expected: TIMEOUT

3
tests/wpt/metadata-layout-2020/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
View file

@ -171,3 +171,6 @@
[XHTML img usemap="#hash-id"]
expected: FAIL
[HTML (standards) IMG usemap="no-hash-name"]
expected: FAIL

1
tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-2.html.ini
View file

@ -1,4 +1,5 @@
[iframe_sandbox_popups_escaping-2.html]
expected: CRASH
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: FAIL

2
tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
View file

@ -1,5 +1,5 @@
[iframe_sandbox_popups_nonescaping-1.html]
expected: TIMEOUT
expected: CRASH
[Check that popups from a sandboxed iframe do not escape the sandbox]
expected: NOTRUN

3
tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
View file

@ -1,5 +1,4 @@
[iframe_sandbox_popups_nonescaping-3.html]
expected: TIMEOUT
[Check that popups from a sandboxed iframe do not escape the sandbox]
expected: NOTRUN
expected: FAIL

4
tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/form-double-submit-3.html.ini Normal file
View file

@ -0,0 +1,4 @@
[form-double-submit-3.html]
[<button> should have the same double-submit protection as <input type=submit>]
expected: FAIL

4
tests/wpt/metadata-layout-2020/html/semantics/scripting-1/the-script-element/execution-timing/077.html.ini Normal file
View file

@ -0,0 +1,4 @@
[077.html]
[ adding several types of scripts through the DOM and removing some of them confuses scheduler ]
expected: FAIL

2
tests/wpt/metadata-layout-2020/html/semantics/scripting-1/the-script-element/script-onerror-insertion-point-2.html.ini Normal file
View file

@ -0,0 +1,2 @@
[script-onerror-insertion-point-2.html]
expected: TIMEOUT

3
tests/wpt/metadata-layout-2020/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
View file

@ -3,3 +3,6 @@
[The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
expected: TIMEOUT
[The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
expected: FAIL

0
tests/wpt/metadata-layout-2020/webmessaging/without-ports/018.html.ini → tests/wpt/metadata-layout-2020/webmessaging/with-ports/018.html.ini
View file

2
tests/wpt/metadata-layout-2020/workers/constructors/Worker/Worker-constructor.html.ini
View file

@ -1,2 +0,0 @@
[Worker-constructor.html]
expected: ERROR

5
tests/wpt/metadata/FileAPI/url/url-charset.window.js.ini
View file

@ -1,5 +0,0 @@
[url-charset.window.html]
expected: TIMEOUT
[Blob charset should override any auto-detected charset.]
expected: TIMEOUT

2
tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini
View file

@ -7,7 +7,7 @@
expected: FAIL
[Opening a blob URL in a new window immediately before revoking it works.]
expected: TIMEOUT
expected: FAIL
[Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
expected: TIMEOUT

34
tests/wpt/metadata/MANIFEST.json
View file

@ -212859,6 +212859,32 @@
{}
]
],
"first-line-bidi-001.html": [
"608a0cabd538ddfd01c7a55f1d8f5d91e633e51b",
[
null,
[
[
"/css/selectors/first-line-bidi-001-ref.html",
"=="
]
],
{}
]
],
"first-line-bidi-002.html": [
"3d3f0ead8ba272d2e25707ebe8af528f490748fa",
[
null,
[
[
"/css/selectors/first-line-bidi-002-ref.html",
"=="
]
],
{}
]
],
"floating-first-letter-05d0.html": [
"68bc77b40f325bf486b15176022578198867297c",
[
@ -316944,6 +316970,14 @@
}
}
},
"first-line-bidi-001-ref.html": [
"beb6caf5c4714fcc8ddb52132376081b812ed044",
[]
],
"first-line-bidi-002-ref.html": [
"737ef1ec2121c411b2f0ea1b99ee4d4abb8c4659",
[]
],
"floating-first-letter-ref.html": [
"3c3141a862df19ad62f343e00b37f248fbd845b1",
[]

4
tests/wpt/metadata/css/CSS2/floats/hit-test-floats-002.html.ini
View file

@ -1,4 +0,0 @@
[hit-test-floats-002.html]
[Hit test float]
expected: FAIL

4
tests/wpt/metadata/css/CSS2/floats/hit-test-floats-004.html.ini Normal file
View file

@ -0,0 +1,4 @@
[hit-test-floats-004.html]
[Miss float below something else]
expected: FAIL

3
tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
View file

@ -2,6 +2,3 @@
[Hit test intersecting scaled box]
expected: FAIL
[Hit test within unscaled box]
expected: FAIL

4
tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
View file

@ -1,4 +0,0 @@
[elementsFromPoint-invalid-cases.html]
[The root element is the last element returned for otherwise empty queries within the viewport]
expected: FAIL

2
tests/wpt/metadata/css/selectors/first-line-bidi-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[first-line-bidi-001.html]
expected: FAIL

2
tests/wpt/metadata/css/selectors/first-line-bidi-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[first-line-bidi-002.html]
expected: FAIL

8
tests/wpt/metadata/fetch/content-type/response.window.js.ini
View file

@ -321,15 +321,9 @@
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: separate response Content-Type: text/html;" \\" text/plain]
expected: FAIL
[<iframe>: combined response Content-Type: */* text/html]
expected: FAIL
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
[<iframe>: combined response Content-Type: text/html;" text/plain]
expected: FAIL

4
tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini Normal file
View file

@ -0,0 +1,4 @@
[traverse_the_history_1.html]
[Multiple history traversals from the same task]
expected: FAIL

2
tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini → tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
View file

@ -1,4 +1,4 @@
[traverse_the_history_4.html]
[traverse_the_history_5.html]
[Multiple history traversals, last would be aborted]
expected: FAIL

2
tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects-on-new-window.html.ini Normal file
View file

@ -0,0 +1,2 @@
[cross-origin-objects-on-new-window.html]
expected: TIMEOUT

3
tests/wpt/metadata/html/browsers/windows/embedded-opener-remove-frame.html.ini
View file

@ -1,4 +1,5 @@
[embedded-opener-remove-frame.html]
expected: TIMEOUT
[opener and "removed" embedded documents]
expected: FAIL
@ -6,5 +7,5 @@
expected: FAIL
[opener of discarded auxiliary browsing context]
expected: FAIL
expected: TIMEOUT

3
tests/wpt/metadata/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
View file

@ -172,3 +172,6 @@
[XHTML img usemap="http://example.org/#garbage-before-hash-id"]
expected: FAIL
[HTML (standards) IMG usemap="no-hash-name"]
expected: FAIL

1
tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-2.html.ini
View file

@ -1,4 +1,5 @@
[iframe_sandbox_popups_escaping-2.html]
expected: CRASH
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: FAIL

2
tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
View file

@ -1,6 +1,6 @@
[iframe_sandbox_popups_nonescaping-1.html]
type: testharness
expected: TIMEOUT
expected: CRASH
[Check that popups from a sandboxed iframe do not escape the sandbox]
expected: NOTRUN

3
tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
View file

@ -1,6 +1,5 @@
[iframe_sandbox_popups_nonescaping-3.html]
type: testharness
expected: TIMEOUT
[Check that popups from a sandboxed iframe do not escape the sandbox]
expected: NOTRUN
expected: FAIL

4
tests/wpt/metadata/html/semantics/forms/form-submission-0/form-double-submit-3.html.ini Normal file
View file

@ -0,0 +1,4 @@
[form-double-submit-3.html]
[<button> should have the same double-submit protection as <input type=submit>]
expected: FAIL

4
tests/wpt/metadata/html/semantics/scripting-1/the-script-element/execution-timing/077.html.ini Normal file
View file

@ -0,0 +1,4 @@
[077.html]
[ adding several types of scripts through the DOM and removing some of them confuses scheduler ]
expected: FAIL

2
tests/wpt/metadata/html/semantics/scripting-1/the-script-element/script-onerror-insertion-point-2.html.ini Normal file
View file

@ -0,0 +1,2 @@
[script-onerror-insertion-point-2.html]
expected: TIMEOUT

3
tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
View file

@ -4,3 +4,6 @@
[The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
expected: TIMEOUT
[The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
expected: FAIL

0
tests/wpt/metadata/webmessaging/without-ports/018.html.ini → tests/wpt/metadata/webmessaging/with-ports/018.html.ini
View file

2
tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini
View file

@ -1,2 +0,0 @@
[Worker-constructor.html]
expected: ERROR

99
tests/wpt/web-platform-tests/css/selectors/first-line-bidi-001-ref.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>Reference for ::first-line selector with bidi content</title>
<style>
body { font: 12px arial, sans-serif; }
table { font-size: 10px; }
tr td { margin: 1em 1em; border: 1px solid gray; width: 16em; }
td:nth-child(1) { text-align: left; }
td:nth-child(2) { text-align: center; }
td:nth-child(3) { text-align: right; }
span.first { color: green; background: pink; }
th { padding: 1em; }
td { padding: 2px; }
td p { margin: 0; }
xl { float: left; font-size: 2.5em; }
xr { float: right; font-size: 2.5em; }
</style>
<p>In each box, the first-line text should be <span style="color:green; background:pink">green on pink</span>
and should never project outside the box:</p>
<table>
<tr><th><code>text-align:left</code></th><th><code>text-align:center</code></th><th><code>text-align:right</code></th></tr>
<tr>
<!-- no padding/indent -->
<td>
<p><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-left:1em -->
<td>
<p style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-right:1em -->
<td>
<p style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- text-indent:2em -->
<td>
<p style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:left -->
<td>
<p><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:right -->
<td>
<p><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
</table>

102
tests/wpt/web-platform-tests/css/selectors/first-line-bidi-001.html Normal file
View file

@ -0,0 +1,102 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>::first-line selector with bidi content</title>
<meta name="assert" content="The use of ::first-line should not disrupt bidi layout.">
<link rel=help href=https://drafts.csswg.org/css-pseudo-4/#first-line-styling>
<link rel=match href=first-line-bidi-001-ref.html>
<style>
body { font: 12px arial, sans-serif; }
table { font-size: 10px; }
tr td { margin: 1em 1em; border: 1px solid gray; width: 16em; }
td:nth-child(1) { text-align: left; }
td:nth-child(2) { text-align: center; }
td:nth-child(3) { text-align: right; }
td p::first-line { color: green; background: pink; }
th { padding: 1em; }
td { padding: 2px; }
td p { margin: 0; }
xl { float: left; font-size: 2.5em; }
xr { float: right; font-size: 2.5em; }
</style>
<p>In each box, the first-line text should be <span style="color:green; background:pink">green on pink</span>
and should never project outside the box:</p>
<table>
<tr><th><code>text-align:left</code></th><th><code>text-align:center</code></th><th><code>text-align:right</code></th></tr>
<tr>
<!-- no padding/indent -->
<td>
<p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-left:1em -->
<td>
<p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-right:1em -->
<td>
<p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- text-indent:2em -->
<td>
<p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:left -->
<td>
<p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:right -->
<td>
<p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
</table>

99
tests/wpt/web-platform-tests/css/selectors/first-line-bidi-002-ref.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>Reference for ::first-line selector with bidi content</title>
<style>
body { font: 12px arial, sans-serif; }
table { font-size: 10px; }
tr td { margin: 1em 1em; border: 1px solid gray; width: 16em; }
td:nth-child(1) { text-align: left; }
td:nth-child(2) { text-align: center; }
td:nth-child(3) { text-align: right; }
span.first { color: green; background: pink; }
th { padding: 1em; }
td { padding: 2px; }
td p { margin: 0; }
xl { float: left; font-size: 2.5em; }
xr { float: right; font-size: 2.5em; }
</style>
<p>In each box, the first-line text should be <span style="color:green; background:pink">green on pink</span>
and should never project outside the box:</p>
<table>
<tr><th><code>text-align:left</code></th><th><code>text-align:center</code></th><th><code>text-align:right</code></th></tr>
<tr>
<!-- no padding/indent -->
<td>
<p dir=rtl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-left:1em -->
<td>
<p dir=rtl style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-left:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-right:1em -->
<td>
<p dir=rtl style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-right:1em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- text-indent:2em -->
<td>
<p dir=rtl style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="text-indent:2em"><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:left -->
<td>
<p dir=rtl><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xl>A</xl><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:right -->
<td>
<p dir=rtl><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xr>Z</xr><span class=first><span dir=rtl>الخت العربي</span> one ايك two</span><br> دو three تين four</p>
</td>
</tr>
</table>

103
tests/wpt/web-platform-tests/css/selectors/first-line-bidi-002.html Normal file
View file

@ -0,0 +1,103 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>::first-line selector with bidi content</title>
<meta name="assert" content="The use of ::first-line should not disrupt bidi layout.">
<link rel=help href=https://drafts.csswg.org/css-pseudo-4/#first-line-styling>
<link rel=match href=first-line-bidi-002-ref.html>
<style>
body { font: 12px arial, sans-serif; }
table { font-size: 10px; }
tr td { margin: 1em 1em; border: 1px solid gray; width: 16em; }
td:nth-child(1) { text-align: left; }
td:nth-child(2) { text-align: center; }
td:nth-child(3) { text-align: right; }
td p::first-line { color: green; background: pink; }
th { padding: 1em; }
td { padding: 2px; }
td p { margin: 0; }
xl { float: left; font-size: 2.5em; }
xr { float: right; font-size: 2.5em; }
</style>
<p>In each box, the first-line text should be <span style="color:green; background:pink">green on pink</span>
and should never project outside the box:</p>
<!-- Same as first-line-bidi-001 but with dir=rtl on each <p> element -->
<table>
<tr><th><code>text-align:left</code></th><th><code>text-align:center</code></th><th><code>text-align:right</code></th></tr>
<tr>
<!-- no padding/indent -->
<td>
<p dir=rtl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-left:1em -->
<td>
<p dir=rtl style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- padding-right:1em -->
<td>
<p dir=rtl style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- text-indent:2em -->
<td>
<p dir=rtl style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:left -->
<td>
<p dir=rtl><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
<tr>
<!-- initial with float:right -->
<td>
<p dir=rtl><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
<td>
<p dir=rtl><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p>
</td>
</tr>
</table>