89 lines
3.0 KiB
HTML
89 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
<title>Test 011</title>
|
||
<script>
|
||
var Hyphenopoly = {
|
||
require: {
|
||
"de": "FORCEHYPHENOPOLY"
|
||
},
|
||
setup: {
|
||
selectors: {
|
||
".hyphenate": {
|
||
hyphen: "•"
|
||
}
|
||
}
|
||
},
|
||
handleEvent: {
|
||
hyphenopolyEnd: function (e) {
|
||
assert();
|
||
}
|
||
}
|
||
};
|
||
|
||
function assert() {
|
||
var tests = 1;
|
||
var i = 1;
|
||
var test = "";
|
||
var ref = "";
|
||
var result = false;
|
||
while (i <= tests) {
|
||
test = document.getElementById("test" + i).innerHTML;
|
||
ref = document.getElementById("ref" + i).innerHTML;
|
||
if (test === ref) {
|
||
document.getElementById("result").innerHTML += "<p style=\"background-color: #d6ffd6\">" + i + " passed</p>";
|
||
result = result || true;
|
||
} else {
|
||
document.getElementById("result").innerHTML += "<p style=\"background-color: #ffd6d6\">" + i + " failed</p>";
|
||
result = result || false;
|
||
}
|
||
i += 1;
|
||
}
|
||
if (parent != window) {
|
||
parent.postMessage(JSON.stringify({
|
||
desc: document.getElementById("desc").innerHTML,
|
||
index: 11,
|
||
result: (result ? "passed" : "failed")
|
||
}), window.location.href);
|
||
}
|
||
}
|
||
</script>
|
||
<script src="../Hyphenopoly_Loader.js"></script>
|
||
<style type="text/css">
|
||
body {
|
||
width:50%;
|
||
margin-left:25%;
|
||
margin-right:25%;
|
||
}
|
||
|
||
.test {
|
||
background-color: #D8E2F9;
|
||
}
|
||
.ref {
|
||
background-color: #FEEFC0;
|
||
}
|
||
|
||
.hyphenate {
|
||
hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
-moz-hyphens: auto;
|
||
-webkit-hyphens: auto;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="navigate"><a href="index.html">↞ Index</a> | <a href="test10.html">← Prev</a> | <a href="test12.html">Next →</a></div>
|
||
|
||
<h1>Test 011</h1>
|
||
<p id="desc">Check character substitution.</p>
|
||
<div id="result"></div>
|
||
<hr>
|
||
<p id="test1" class="test hyphenate" lang="de">Fürstenberg Fürſtenberg</p>
|
||
<p id="ref1" class="ref" lang="de">Fürs•ten•berg Fürſ•ten•berg</p>
|
||
|
||
<hr>
|
||
<div><span class="test">Test</span> <span class="ref">Ref</span></div>
|
||
|
||
</body>
|
||
</html> |