mirror of
https://github.com/servo/servo.git
synced 2025-10-04 02:29:12 +01:00
Update web-platform-tests to revision 614fd870e47c9f4e76291e5af4e32b676c0acac0
This commit is contained in:
parent
063bd7ac19
commit
b49ffaa0f7
137 changed files with 4756 additions and 721 deletions
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<!-- This tests that navigating a main window to a local scheme preserves the current CSP.
|
||||
We need to test this in a main window with no parent/opener so we use
|
||||
a link with target=_blank and rel=noopener. -->
|
||||
<body>
|
||||
<iframe src="support/navigate-self-to-blob.html?csp=script-src%20%27nonce-abc%27&report_id={{$id:uuid()}}"></iframe>
|
||||
<script async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27&reportID={{$id}}'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,102 @@
|
|||
<!DOCTYPE html>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<meta http-equiv="Content-Security-Policy" content="img-src 'self'">
|
||||
|
||||
<body>
|
||||
|
||||
<script>
|
||||
function wait_for_error_from_frame(frame, test) {
|
||||
window.addEventListener('message', test.step_func(e => {
|
||||
if (e.source != frame.contentWindow)
|
||||
return;
|
||||
assert_equals(e.data, "load");
|
||||
frame.remove();
|
||||
test.done();
|
||||
}));
|
||||
}
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
document.body.appendChild(i);
|
||||
|
||||
var img = document.createElement('img');
|
||||
img.onload = t.step_func_done(_ => i.remove());
|
||||
img.onerror = t.unreached_func();
|
||||
i.contentDocument.body.appendChild(img);
|
||||
img.src = "{{location[server]}}/images/red-16x16.png";
|
||||
}, "<iframe>'s about:blank inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.srcdoc = `
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe srcdoc>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='blob:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='data:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage(\\"load\\", \\"*\\");'
|
||||
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
|
||||
>"`;
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='javascript:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
i.sandbox = 'allow-scripts';
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
|
||||
|
||||
</script>
|
|
@ -25,13 +25,13 @@
|
|||
img.onerror = t.step_func_done(_ => i.remove());
|
||||
img.onload = t.unreached_func();
|
||||
i.contentDocument.body.appendChild(img);
|
||||
img.src = "/images/red-16x16.png";
|
||||
img.src = "{{location[server]}}/images/red-16x16.png";
|
||||
}, "<iframe>'s about:blank inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.srcdoc = `
|
||||
<img src='/images/red-16x16.png'
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
|
@ -46,7 +46,7 @@
|
|||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='${window.origin}/images/red-16x16.png'
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
|
@ -60,7 +60,7 @@
|
|||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `data:text/html,<img src='${window.origin}/images/red-16x16.png'
|
||||
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>`;
|
||||
|
@ -72,7 +72,7 @@
|
|||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
i.src = `javascript:"<img src='${window.origin}/images/red-16x16.png'
|
||||
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage(\\"load\\", \\"*\\");'
|
||||
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
|
||||
>"`;
|
||||
|
@ -81,4 +81,22 @@
|
|||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe src='javascript:...'>'s inherits policy.");
|
||||
|
||||
async_test(t => {
|
||||
var i = document.createElement('iframe');
|
||||
var b = new Blob(
|
||||
[`
|
||||
<img src='{{location[server]}}/images/red-16x16.png'
|
||||
onload='window.top.postMessage("load", "*");'
|
||||
onerror='window.top.postMessage("error", "*");'
|
||||
>
|
||||
`], {type:"text/html"});
|
||||
i.src = URL.createObjectURL(b);
|
||||
i.sandbox = 'allow-scripts';
|
||||
|
||||
wait_for_error_from_frame(i, t);
|
||||
|
||||
document.body.appendChild(i);
|
||||
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
|
||||
|
||||
</script>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
var blob = new Blob([blob_string], {type : 'text/html'});
|
||||
var url = URL.createObjectURL(blob);
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
i.sandbox = "allow-scripts";
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: sandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var url = "data:text/html,<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
i.sandbox = "allow-scripts";
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: sandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
|
||||
var blob = new Blob([blob_string], {type : 'text/html'});
|
||||
var url = URL.createObjectURL(blob);
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: unsandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script nonce="abc" src="/resources/testharness.js"></script>
|
||||
<script nonce="abc" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script nonce='abc'>
|
||||
var url = "data:text/html,<script>alert(document.domain)<\/scri"+"pt>";
|
||||
|
||||
var i = document.createElement('iframe');
|
||||
i.src = url;
|
||||
document.body.appendChild(i);
|
||||
</script>
|
||||
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
Expires: Mon, 26 Jul 1997 05:00:00 GMT
|
||||
Cache-Control: no-store, no-cache, must-revalidate
|
||||
Pragma: no-cache
|
||||
Set-Cookie: unsandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
|
||||
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types ;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because plugin-types allows no plugins');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/x-shockwave-flash" data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because its declared type does not match its actual type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/pdf" data="data:application/x-shockwave-flash,asdf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-mismatched-data</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This tests that plugin content that doesn't match the declared type doesn't load, even if the document's CSP would allow it. This test passes if "FAIL!" isn't logged.
|
||||
<object type="application/x-invalid-type" data="data:application/x-webkit-test-netscape,logifloaded" log="FAIL!"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because its declared type does not match its actual type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/pdf" data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-mismatched-url</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This tests that plugin content that doesn't match the declared type doesn't load, even if the document's CSP would allow it. This test passes if no iframe is dumped (meaning that no PluginDocument was created).
|
||||
<object type="application/x-invalid-type" data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not have a declared type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<!-- Objects need to declare an explicit type -->
|
||||
<object data="data:application/x-shockwave-flash,asdf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-notype-data</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["PASS: object tag onerror handler fired","violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there's a CSP report and "FAIL!" isn't logged.
|
||||
<object data="data:application/x-webkit-test-netscape" onload="log('FAIL');" onerror="log('PASS: object tag onerror handler fired');"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not have a declared type');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<!-- Objects need to declare an explicit type -->
|
||||
<object data="/content-security-policy/support/media/flash.swf"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-notype-url</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there's an error report is sent.
|
||||
<object data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<object type="application/x-shockwave-flash"></object>
|
||||
<!-- we rely on the report because we can't rely on the onload event for
|
||||
"allowed" tests as it is not fired for object and embed -->
|
||||
<script async defer src='../support/checkReport.sub.js?reportExists=false'></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,2 @@
|
|||
Set-Cookie: plugintypes-nourl-allowed={{$id:uuid()}}; Path=/content-security-policy/plugin-types/
|
||||
Content-Security-Policy: plugin-types application/x-shockwave-flash; report-uri ../support/report.py?op=put&reportID={{$id}}
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-webkit-test-netscape; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-nourl-allowed</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("Fail");
|
||||
});
|
||||
</script>
|
||||
|
||||
This test passes if there isn't a CSP violation sayingthe plugin was blocked.
|
||||
<object type="application/x-webkit-test-netscape"></object>
|
||||
<script>
|
||||
log("After object");
|
||||
</script>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
var t = async_test('Should not load the object because it does not match plugin-types');
|
||||
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
|
||||
assert_equals(e.violatedDirective, "plugin-types");
|
||||
assert_equals(e.blockedURI, "");
|
||||
}));
|
||||
</script>
|
||||
|
||||
<object type="application/x-shockwave-flash"></object>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
|
||||
<meta http-equiv="Content-Security-Policy" content="plugin-types text/plain; script-src 'self' 'unsafe-inline'; connect-src 'self';">
|
||||
<title>plugintypes-nourl-blocked</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
|
||||
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
window.addEventListener('securitypolicyviolation', function(e) {
|
||||
log("violated-directive=" + e.violatedDirective);
|
||||
});
|
||||
</script>
|
||||
|
||||
This test passes if there is a CSP violation saying the plugin was blocked.
|
||||
<object type="application/x-webkit-test-netscape"></object>
|
||||
<div id="log"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,94 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,81 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,97 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- iteration marks -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,84 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,102 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,84 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PER MILLE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PRIME -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DOUBLE PRIME -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE CELSIUS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - loose and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-loose-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: loose; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,94 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,81 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - normal and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-021-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - normal and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-022-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -46,19 +47,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-023a-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
|
@ -97,23 +80,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-023b-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-024a-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
|
@ -5,8 +5,9 @@
|
|||
<title>CSS Text Test: line-break - normal and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="match" href="reference/line-break-normal-024b-ref.xht" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<style type="text/css">
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; // The property to be tested
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - normal and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-normal-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: normal; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and Japanese small kana</title>
|
||||
<!-- Japanese small kana -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-011-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and Katakana-Hiragana prolonged sound marks</title>
|
||||
<!-- Katakana-Hiragana prolonged sound marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-012-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
<title>CSS Text Test: line-break - strict and hyphens</title>
|
||||
<!-- hyphens -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-013-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and iteration marks</title>
|
||||
<!-- iteration marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-014-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and inseparable characters</title>
|
||||
<!-- inseparable characters -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-015-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -46,19 +47,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-016a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="test" lang="ja">
|
||||
|
@ -97,23 +80,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
|
||||
<!-- centered punctuation marks -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-016b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-017a-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -43,24 +44,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
|
|
|
@ -5,10 +5,11 @@
|
|||
<title>CSS Text Test: line-break - strict and postfixes</title>
|
||||
<!-- postfixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-017b-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
|
@ -20,13 +21,13 @@
|
|||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; // The property to be tested
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Text Test: line-break - strict and prefixes</title>
|
||||
<!-- prefixes -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
|
||||
<link rel="match" href="reference/line-break-strict-018-ref.xht" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking after prefixes." />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
.test span {
|
||||
line-break: strict; /* The property to be tested */
|
||||
}
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="test" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-011.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-012.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-013.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,91 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-014.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- iteration marks -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">々</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〻</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゝ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ゞ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヽ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ヾ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-022.xht -->
|
||||
<!-- reftest for line-break-loose-015.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -40,19 +41,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">‥<br />‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<span class="target">…<br />…</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
|
@ -0,0 +1,78 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-016a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH COLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,96 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-016b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,78 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-017a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">°</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PER MILLE SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‰</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PRIME -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">′</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DOUBLE PRIME -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">″</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,69 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-017b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE CELSIUS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">℃</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH PERCENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes FULLWIDTH CENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-loose-018.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes EURO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">€</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">№</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">$</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">£</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<span class="target">¥</span><br />サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,87 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-011.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぁ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぃ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぅ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぇ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ぉ</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-012.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">ー</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,75 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-013.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- hyphens -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル文<br /><span class="target">゠</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-021.xht -->
|
||||
<!-- reftest for line-break-normal-014.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-015.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
{
|
||||
font-family: "mplus-1p-regular";
|
||||
src: url("/fonts/mplus-1p-regular.woff") format("woff");
|
||||
/* filesize: 803300 bytes (784.5 KBytes) */
|
||||
/*
|
||||
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
|
||||
*/
|
||||
}
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-023.xht -->
|
||||
<!-- reftest for line-break-normal-016a.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -37,24 +38,6 @@
|
|||
<p>
|
||||
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
|
||||
</p>
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<div class="wrapper">
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
|
@ -91,23 +74,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-023.xht -->
|
||||
<!-- reftest for line-break-normal-016b.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-024.xht -->
|
||||
<!-- reftest for line-break-normal-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
|
||||
|
@ -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>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="control" lang="ja">
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-normal-024.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
|
@ -0,0 +1,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-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>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-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
|
||||
|
@ -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;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-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
|
||||
|
@ -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;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-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
|
||||
|
@ -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;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-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;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-015.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
|
||||
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
|
||||
<meta http-equiv="content-language" content="en, ja" />
|
||||
<style type="text/css">
|
||||
@font-face
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
@ -40,19 +41,19 @@
|
|||
<div class="wrapper">
|
||||
<!-- inseparable characters TWO DOT LEADER -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">‥</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">‥‥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">…</span>サンプル文</span>
|
||||
<span>サンプルサンプル。<br /><span class="target">……</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-016.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>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks COLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">:</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks SEMICOLON -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">;</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
|
||||
<p class="control" lang="ja">
|
||||
|
@ -91,23 +74,5 @@
|
|||
<span>サンプル文サンプル<br />文<span class="target">・</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks EXCLAMATION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">!</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- centered punctuation marks QUESTION MARK -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">?</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-016.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;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-017.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>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes PERCENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">%</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes CENT SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br />文<span class="target">¢</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- postfixes DEGREE SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
|
|
|
@ -3,8 +3,9 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for line-break-strict-017.xht -->
|
||||
<!-- reftest for line-break-strict-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
|
||||
|
@ -20,7 +21,7 @@
|
|||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "mplus-1p-regular";
|
||||
width: 10em;
|
||||
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
|
||||
}
|
||||
span.target {
|
||||
background-color: aqua;
|
||||
|
|
|
@ -0,0 +1,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-strict-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>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">€</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes NUMERO SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">№</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">$</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH POUND SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">£</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<!-- prefixes FULLWIDTH YEN SIGN -->
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
<p class="control" lang="ja">
|
||||
<span>サンプル文サンプル<br /><span class="target">¥</span>サンプル文</span>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -8,9 +8,9 @@ div {
|
|||
width: 2em;
|
||||
}
|
||||
|
||||
div::nth-of-type(1) { border-color: blue; }
|
||||
div::nth-of-type(2) { border-color: green; }
|
||||
div::nth-of-type(3) { border-color: orange; }
|
||||
div:nth-of-type(1) { border-color: blue; }
|
||||
div:nth-of-type(2) { border-color: green; }
|
||||
div:nth-of-type(3) { border-color: orange; }
|
||||
|
||||
</style>
|
||||
|
||||
|
|
|
@ -8,9 +8,10 @@
|
|||
<meta name="assert" content="The word is broken even if pre-wrap provides a former breaking opportunity in leading white-space.">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
}
|
||||
.red {
|
||||
position: absolute;
|
||||
|
@ -23,9 +24,7 @@ div {
|
|||
}
|
||||
.test {
|
||||
color: green;
|
||||
line-height: 1em;
|
||||
width: 5ch;
|
||||
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
|
|
@ -8,9 +8,10 @@
|
|||
<meta name="assert" content="A single leading white-space should account as soft breaking opportunity, honoring the 'white-space: pre-wrap', on top to the ones provided by 'word-break: break-all'.">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
}
|
||||
.red {
|
||||
position: absolute;
|
||||
|
@ -23,7 +24,6 @@ div {
|
|||
.test {
|
||||
color: green;
|
||||
background: green;
|
||||
line-height: 1em;
|
||||
width: 1ch;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
|
|
@ -11,11 +11,11 @@ div {
|
|||
width: 2em;
|
||||
}
|
||||
|
||||
div::nth-of-type(1) { border-color: blue; }
|
||||
div::nth-of-type(2) { border-color: green; }
|
||||
div::nth-of-type(3) { border-color: orange; }
|
||||
div:nth-of-type(1) { border-color: blue; }
|
||||
div:nth-of-type(2) { border-color: green; }
|
||||
div:nth-of-type(3) { border-color: orange; }
|
||||
|
||||
div::nth-of-type(3) { word-break: break-word; }
|
||||
div:nth-of-type(3) { word-break: break-all; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the text in each of the following 3 boxes is broken into separate lines at the same points.
|
||||
|
|
|
@ -109,6 +109,11 @@ test(() => {
|
|||
window.navigator.registerProtocolHandler('web+myprotocol', "custom-scheme\uD800/url=%s", "title");
|
||||
}, "RegisterPtotocolHandler URL: unpaired surrogate codepoint should not make any exceptions.")
|
||||
|
||||
test(() => {
|
||||
// This shouldn't throw an exception.
|
||||
window.navigator.unregisterProtocolHandler('web+myprotocol', "custom-scheme\uD800/url=%s");
|
||||
}, "UnregisterPtotocolHandler URL: unpaired surrogate codepoint should not make any exceptions.")
|
||||
|
||||
test(() => {
|
||||
var w = window.open("about:blank#\uD800");
|
||||
assert_equals(w.document.URL, 'about:blank#%EF%BF%BD');
|
||||
|
|
|
@ -4,30 +4,30 @@
|
|||
// Source: DOM Parsing and Serialization (https://w3c.github.io/DOM-Parsing/)
|
||||
|
||||
[Constructor, Exposed=Window]
|
||||
interface DOMParser {
|
||||
[NewObject] Document parseFromString(DOMString str, SupportedType type);
|
||||
};
|
||||
interface DOMParser {
|
||||
[NewObject] Document parseFromString(DOMString str, SupportedType type);
|
||||
};
|
||||
|
||||
enum SupportedType {
|
||||
"text/html",
|
||||
"text/xml",
|
||||
"application/xml",
|
||||
"application/xhtml+xml",
|
||||
"image/svg+xml"
|
||||
};
|
||||
enum SupportedType {
|
||||
"text/html",
|
||||
"text/xml",
|
||||
"application/xml",
|
||||
"application/xhtml+xml",
|
||||
"image/svg+xml"
|
||||
};
|
||||
|
||||
[Constructor, Exposed=Window]
|
||||
|
||||
interface XMLSerializer {
|
||||
DOMString serializeToString(Node root);
|
||||
};
|
||||
interface XMLSerializer {
|
||||
DOMString serializeToString(Node root);
|
||||
};
|
||||
|
||||
partial interface Element {
|
||||
[CEReactions, TreatNullAs=EmptyString] attribute DOMString innerHTML;
|
||||
[CEReactions, TreatNullAs=EmptyString] attribute DOMString outerHTML;
|
||||
[CEReactions] void insertAdjacentHTML(DOMString position, DOMString text);
|
||||
};
|
||||
[CEReactions, TreatNullAs=EmptyString] attribute DOMString innerHTML;
|
||||
[CEReactions, TreatNullAs=EmptyString] attribute DOMString outerHTML;
|
||||
[CEReactions] void insertAdjacentHTML(DOMString position, DOMString text);
|
||||
};
|
||||
|
||||
partial interface Range {
|
||||
[CEReactions, NewObject] DocumentFragment createContextualFragment(DOMString fragment);
|
||||
};
|
||||
[CEReactions, NewObject] DocumentFragment createContextualFragment(DOMString fragment);
|
||||
};
|
||||
|
|
|
@ -4,6 +4,6 @@
|
|||
// Source: Audio Output Devices API (https://w3c.github.io/mediacapture-output/)
|
||||
|
||||
partial interface HTMLMediaElement {
|
||||
readonly attribute DOMString sinkId;
|
||||
Promise<void> setSinkId(DOMString sinkId);
|
||||
[SecureContext] readonly attribute DOMString sinkId;
|
||||
[SecureContext] Promise<void> setSinkId(DOMString sinkId);
|
||||
};
|
||||
|
|
|
@ -46,8 +46,6 @@ dictionary CredentialCreationOptions {
|
|||
AbortSignal signal;
|
||||
};
|
||||
|
||||
typedef (FormData or URLSearchParams) CredentialBodyType;
|
||||
|
||||
[Constructor(HTMLFormElement form),
|
||||
Constructor(PasswordCredentialData data),
|
||||
Exposed=Window,
|
||||
|
@ -64,6 +62,7 @@ partial dictionary CredentialRequestOptions {
|
|||
dictionary PasswordCredentialData : CredentialData {
|
||||
USVString name;
|
||||
USVString iconURL;
|
||||
required USVString origin;
|
||||
required USVString password;
|
||||
};
|
||||
|
||||
|
@ -94,6 +93,7 @@ partial dictionary CredentialRequestOptions {
|
|||
dictionary FederatedCredentialInit : CredentialData {
|
||||
USVString name;
|
||||
USVString iconURL;
|
||||
required USVString origin;
|
||||
required USVString provider;
|
||||
DOMString protocol;
|
||||
};
|
||||
|
|
|
@ -4,11 +4,13 @@
|
|||
// Source: Input Events Level 1 (https://cdn.staticaly.com/gh/w3c/input-events/v1/index.html)
|
||||
|
||||
partial interface InputEvent {
|
||||
readonly attribute DataTransfer? dataTransfer;
|
||||
sequence<StaticRange> getTargetRanges();
|
||||
};
|
||||
readonly attribute DOMString inputType;
|
||||
readonly attribute DataTransfer? dataTransfer;
|
||||
sequence<StaticRange> getTargetRanges();
|
||||
};
|
||||
|
||||
partial dictionary InputEventInit {
|
||||
DataTransfer? dataTransfer = null;
|
||||
sequence<StaticRange> targetRanges = [];
|
||||
};
|
||||
partial dictionary InputEventInit {
|
||||
DOMString inputType = "";
|
||||
DataTransfer? dataTransfer = null;
|
||||
sequence<StaticRange> targetRanges = [];
|
||||
};
|
||||
|
|
|
@ -160,11 +160,12 @@ dictionary OverconstrainedErrorEventInit : EventInit {
|
|||
};
|
||||
|
||||
partial interface Navigator {
|
||||
[SameObject]
|
||||
[SameObject, SecureContext]
|
||||
readonly attribute MediaDevices mediaDevices;
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=Window,
|
||||
SecureContext]
|
||||
interface MediaDevices : EventTarget {
|
||||
attribute EventHandler ondevicechange;
|
||||
Promise<sequence<MediaDeviceInfo>> enumerateDevices();
|
||||
|
@ -190,6 +191,7 @@ enum MediaDeviceKind {
|
|||
};
|
||||
|
||||
partial interface Navigator {
|
||||
[SecureContext]
|
||||
void getUserMedia(MediaStreamConstraints constraints, NavigatorUserMediaSuccessCallback successCallback, NavigatorUserMediaErrorCallback errorCallback);
|
||||
};
|
||||
|
||||
|
|
|
@ -5,15 +5,12 @@
|
|||
|
||||
dictionary BasicCardRequest {
|
||||
sequence<DOMString> supportedNetworks;
|
||||
sequence<BasicCardType> supportedTypes;
|
||||
};
|
||||
|
||||
dictionary BasicCardChangeDetails {
|
||||
PaymentAddress? billingAddress;
|
||||
};
|
||||
|
||||
enum BasicCardType { "credit", "debit", "prepaid" };
|
||||
|
||||
dictionary BasicCardResponse {
|
||||
required DOMString cardNumber;
|
||||
DOMString cardholderName;
|
||||
|
|
|
@ -26,6 +26,7 @@ interface PerformanceObserver {
|
|||
void observe(PerformanceObserverInit options);
|
||||
void disconnect();
|
||||
PerformanceEntryList takeRecords();
|
||||
static readonly attribute FrozenArray<DOMString> supportedEntryTypes;
|
||||
};
|
||||
|
||||
dictionary PerformanceObserverInit {
|
||||
|
|
|
@ -5,34 +5,34 @@ typedef (DOMString or TrustedScript) ScriptString;
|
|||
typedef (DOMString or TrustedScriptURL) ScriptURLString;
|
||||
typedef (USVString or TrustedURL) URLString;
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedHTML {
|
||||
stringifier;
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedScript {
|
||||
stringifier;
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedScriptURL {
|
||||
stringifier;
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedURL {
|
||||
stringifier;
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedTypePolicyFactory {
|
||||
[Unforgeable] TrustedTypePolicy createPolicy(DOMString policyName, TrustedTypePolicyOptions policyOptions);
|
||||
// All the policy object names that have been created
|
||||
[Unforgeable] sequence<DOMString> getPolicyNames();
|
||||
};
|
||||
|
||||
[Exposed=Window]
|
||||
[Exposed=(Window, Worker)]
|
||||
interface TrustedTypePolicy {
|
||||
[Unforgeable] readonly attribute DOMString name;
|
||||
[Unforgeable] TrustedHTML createHTML(DOMString input);
|
||||
|
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>ScrollTimeline constructor - no document</title>
|
||||
<link rel="help" href="https://wicg.github.io/scroll-animations/#scrolltimeline-interface">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<script>
|
||||
'use strict';
|
||||
|
||||
test(function() {
|
||||
document.documentElement.remove();
|
||||
assert_equals(document.scrollingElement, null);
|
||||
|
||||
const timeline = new ScrollTimeline({timeRange: 100});
|
||||
assert_equals(timeline.scrollSource, null);
|
||||
assert_equals(timeline.currentTime, null);
|
||||
}, 'The scrollSource can be null if the document.scrollingElement does not exist');
|
||||
</script>
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue