Update web-platform-tests to revision 614fd870e47c9f4e76291e5af4e32b676c0acac0

This commit is contained in:
WPT Sync Bot 2018-12-04 20:30:20 -05:00
parent 063bd7ac19
commit b49ffaa0f7
137 changed files with 4756 additions and 721 deletions

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
</head>
<!-- This tests that navigating a main window to a local scheme preserves the current CSP.
We need to test this in a main window with no parent/opener so we use
a link with target=_blank and rel=noopener. -->
<body>
<iframe src="support/navigate-self-to-blob.html?csp=script-src%20%27nonce-abc%27&report_id={{$id:uuid()}}"></iframe>
<script async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27&reportID={{$id}}'></script>
</body>
</html>

View file

@ -0,0 +1,102 @@
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta http-equiv="Content-Security-Policy" content="img-src 'self'">
<body>
<script>
function wait_for_error_from_frame(frame, test) {
window.addEventListener('message', test.step_func(e => {
if (e.source != frame.contentWindow)
return;
assert_equals(e.data, "load");
frame.remove();
test.done();
}));
}
async_test(t => {
var i = document.createElement('iframe');
document.body.appendChild(i);
var img = document.createElement('img');
img.onload = t.step_func_done(_ => i.remove());
img.onerror = t.unreached_func();
i.contentDocument.body.appendChild(img);
img.src = "{{location[server]}}/images/red-16x16.png";
}, "<iframe>'s about:blank inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
i.srcdoc = `
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
`;
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe srcdoc>'s inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
var b = new Blob(
[`
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
`], {type:"text/html"});
i.src = URL.createObjectURL(b);
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe src='blob:...'>'s inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>`;
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe src='data:...'>'s inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage(\\"load\\", \\"*\\");'
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
>"`;
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe src='javascript:...'>'s inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
var b = new Blob(
[`
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
`], {type:"text/html"});
i.src = URL.createObjectURL(b);
i.sandbox = 'allow-scripts';
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
</script>

View file

@ -25,13 +25,13 @@
img.onerror = t.step_func_done(_ => i.remove());
img.onload = t.unreached_func();
i.contentDocument.body.appendChild(img);
img.src = "/images/red-16x16.png";
img.src = "{{location[server]}}/images/red-16x16.png";
}, "<iframe>'s about:blank inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
i.srcdoc = `
<img src='/images/red-16x16.png'
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
@ -46,7 +46,7 @@
var i = document.createElement('iframe');
var b = new Blob(
[`
<img src='${window.origin}/images/red-16x16.png'
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
@ -60,7 +60,7 @@
async_test(t => {
var i = document.createElement('iframe');
i.src = `data:text/html,<img src='${window.origin}/images/red-16x16.png'
i.src = `data:text/html,<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>`;
@ -72,7 +72,7 @@
async_test(t => {
var i = document.createElement('iframe');
i.src = `javascript:"<img src='${window.origin}/images/red-16x16.png'
i.src = `javascript:"<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage(\\"load\\", \\"*\\");'
onerror='window.top.postMessage(\\"error\\", \\"*\\");'
>"`;
@ -81,4 +81,22 @@
document.body.appendChild(i);
}, "<iframe src='javascript:...'>'s inherits policy.");
async_test(t => {
var i = document.createElement('iframe');
var b = new Blob(
[`
<img src='{{location[server]}}/images/red-16x16.png'
onload='window.top.postMessage("load", "*");'
onerror='window.top.postMessage("error", "*");'
>
`], {type:"text/html"});
i.src = URL.createObjectURL(b);
i.sandbox = 'allow-scripts';
wait_for_error_from_frame(i, t);
document.body.appendChild(i);
}, "<iframe sandbox src='blob:...'>'s inherits policy. (opaque origin sandbox)");
</script>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
</head>
<body>
<script nonce='abc'>
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
var blob = new Blob([blob_string], {type : 'text/html'});
var url = URL.createObjectURL(blob);
var i = document.createElement('iframe');
i.src = url;
i.sandbox = "allow-scripts";
document.body.appendChild(i);
</script>
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
</body>
</html>

View file

@ -0,0 +1,5 @@
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: sandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
</head>
<body>
<script nonce='abc'>
var url = "data:text/html,<script>alert(document.domain)<\/scr"+"ipt>";
var i = document.createElement('iframe');
i.src = url;
i.sandbox = "allow-scripts";
document.body.appendChild(i);
</script>
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
</body>
</html>

View file

@ -0,0 +1,5 @@
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: sandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
</head>
<body>
<script nonce='abc'>
var blob_string = "<script>alert(document.domain)<\/scr"+"ipt>";
var blob = new Blob([blob_string], {type : 'text/html'});
var url = URL.createObjectURL(blob);
var i = document.createElement('iframe');
i.src = url;
document.body.appendChild(i);
</script>
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
</body>
</html>

View file

@ -0,0 +1,5 @@
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: unsandboxed-blob-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
</head>
<body>
<script nonce='abc'>
var url = "data:text/html,<script>alert(document.domain)<\/scri"+"pt>";
var i = document.createElement('iframe');
i.src = url;
document.body.appendChild(i);
</script>
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27nonce-abc%27'></script>
</body>
</html>

View file

@ -0,0 +1,5 @@
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: unsandboxed-data-scheme={{$id:uuid()}}; Path=/content-security-policy/inheritance/
Content-Security-Policy: script-src 'nonce-abc'; report-uri http://{{host}}:{{ports[http][0]}}/content-security-policy/support/report.py?op=put&reportID={{$id}}

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types ;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because plugin-types allows no plugins');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<object type="application/x-shockwave-flash" data="/content-security-policy/support/media/flash.swf"></object>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because its declared type does not match its actual type');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<object type="application/pdf" data="data:application/x-shockwave-flash,asdf"></object>
</body>
</html>

View file

@ -1,29 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-mismatched-data</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("Fail");
});
</script>
This tests that plugin content that doesn&apos;t match the declared type doesn&apos;t load, even if the document&apos;s CSP would allow it. This test passes if &quot;FAIL!&quot; isn&apos;t logged.
<object type="application/x-invalid-type" data="data:application/x-webkit-test-netscape,logifloaded" log="FAIL!"></object>
<script>
log("After object");
</script>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because its declared type does not match its actual type');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<object type="application/pdf" data="/content-security-policy/support/media/flash.swf"></object>
</body>
</html>

View file

@ -1,29 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-mismatched-url</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("Fail");
});
</script>
This tests that plugin content that doesn&apos;t match the declared type doesn&apos;t load, even if the document&apos;s CSP would allow it. This test passes if no iframe is dumped (meaning that no PluginDocument was created).
<object type="application/x-invalid-type" data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
<script>
log("After object");
</script>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because it does not have a declared type');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<!-- Objects need to declare an explicit type -->
<object data="data:application/x-shockwave-flash,asdf"></object>
</body>
</html>

View file

@ -1,26 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-notype-data</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["PASS: object tag onerror handler fired","violated-directive=plugin-types"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("violated-directive=" + e.violatedDirective);
});
</script>
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there&apos;s a CSP report and &quot;FAIL!&quot; isn&apos;t logged.
<object data="data:application/x-webkit-test-netscape" onload="log('FAIL');" onerror="log('PASS: object tag onerror handler fired');"></object>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because it does not have a declared type');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<!-- Objects need to declare an explicit type -->
<object data="/content-security-policy/support/media/flash.swf"></object>
</body>
</html>

View file

@ -1,26 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-invalid-type; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-notype-url</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("violated-directive=" + e.violatedDirective);
});
</script>
Given a `plugin-types` directive, plugins have to declare a type explicitly. No declared type, no load. This test passes if there&apos;s an error report is sent.
<object data="/plugins/resources/mock-plugin.pl" log="FAIL!"></object>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<object type="application/x-shockwave-flash"></object>
<!-- we rely on the report because we can't rely on the onload event for
"allowed" tests as it is not fired for object and embed -->
<script async defer src='../support/checkReport.sub.js?reportExists=false'></script>
</body>
</html>

View file

@ -0,0 +1,2 @@
Set-Cookie: plugintypes-nourl-allowed={{$id:uuid()}}; Path=/content-security-policy/plugin-types/
Content-Security-Policy: plugin-types application/x-shockwave-flash; report-uri ../support/report.py?op=put&reportID={{$id}}

View file

@ -1,29 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types application/x-webkit-test-netscape; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-nourl-allowed</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["After object"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("Fail");
});
</script>
This test passes if there isn&apos;t a CSP violation sayingthe plugin was blocked.
<object type="application/x-webkit-test-netscape"></object>
<script>
log("After object");
</script>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="plugin-types application/pdf;">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
var t = async_test('Should not load the object because it does not match plugin-types');
window.addEventListener('securitypolicyviolation', t.step_func_done(function(e) {
assert_equals(e.violatedDirective, "plugin-types");
assert_equals(e.blockedURI, "");
}));
</script>
<object type="application/x-shockwave-flash"></object>
</body>
</html>

View file

@ -1,26 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.-->
<meta http-equiv="Content-Security-Policy" content="plugin-types text/plain; script-src 'self' 'unsafe-inline'; connect-src 'self';">
<title>plugintypes-nourl-blocked</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src='../support/logTest.sub.js?logs=["violated-directive=plugin-types"]'></script>
<script src="../support/alertAssert.sub.js?alerts=[]"></script>
</head>
<body>
<script>
window.addEventListener('securitypolicyviolation', function(e) {
log("violated-directive=" + e.violatedDirective);
});
</script>
This test passes if there is a CSP violation saying the plugin was blocked.
<object type="application/x-webkit-test-netscape"></object>
<div id="log"></div>
</body>
</html>

View file

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and Japanese small kana</title>
<!-- Japanese small kana -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-011-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and Katakana-Hiragana prolonged sound marks</title>
<!-- Katakana-Hiragana prolonged sound marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-012-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and hyphens</title>
<!-- hyphens -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and iteration marks</title>
<!-- iteration marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-014-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- iteration marks -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3005;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x303b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x309d;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x309e;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30fd;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30fe;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and inseparable characters</title>
<!-- inseparable characters -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-015-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- inseparable characters TWO DOT LEADER -->
<p class="test" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-016a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 5px;
padding: 5px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30fb;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH COLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff65;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,102 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-016b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 5px;
padding: 5px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x203c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2048;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff01;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff1f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-017a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x00b0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PER MILLE SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2030;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PRIME -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2032;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DOUBLE PRIME -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2033;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-017b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes DEGREE CELSIUS -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2103;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH PERCENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff05;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xffe0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - loose and prefixes</title>
<!-- prefixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-018-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking after prefixes." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: loose; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- prefixes EURO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - normal and Japanese small kana</title>
<!-- Japanese small kana -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-011-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - normal and Katakana-Hiragana prolonged sound marks</title>
<!-- Katakana-Hiragana prolonged sound marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-012-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - normal and hyphens</title>
<!-- hyphens -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - normal and iteration marks</title>
<!-- iteration marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-021-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-014-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - normal and inseparable characters</title>
<!-- inseparable characters -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-022-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-015-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -46,19 +47,19 @@
<div class="wrapper">
<!-- inseparable characters TWO DOT LEADER -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -5,8 +5,9 @@
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-023a-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-016a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
<style type="text/css">
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -43,24 +44,6 @@
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks COLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
<p class="test" lang="ja">
@ -97,23 +80,5 @@
<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -5,8 +5,9 @@
<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-023b-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-016b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
<style type="text/css">
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,8 +5,9 @@
<title>CSS Text Test: line-break - normal and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-024a-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-017a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
<style type="text/css">
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -43,24 +44,6 @@
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes PERCENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="test" lang="ja">

View file

@ -5,8 +5,9 @@
<title>CSS Text Test: line-break - normal and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="match" href="reference/line-break-normal-024b-ref.xht" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-017b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
<style type="text/css">
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: normal; // The property to be tested
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - normal and prefixes</title>
<!-- prefixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-018-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking after prefixes." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: normal; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- prefixes EURO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -5,7 +5,8 @@
<title>CSS Text Test: line-break - strict and Japanese small kana</title>
<!-- Japanese small kana -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-011-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'." />
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,7 +5,8 @@
<title>CSS Text Test: line-break - strict and Katakana-Hiragana prolonged sound marks</title>
<!-- Katakana-Hiragana prolonged sound marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-012-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,7 +5,8 @@
<title>CSS Text Test: line-break - strict and hyphens</title>
<!-- hyphens -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and iteration marks</title>
<!-- iteration marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-014-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and inseparable characters</title>
<!-- inseparable characters -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-015-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -46,19 +47,19 @@
<div class="wrapper">
<!-- inseparable characters TWO DOT LEADER -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル<br /><span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-016a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -43,24 +44,6 @@
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks COLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
<p class="test" lang="ja">
@ -97,23 +80,5 @@
<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
<!-- centered punctuation marks -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-016b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-017a-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -43,24 +44,6 @@
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes PERCENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x0025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes CENT SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="test" lang="ja">

View file

@ -5,10 +5,11 @@
<title>CSS Text Test: line-break - strict and postfixes</title>
<!-- postfixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-017b-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
<style type="text/css">
@font-face
{
@ -20,13 +21,13 @@
*/
}
.test span {
line-break: strict; // The property to be tested
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Text Test: line-break - strict and prefixes</title>
<!-- prefixes -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-018-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking after prefixes." />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.test span {
line-break: strict; /* The property to be tested */
}
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- prefixes EURO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="test" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-011.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-012.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-013.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-014.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- iteration marks -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -3,8 +3,9 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-022.xht -->
<!-- reftest for line-break-loose-015.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
@ -20,7 +21,7 @@
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -40,19 +41,19 @@
<div class="wrapper">
<!-- inseparable characters TWO DOT LEADER -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
</p>
</div>
</body>

View file

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-016a.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 5px;
padding: 5px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH COLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-016b.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 5px;
padding: 5px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks DOUBLE QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-017a.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PER MILLE SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes PRIME -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DOUBLE PRIME -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-017b.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- postfixes DEGREE CELSIUS -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH PERCENT SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes FULLWIDTH CENT SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-loose-018.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- prefixes EURO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-011.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-012.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-013.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -3,8 +3,9 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-021.xht -->
<!-- reftest for line-break-normal-014.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
@ -20,7 +21,7 @@
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-015.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("/fonts/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
}
div.wrapper {
display: inline-block;
border: 1px solid;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<div class="wrapper">
<!-- inseparable characters TWO DOT LEADER -->
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- inseparable characters HORIZONTAL ELLIPSIS -->
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -3,8 +3,9 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-023.xht -->
<!-- reftest for line-break-normal-016a.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
@ -20,7 +21,7 @@
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;
@ -37,24 +38,6 @@
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- centered punctuation marks COLON -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks SEMICOLON -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
<p class="control" lang="ja">
@ -91,23 +74,5 @@
<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks EXCLAMATION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- centered punctuation marks QUESTION MARK -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

@ -3,8 +3,9 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-023.xht -->
<!-- reftest for line-break-normal-016b.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
<meta http-equiv="content-language" content="en, ja" />
<style type="text/css">
@font-face
@ -20,7 +21,7 @@
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
width: 10.2em; /* added extra .2em for some symbols wider than 1em */
}
span.target {
background-color: aqua;

View file

@ -3,8 +3,9 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-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">&#x0025;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes CENT SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- postfixes DEGREE SIGN -->
<p class="control" lang="ja">

View file

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

View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-normal-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">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for line-break-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">&#x20ac;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes NUMERO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
</p>
</div>
</body>
</html>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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 = [];
};

View file

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

View file

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

View file

@ -26,6 +26,7 @@ interface PerformanceObserver {
void observe(PerformanceObserverInit options);
void disconnect();
PerformanceEntryList takeRecords();
static readonly attribute FrozenArray<DOMString> supportedEntryTypes;
};
dictionary PerformanceObserverInit {

View file

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

View file

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