blob: fb6eb7d60de09c8c7bc55c06369b1ad76d80e8e7 [file] [log] [blame]
(function () {
var log = function () {};
function OrientationTester(container, orientation) {
this.container = container;
this.setOrientation(orientation);
}
extend(OrientationTester.prototype, {
setOrientation: function (orientation) {
this.orientation = orientation;
},
measure: function (results) {
this.results = results;
this._measureNode(this.container);
},
_measureNode: function (node, block) {
switch (node.nodeType) {
case Node.ELEMENT_NODE:
var blockOverride = node.dataset.block;
if (blockOverride)
block = blockOverride;
var nodes = node.childNodes;
for (var i = 0; i < nodes.length; i++)
this._measureNode(nodes[i], block);
return;
case Node.TEXT_NODE:
break;
default:
return;
}
if (this.orientation == "R") {
var advanceExpected = 8;
var advanceFailed = 4;
} else {
advanceExpected = 4;
advanceFailed = 8;
}
var range = document.createRange();
var text = node.textContent;
for (var ich = 0; ich < text.length; ich++) {
var code = text.charCodeAt(ich);
if (code == 10 || code == 13)
continue;
range.setStart(node, ich);
if (code >= 0xD800 && code <= 0xDBFF) {
var next = text.charCodeAt(ich+1);
if (next >= 0xDC00 && next <= 0xDFFF) {
ich++;
code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000;
}
}
range.setEnd(node, ich + 1);
rect = range.getBoundingClientRect();
if (rect.width == 16) {
if (rect.height == advanceExpected) {
this.results.passCount++;
continue;
}
//log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height);
if (rect.height == advanceFailed) {
this.results.failed(this, code, block);
continue;
}
}
this.results.inconclusive(this, code, block, rect);
}
}});
function Results(name) {
this.details = document.createElement("details");
this.summary = appendChildElement(this.details, "summary");
this.summary.textContent = name;
var typeList = appendChildElement(this.details, "ul");
this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol");
this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol");
this.passCount = 0;
this.failCount = 0;
this.inconclusiveCount = 0;
}
extend(Results.prototype, {
failed: function (test, code, block) {
this.failCount++;
this.append(this.failList, test, code, block);
},
inconclusive: function (test, code, block, rect) {
this.inconclusiveCount++;
this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")");
},
append: function (list, test, code, block, message) {
var text = stringFromUnicode(code) + " should be " + test.orientation;
if (block)
text = block + ": " + text;
if (message)
text += message;
appendChildElement(list, "li", text);
},
done: function (test) {
this.summary.textContent += " (" + this.passCount + " passes, " +
this.failCount + " fails, " +
this.inconclusiveCount + " inconclusives)";
details.appendChild(this.details);
assert_equals(this.failCount, 0, "Fail count");
assert_greater_than(this.passCount, 0, "Pass count");
test.done();
}});
function Runner() {
var nodes = document.querySelectorAll("div[data-vo]");
this.testers = [];
for (var i = 0; i < nodes.length; i++) {
var node = nodes[i];
var vo = node.dataset.vo;
var tester = new OrientationTester(node, vo);
tester.test = async_test("Default orientation for vo=" + vo);
this.testers.push(tester);
}
this.testU = async_test("Orientation=Upright");
this.testR = async_test("Orientation=Rotated");
}
extend(Runner.prototype, {
run: function () {
log("Started");
var start = new Date;
for (var i = 0; i < this.testers.length; i++) {
var tester = this.testers[i];
var test = tester.test;
test.step(function () {
var results = new Results(test.name);
tester.measure(results);
results.done(test);
});
}
this.runOrientation(this.testU, "U");
this.runOrientation(this.testR, "R");
log("Elapsed " + (new Date() - start));
done();
},
runOrientation: function (test, orientation) {
container.classList.add(orientation);
var results = new Results(test.name);
var me = this;
test.step(function () {
for (var i = 0; i < me.testers.length; i++) {
var tester = me.testers[i];
tester.setOrientation(orientation);
tester.measure(results);
}
results.done(test);
})
container.classList.remove(orientation);
}});
setup({explicit_done:true, explicit_timeout:true});
var runner = new Runner();
window.onload = function () {
if (window.location.search == "?wait") {
log("Sleeping 5 secs for debug purpose");
return setTimeout(run, 5000);
}
run();
}
function run() {
onFontReady("16px orientation", function () { runner.run(); });
}
function onFontReady(font, func) {
log("Waiting test fonts to load");
if (document.fonts) {
if ('load' in document.fonts)
return document.fonts.load(font).then(func);
if ('ready' in document.fonts)
return document.fonts.ready.then(func);
}
document.offsetTop; // last resort to load @font-face
func();
}
function arrayFromRangesByValue(dict) {
var array = [];
for (var value in dict) {
var ranges = dict[value];
for (var i = 0; i < ranges.length; i += 2) {
var to = ranges[i+1];
for (var code = ranges[i]; code <= to; code++)
array[code] = value;
}
}
return array;
};
function stringFromUnicode(code) {
var hex = code.toString(16).toUpperCase();
if (hex.length < 4) {
hex = "0000" + hex;
hex = hex.substr(hex.length - 4);
}
return hex + ' "' + String.fromCharCode(code) + '"';
}
function appendChildElement(parent, tag, text) {
var node = document.createElement(tag);
if (text)
node.textContent = text;
parent.appendChild(node);
return node;
}
function extend(target, dict) {
for (var key in dict)
target[key] = dict[key];
}
})();