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:
bors-servo 2018-12-04 22:33:31 -05:00 committed by GitHub
commit 08bbf4f93a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
137 changed files with 4756 additions and 721 deletions

View file

@ -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

View file

@ -0,0 +1,2 @@
[line-break-loose-011.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-012.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-013.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-014.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-015.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-016a.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-016b.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-017a.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-017b.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-loose-018.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-normal-011.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-normal-012.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-normal-013.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-normal-018.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[line-break-strict-018.xht]
expected: FAIL

View file

@ -0,0 +1,2 @@
[word-break-break-all-020.html]
expected: FAIL

View file

@ -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

View file

@ -0,0 +1,4 @@
[006.html]
[Link with onclick form submit and href navigation ]
expected: FAIL

View file

@ -26,3 +26,6 @@
[USVString test relate to url]
expected: FAIL
[UnregisterPtotocolHandler URL: unpaired surrogate codepoint should not make any exceptions.]
expected: FAIL

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View 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

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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}}

View file

@ -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>

View file

@ -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}}

View file

@ -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>

View file

@ -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}}

View file

@ -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>

View file

@ -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}}

View file

@ -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>

View file

@ -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>

View file

@ -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&apos;t match the declared type doesn&apos;t load, even if the document&apos;s CSP would allow it. This test passes if &quot;FAIL!&quot; isn&apos;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>

View file

@ -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>

View file

@ -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&apos;t match the declared type doesn&apos;t load, even if the document&apos;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>

View file

@ -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>

View file

@ -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&apos;s a CSP report and &quot;FAIL!&quot; isn&apos;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>

View file

@ -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>

View file

@ -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&apos;s an error report is sent.
<object data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
<div id="log"></div>
</body>
</html>

View file

@ -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>

View file

@ -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}}

View file

@ -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&apos;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>

View file

@ -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>

View file

@ -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>

View file

@ -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">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x3005;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x303b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x309d;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x309e;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30fd;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30fe;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x30fb;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH COLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff65;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x203c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2048;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff01;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x00b0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PER MILLE SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2030;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PRIME -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2032;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DOUBLE PRIME -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2033;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2103;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH PERCENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff05;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xffe0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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;

View file

@ -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">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -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">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</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">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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;

View file

@ -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">&#x0025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="test" lang="ja">

View file

@ -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;

View file

@ -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">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -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">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</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">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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;

View file

@ -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">&#x0025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="test" lang="ja">

View file

@ -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;

View file

@ -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">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x3005;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -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">&#x30fb;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH COLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x203c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x00b0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PER MILLE SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PRIME -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DOUBLE PRIME -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2103;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH PERCENT SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH CENT SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x20ac;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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;

View file

@ -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">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</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">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -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