diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js')
| -rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js | 217 |
1 files changed, 217 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js @@ -0,0 +1,217 @@ +(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) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + 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)"; + 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]; + } +})(); |