| Index: LayoutTests/imported/csswg-test/css-writing-modes-3/support/text-orientation/text-orientation.js
|
| diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/support/text-orientation/text-orientation.js b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/text-orientation/text-orientation.js
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..806a881e97fadaa0fddd2b944cf5519ce0f825db
|
| --- /dev/null
|
| +++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/text-orientation/text-orientation.js
|
| @@ -0,0 +1,215 @@
|
| +(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) {
|
| + switch (node.nodeType) {
|
| + case Node.ELEMENT_NODE:
|
| + var nodes = node.childNodes;
|
| + for (var i = 0; i < nodes.length; i++)
|
| + this._measureNode(nodes[i]);
|
| + 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);
|
| + continue;
|
| + }
|
| + }
|
| + this.results.inconclusive(this, code, 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) {
|
| + this.failCount++;
|
| + this.append(this.failList, test, code);
|
| + },
|
| + inconclusive: function (test, code, rect) {
|
| + this.inconclusiveCount++;
|
| + this.append(this.inconclusiveList, test, code, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")");
|
| + },
|
| + append: function (list, test, code, message) {
|
| + var text = stringFromUnicode(code) + " should be " + test.orientation;
|
| + 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 blocks = arrayFromRangesByValue(rangesByBlock);
|
| + 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 blocks[code] + ": " + 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];
|
| + }
|
| +
|
| + function log(text) {
|
| + console.log(text);
|
| + }
|
| +})();
|
|
|