mirror of
https://github.com/servo/servo.git
synced 2025-07-23 15:23:42 +01:00
Auto merge of #22360 - servo-wpt-sync:wpt_update_04-12-2018, r=jdm
Sync WPT with upstream (04-12-2018) Automated downstream sync of changes from upstream as of 04-12-2018. [no-wpt-sync] <!-- Reviewable:start --> --- This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/22360) <!-- Reviewable:end -->
This commit is contained in:
commit
08bbf4f93a
137 changed files with 4756 additions and 721 deletions
|
@ -1,4 +1,5 @@
|
|||
[url-in-tags-revoke.window.html]
|
||||
expected: TIMEOUT
|
||||
[Fetching a blob URL immediately before revoking it works in an iframe.]
|
||||
expected: FAIL
|
||||
|
||||
|
@ -14,3 +15,6 @@
|
|||
[Opening a blob URL in a new window by clicking an <a> tag works immediately before revoking the URL.]
|
||||
expected: FAIL
|
||||
|
||||
[Fetching a blob URL immediately before revoking it works in <script> tags.]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-011.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-012.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-013.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-014.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-015.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-016a.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-016b.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-017a.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-017b.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-loose-018.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-normal-011.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-normal-012.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-normal-013.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-normal-018.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[line-break-strict-018.xht]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[word-break-break-all-020.html]
|
||||
expected: FAIL
|
|
@ -532,7 +532,7 @@
|
|||
expected: FAIL
|
||||
|
||||
[windows-1252: iso_8859-1:1987 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[windows-1254: iso_8859-9:1989 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
@ -540,9 +540,6 @@
|
|||
[windows-1258: cp1258 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1253: x-cp1253 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1256: cp1256 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
@ -579,15 +576,9 @@
|
|||
[windows-1257: x-cp1257 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1254: cp1254 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1253: windows-1253 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1253: cp1253 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1254: l5 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
@ -597,9 +588,6 @@
|
|||
[windows-1254: latin5 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: x-cp1252 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1255: cp1255 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
@ -618,25 +606,10 @@
|
|||
[windows-1256: windows-1256 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: iso88591 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: iso_8859-1 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: latin1 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: l1 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1256: x-cp1256 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: windows-1252 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
[windows-1252: us-ascii (XMLHttpRequest)]
|
||||
[windows-1254: iso8859-9 (XMLHttpRequest)]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
[006.html]
|
||||
[Link with onclick form submit and href navigation ]
|
||||
expected: FAIL
|
||||
|
|
@ -26,3 +26,6 @@
|
|||
[USVString test relate to url]
|
||||
expected: FAIL
|
||||
|
||||
[UnregisterPtotocolHandler URL: unpaired surrogate codepoint should not make any exceptions.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
expected: TIMEOUT
|
||||
|
||||
[picture: source (max-width:500px) valid image, img valid image, resize to wide]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[picture: source (max-width:500px) valid image, img broken image, resize to narrow]
|
||||
expected: TIMEOUT
|
||||
|
@ -16,18 +16,9 @@
|
|||
[picture: source (max-width:500px) broken image, img valid image, resize to narrow]
|
||||
expected: FAIL
|
||||
|
||||
[img (srcset 1 cand) valid image, resize to wide]
|
||||
expected: FAIL
|
||||
|
||||
[picture: same URL in source (max-width:500px) and img, resize to wide]
|
||||
expected: FAIL
|
||||
|
||||
[img (srcset 1 cand) valid image, resize to narrow]
|
||||
expected: FAIL
|
||||
|
||||
[picture: source (max-width:500px) valid image, img broken image, resize to wide]
|
||||
expected: FAIL
|
||||
|
||||
[picture: same URL in source (max-width:500px) and img, resize to narrow]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
[toggleEvent.html]
|
||||
[Calling open twice on 'details' fires only one toggle event]
|
||||
expected: FAIL
|
||||
|
||||
[Setting open=true to opened 'details' element should not fire a toggle event at the 'details' element]
|
||||
expected: FAIL
|
||||
|
|
@ -22,6 +22,9 @@
|
|||
[Test default toJSON operation of PerformanceMark]
|
||||
expected: FAIL
|
||||
|
||||
[PerformanceObserver interface: attribute supportedEntryTypes]
|
||||
expected: FAIL
|
||||
|
||||
|
||||
[idlharness.any.html]
|
||||
[Untitled]
|
||||
|
@ -42,6 +45,9 @@
|
|||
[Test default toJSON operation of PerformanceMark]
|
||||
expected: FAIL
|
||||
|
||||
[PerformanceObserver interface: attribute supportedEntryTypes]
|
||||
expected: FAIL
|
||||
|
||||
|
||||
[idlharness.https.any.serviceworker.html]
|
||||
type: testharness
|
||||
|
|
|
@ -12,6 +12,3 @@
|
|||
[Verifies the resolution of entry.startTime is at least 5 microseconds.]
|
||||
expected: TIMEOUT
|
||||
|
||||
[Verifies the resolution of performance.now() is at least 5 microseconds.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -0,0 +1,283 @@
|
|||
[limited-quirks.html]
|
||||
[top: -\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: @1]
|
||||
expected: FAIL
|
||||
|
||||
[top: "1a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: @a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "1"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[top: +/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: url('1')]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: calc(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: \\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #0001]
|
||||
expected: FAIL
|
||||
|
||||
[top: calc(2 * 2px)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #01]
|
||||
expected: FAIL
|
||||
|
||||
[top: +\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: \\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: calc(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: #001]
|
||||
expected: FAIL
|
||||
|
||||
[top: +\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @1]
|
||||
expected: FAIL
|
||||
|
||||
[top: #1]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: #00001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: "1"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1.5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: url('1')]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: \\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "1a"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: calc(2 * 2px)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #00001]
|
||||
expected: FAIL
|
||||
|
||||
[top: url(1)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #001]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: url(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: a]
|
||||
expected: FAIL
|
||||
|
||||
[top: A]
|
||||
expected: FAIL
|
||||
|
||||
[top: #000001]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #000001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +A]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +A]
|
||||
expected: FAIL
|
||||
|
||||
[top: +a]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1A]
|
||||
expected: FAIL
|
||||
|
||||
[top: @1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: \\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: "a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: #01]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1.5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: #0001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: -A]
|
||||
expected: FAIL
|
||||
|
||||
[top: -a]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1\\31 ]
|
||||
expected: FAIL
|
||||
|
283
tests/wpt/metadata/quirks/unitless-length/no-quirks.html.ini
Normal file
283
tests/wpt/metadata/quirks/unitless-length/no-quirks.html.ini
Normal file
|
@ -0,0 +1,283 @@
|
|||
[no-quirks.html]
|
||||
[top: -\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: @1]
|
||||
expected: FAIL
|
||||
|
||||
[top: "1a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: @a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "1"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[top: +/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: url('1')]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: calc(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: \\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #0001]
|
||||
expected: FAIL
|
||||
|
||||
[top: calc(2 * 2px)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #01]
|
||||
expected: FAIL
|
||||
|
||||
[top: +\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: \\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: calc(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: #001]
|
||||
expected: FAIL
|
||||
|
||||
[top: +\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: @1]
|
||||
expected: FAIL
|
||||
|
||||
[top: #1]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: #00001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: "1"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1.5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: url('1')]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: \\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: "1a"]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: calc(2 * 2px)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +/**/1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #00001]
|
||||
expected: FAIL
|
||||
|
||||
[top: url(1)]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #001]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: url(1)]
|
||||
expected: FAIL
|
||||
|
||||
[top: a]
|
||||
expected: FAIL
|
||||
|
||||
[top: A]
|
||||
expected: FAIL
|
||||
|
||||
[top: #000001]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: 1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: #000001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +A]
|
||||
expected: FAIL
|
||||
|
||||
[top: 1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +A]
|
||||
expected: FAIL
|
||||
|
||||
[top: +a]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1.5]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1\\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1a]
|
||||
expected: FAIL
|
||||
|
||||
[top: +1A]
|
||||
expected: FAIL
|
||||
|
||||
[top: @1a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: \\31 .5]
|
||||
expected: FAIL
|
||||
|
||||
[top: "a"]
|
||||
expected: FAIL
|
||||
|
||||
[top: #01]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: +1.5]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -A]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -a]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: #0001]
|
||||
expected: FAIL
|
||||
|
||||
[bottom: -1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -\\31 ]
|
||||
expected: FAIL
|
||||
|
||||
[top: -A]
|
||||
expected: FAIL
|
||||
|
||||
[top: -a]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1]
|
||||
expected: FAIL
|
||||
|
||||
[top: -1\\31 ]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<!-- This tests that navigating a main window to a local scheme preserves the current CSP.
|
||||
We need to test this in a main window with no parent/opener so we use
|
||||
a link with target=_blank and rel=noopener. -->
|
||||
<body>
|
||||
<iframe src="support/navigate-self-to-blob.html?csp=script-src%20%27nonce-abc%27&report_id={{$id:uuid()}}"></iframe>
|
||||
<script async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27&reportID={{$id}}'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,102 @@
|
|||
<!DOCTYPE html>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Security-Policy" content="img-src 'self'">
|
||||
|
||||
<body>
|
||||
|
||||
<script>
|
||||
function wait_for_error_from_frame(frame, test) {
|
||||
window.addEventListener('message', test.step_func(e => {
|
||||
if (e.source != frame.contentWindow)
|
||||
return;
|
||||
assert_equals(e.data, "load");
|
||||
frame.remove();
|
||||
test.done();
|
||||
}));
|
||||
}
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
document.body.appendChild(i);
|
||||
|
||||
var img = document.createElement('img');
|
||||
img.onload = t.step_func_done(_ => i.remove());
|
||||
img.onerror = t.unreached_func();
|
||||
i.contentDocument.body.appendChild(img);
|
||||
img.src = "{{location[server]}}/images/red-16x16.png";
|
||||
}, "<iframe>'s about:blank inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.srcdoc = `
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe srcdoc>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='blob:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='data:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage(\\"load\\", \\"*\\");'
|
||||
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
|
||||
>"`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='javascript:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
i.sandbox = 'allow-scripts';
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
|
||||
|
||||
</script>
|
|
@ -25,13 +25,13 @@
|
|||
img.onerror = t.step_func_done(_ => i.remove());
|
||||
img.onload = t.unreached_func();
|
||||
i.contentDocument.body.appendChild(img);
|
||||
img.src = "/images/red-16x16.png";
|
||||
img.src = "{{location[server]}}/images/red-16x16.png";
|
||||
}, "<iframe>'s about:blank inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.srcdoc = `
|
||||
<img src='/images/red-16x16.png'
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
|
@ -46,7 +46,7 @@
|
|||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='${window.origin}/images/red-16x16.png'
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
|
@ -60,7 +60,7 @@
|
|||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `data:text/html,<img src='${window.origin}/images/red-16x16.png'
|
||||
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>`;
|
||||
|
@ -72,7 +72,7 @@
|
|||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `javascript:"<img src='${window.origin}/images/red-16x16.png'
|
||||
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage(\\"load\\", \\"*\\");'
|
||||
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
|
||||
>"`;
|
||||
|
@ -81,4 +81,22 @@
|
|||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='javascript:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
i.sandbox = 'allow-scripts';
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
|
||||
|
||||
</script>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
var blob = new Blob([blob_string], {type : 'text/html'});
|
||||
var url = URL.createObjectURL(blob);
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
i.sandbox = "allow-scripts";
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: sandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var url = "data:text/html,<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
i.sandbox = "allow-scripts";
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: sandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
var blob = new Blob([blob_string], {type : 'text/html'});
|
||||
var url = URL.createObjectURL(blob);
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: unsandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var url = "data:text/html,<script>alert(document.domain)<\/scri"+"pt>";
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: unsandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types ;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because plugin-types allows no plugins');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/x-shockwave-flash" data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because its declared type does not match its actual type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/pdf" data="data:application/x-shockwave-flash,asdf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-mismatched-data</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This tests that plugin content that doesn't match the declared type doesn't load, even if the document's CSP would allow it. This test passes if "FAIL!" isn't logged.
|
||||
<object type="application/x-invalid-type" data="data:application/x-webkit-test-netscape,logifloaded" log="FAIL!"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because its declared type does not match its actual type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/pdf" data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-mismatched-url</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This tests that plugin content that doesn't match the declared type doesn't load, even if the document's CSP would allow it. This test passes if no iframe is dumped (meaning that no PluginDocument was created).
|
||||
<object type="application/x-invalid-type" data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not have a declared type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<!-- Objects need to declare an explicit type -->
|
||||
<object data="data:application/x-shockwave-flash,asdf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-notype-data</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["PASS: object tag onerror handler fired","violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there's a CSP report and "FAIL!" isn't logged.
|
||||
<object data="data:application/x-webkit-test-netscape" onload="log('FAIL');" onerror="log('PASS: object tag onerror handler fired');"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not have a declared type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<!-- Objects need to declare an explicit type -->
|
||||
<object data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-notype-url</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there's an error report is sent.
|
||||
<object data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<object type="application/x-shockwave-flash"></object>
|
||||
<!-- we rely on the report because we can't rely on the onload event for
|
||||
"allowed" tests as it is not fired for object and embed -->
|
||||
<script async defer src='../support/checkReport.sub.js?reportExists=false'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,2 @@
|
|||
Set-Cookie: plugintypes-nourl-allowed={{$id:uuid()}}; Path=/content-security-policy/plugin-types/
|
||||
Content-Security-Policy: plugin-types application/x-shockwave-flash; report-uri ../support/report.py?op=put&reportID={{$id}}
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-webkit-test-netscape; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-nourl-allowed</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This test passes if there isn't a CSP violation sayingthe plugin was blocked.
|
||||
<object type="application/x-webkit-test-netscape"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not match plugin-types');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/x-shockwave-flash"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types text/plain; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-nourl-blocked</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
This test passes if there is a CSP violation saying the plugin was blocked.
|
||||
<object type="application/x-webkit-test-netscape"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,94 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,81 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,97 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- iteration marks -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,84 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,102 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,84 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PER MILLE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PRIME -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DOUBLE PRIME -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE CELSIUS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,94 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,81 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - normal and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-021-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - normal and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-022-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -46,19 +47,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-023a-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
|
@ -97,23 +80,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-023b-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-024a-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-024b-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -46,19 +47,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
|
@ -97,23 +80,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - strict and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-011.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-012.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-013.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,91 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-014.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- iteration marks -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-022.xht -->
|
||||
<!-- reftest for line-break-loose-015.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -40,19 +41,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
|
@ -0,0 +1,78 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-016a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH COLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,96 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-016b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,78 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-017a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PER MILLE SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PRIME -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DOUBLE PRIME -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,69 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-017b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE CELSIUS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH PERCENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH CENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-018.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-011.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-012.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-013.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-021.xht -->
|
||||
<!-- reftest for line-break-normal-014.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-015.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-023.xht -->
|
||||
<!-- reftest for line-break-normal-016a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -37,24 +38,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
|
@ -91,23 +74,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-023.xht -->
|
||||
<!-- reftest for line-break-normal-016b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue