Merge pull request #14344 from timvandermeij/test-driver
Modernize the test driver
This commit is contained in:
Jonas Jenwald
GitHub
commit
034b870c4a
501
test/driver.js
501
test/driver.js
@ -12,7 +12,6 @@
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
/* eslint-disable no-var */
|
||||
/* globals pdfjsLib, pdfjsViewer */
|
||||
|
||||
"use strict";
|
||||
@ -24,6 +23,7 @@ const {
|
||||
GlobalWorkerOptions,
|
||||
PixelsPerInch,
|
||||
renderTextLayer,
|
||||
shadow,
|
||||
XfaLayer,
|
||||
} = pdfjsLib;
|
||||
const { SimpleLinkService } = pdfjsViewer;
|
||||
@ -38,33 +38,33 @@ const RENDER_TASK_ON_CONTINUE_DELAY = 5; // ms
|
||||
const SVG_NS = "http://www.w3.org/2000/svg";
|
||||
|
||||
function loadStyles(styles) {
|
||||
styles = Object.values(styles);
|
||||
if (styles.every(style => style.promise)) {
|
||||
return Promise.all(styles.map(style => style.promise));
|
||||
}
|
||||
const promises = [];
|
||||
|
||||
for (const style of styles) {
|
||||
style.promise = new Promise(function (resolve, reject) {
|
||||
for (const file of styles) {
|
||||
promises.push(
|
||||
new Promise(function (resolve, reject) {
|
||||
const xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", style.file);
|
||||
xhr.open("GET", file);
|
||||
xhr.onload = function () {
|
||||
resolve(xhr.responseText);
|
||||
};
|
||||
xhr.onerror = function (e) {
|
||||
reject(new Error(`Error fetching style (${style.file}): ${e}`));
|
||||
reject(new Error(`Error fetching style (${file}): ${e}`));
|
||||
};
|
||||
xhr.send(null);
|
||||
});
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
return Promise.all(styles.map(style => style.promise));
|
||||
return Promise.all(promises);
|
||||
}
|
||||
|
||||
function writeSVG(svgElement, ctx, resolve, reject) {
|
||||
function writeSVG(svgElement, ctx) {
|
||||
// We need to have UTF-8 encoded XML.
|
||||
const svg_xml = unescape(
|
||||
encodeURIComponent(new XMLSerializer().serializeToString(svgElement))
|
||||
);
|
||||
return new Promise((resolve, reject) => {
|
||||
const img = new Image();
|
||||
img.src = "data:image/svg+xml;base64," + btoa(svg_xml);
|
||||
img.onload = function () {
|
||||
@ -72,8 +72,9 @@ function writeSVG(svgElement, ctx, resolve, reject) {
|
||||
resolve();
|
||||
};
|
||||
img.onerror = function (e) {
|
||||
reject(new Error("Error rasterizing text layer " + e));
|
||||
reject(new Error(`Error rasterizing SVG: ${e}`));
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
function inlineImages(images) {
|
||||
@ -143,106 +144,58 @@ async function resolveImages(node, silentErrors = false) {
|
||||
await Promise.all(loadedPromises);
|
||||
}
|
||||
|
||||
class Rasterize {
|
||||
/**
|
||||
* @class
|
||||
*/
|
||||
var rasterizeTextLayer = (function rasterizeTextLayerClosure() {
|
||||
const styles = {
|
||||
common: {
|
||||
file: "./text_layer_test.css",
|
||||
promise: null,
|
||||
},
|
||||
};
|
||||
|
||||
function getTextLayerStyle() {
|
||||
return loadStyles(styles);
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-shadow
|
||||
function rasterizeTextLayer(
|
||||
ctx,
|
||||
viewport,
|
||||
textContent,
|
||||
enhanceTextSelection
|
||||
) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
// Building SVG with size of the viewport.
|
||||
var svg = document.createElementNS(SVG_NS, "svg:svg");
|
||||
svg.setAttribute("width", viewport.width + "px");
|
||||
svg.setAttribute("height", viewport.height + "px");
|
||||
// items are transformed to have 1px font size
|
||||
svg.setAttribute("font-size", 1);
|
||||
|
||||
// Adding element to host our HTML (style + text layer div).
|
||||
var foreignObject = document.createElementNS(SVG_NS, "svg:foreignObject");
|
||||
foreignObject.setAttribute("x", "0");
|
||||
foreignObject.setAttribute("y", "0");
|
||||
foreignObject.setAttribute("width", viewport.width + "px");
|
||||
foreignObject.setAttribute("height", viewport.height + "px");
|
||||
var style = document.createElement("style");
|
||||
var stylePromise = getTextLayerStyle();
|
||||
foreignObject.appendChild(style);
|
||||
var div = document.createElement("div");
|
||||
div.className = "textLayer";
|
||||
foreignObject.appendChild(div);
|
||||
|
||||
stylePromise
|
||||
.then(async ([cssRules]) => {
|
||||
style.textContent = cssRules;
|
||||
|
||||
// Rendering text layer as HTML.
|
||||
var task = renderTextLayer({
|
||||
textContent,
|
||||
container: div,
|
||||
viewport,
|
||||
enhanceTextSelection,
|
||||
});
|
||||
await task.promise;
|
||||
|
||||
task.expandTextDivs(true);
|
||||
svg.appendChild(foreignObject);
|
||||
|
||||
writeSVG(svg, ctx, resolve, reject);
|
||||
})
|
||||
.catch(reason => {
|
||||
reject(new Error(`rasterizeTextLayer: "${reason?.message}".`));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return rasterizeTextLayer;
|
||||
})();
|
||||
|
||||
/**
|
||||
* @class
|
||||
*/
|
||||
var rasterizeAnnotationLayer = (function rasterizeAnnotationLayerClosure() {
|
||||
/**
|
||||
* For the reference tests, the entire annotation layer must be visible. To
|
||||
* achieve this, we load the common styles as used by the viewer and extend
|
||||
* them with a set of overrides to make all elements visible.
|
||||
* For the reference tests, the full content of the various layers must be
|
||||
* visible. To achieve this, we load the common styles as used by the viewer
|
||||
* and extend them with a set of overrides to make all elements visible.
|
||||
*
|
||||
* Note that we cannot simply use `@import` to import the common styles in
|
||||
* the overrides file because the browser does not resolve that when the
|
||||
* styles are inserted via XHR. Therefore, we load and combine them here.
|
||||
*/
|
||||
const styles = {
|
||||
common: {
|
||||
file: "../web/annotation_layer_builder.css",
|
||||
promise: null,
|
||||
},
|
||||
overrides: {
|
||||
file: "./annotation_layer_builder_overrides.css",
|
||||
promise: null,
|
||||
},
|
||||
};
|
||||
|
||||
function getAnnotationLayerStyle() {
|
||||
return loadStyles(styles);
|
||||
static get annotationStylePromise() {
|
||||
const styles = [
|
||||
"../web/annotation_layer_builder.css",
|
||||
"./annotation_layer_builder_overrides.css",
|
||||
];
|
||||
return shadow(this, "annotationStylePromise", loadStyles(styles));
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-shadow
|
||||
function rasterizeAnnotationLayer(
|
||||
static get textStylePromise() {
|
||||
const styles = ["./text_layer_test.css"];
|
||||
return shadow(this, "textStylePromise", loadStyles(styles));
|
||||
}
|
||||
|
||||
static get xfaStylePromise() {
|
||||
const styles = [
|
||||
"../web/xfa_layer_builder.css",
|
||||
"./xfa_layer_builder_overrides.css",
|
||||
];
|
||||
return shadow(this, "xfaStylePromise", loadStyles(styles));
|
||||
}
|
||||
|
||||
static createContainer(viewport) {
|
||||
const svg = document.createElementNS(SVG_NS, "svg:svg");
|
||||
svg.setAttribute("width", `${viewport.width}px`);
|
||||
svg.setAttribute("height", `${viewport.height}px`);
|
||||
|
||||
const foreignObject = document.createElementNS(SVG_NS, "svg:foreignObject");
|
||||
foreignObject.setAttribute("x", "0");
|
||||
foreignObject.setAttribute("y", "0");
|
||||
foreignObject.setAttribute("width", `${viewport.width}px`);
|
||||
foreignObject.setAttribute("height", `${viewport.height}px`);
|
||||
|
||||
const style = document.createElement("style");
|
||||
foreignObject.appendChild(style);
|
||||
|
||||
const div = document.createElement("div");
|
||||
foreignObject.appendChild(div);
|
||||
|
||||
return { svg, foreignObject, style, div };
|
||||
}
|
||||
|
||||
static async annotationLayer(
|
||||
ctx,
|
||||
viewport,
|
||||
annotations,
|
||||
@ -251,36 +204,21 @@ var rasterizeAnnotationLayer = (function rasterizeAnnotationLayerClosure() {
|
||||
imageResourcesPath,
|
||||
renderForms = false
|
||||
) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
// Building SVG with size of the viewport.
|
||||
var svg = document.createElementNS(SVG_NS, "svg:svg");
|
||||
svg.setAttribute("width", viewport.width + "px");
|
||||
svg.setAttribute("height", viewport.height + "px");
|
||||
|
||||
// Adding element to host our HTML (style + annotation layer div).
|
||||
var foreignObject = document.createElementNS(SVG_NS, "svg:foreignObject");
|
||||
foreignObject.setAttribute("x", "0");
|
||||
foreignObject.setAttribute("y", "0");
|
||||
foreignObject.setAttribute("width", viewport.width + "px");
|
||||
foreignObject.setAttribute("height", viewport.height + "px");
|
||||
var style = document.createElement("style");
|
||||
var stylePromise = getAnnotationLayerStyle();
|
||||
foreignObject.appendChild(style);
|
||||
var div = document.createElement("div");
|
||||
try {
|
||||
const { svg, foreignObject, style, div } = this.createContainer(viewport);
|
||||
div.className = "annotationLayer";
|
||||
|
||||
// Rendering annotation layer as HTML.
|
||||
stylePromise
|
||||
.then(async ([common, overrides]) => {
|
||||
style.textContent = common + "\n" + overrides;
|
||||
const [common, overrides] = await this.annotationStylePromise;
|
||||
style.textContent = `${common}\n${overrides}`;
|
||||
|
||||
var annotation_viewport = viewport.clone({ dontFlip: true });
|
||||
const annotationViewport = viewport.clone({ dontFlip: true });
|
||||
const annotationImageMap = await convertCanvasesToImages(
|
||||
annotationCanvasMap
|
||||
);
|
||||
|
||||
var parameters = {
|
||||
viewport: annotation_viewport,
|
||||
// Rendering annotation layer as HTML.
|
||||
const parameters = {
|
||||
viewport: annotationViewport,
|
||||
div,
|
||||
annotations,
|
||||
page,
|
||||
@ -296,38 +234,42 @@ var rasterizeAnnotationLayer = (function rasterizeAnnotationLayerClosure() {
|
||||
foreignObject.appendChild(div);
|
||||
svg.appendChild(foreignObject);
|
||||
|
||||
writeSVG(svg, ctx, resolve, reject);
|
||||
})
|
||||
.catch(reason => {
|
||||
reject(new Error(`rasterizeAnnotationLayer: "${reason?.message}".`));
|
||||
});
|
||||
});
|
||||
await writeSVG(svg, ctx);
|
||||
} catch (reason) {
|
||||
throw new Error(`Rasterize.annotationLayer: "${reason?.message}".`);
|
||||
}
|
||||
}
|
||||
|
||||
return rasterizeAnnotationLayer;
|
||||
})();
|
||||
static async textLayer(ctx, viewport, textContent, enhanceTextSelection) {
|
||||
try {
|
||||
const { svg, foreignObject, style, div } = this.createContainer(viewport);
|
||||
div.className = "textLayer";
|
||||
|
||||
/**
|
||||
* @class
|
||||
*/
|
||||
var rasterizeXfaLayer = (function rasterizeXfaLayerClosure() {
|
||||
const styles = {
|
||||
common: {
|
||||
file: "../web/xfa_layer_builder.css",
|
||||
promise: null,
|
||||
},
|
||||
overrides: {
|
||||
file: "./xfa_layer_builder_overrides.css",
|
||||
promise: null,
|
||||
},
|
||||
};
|
||||
// Items are transformed to have 1px font size.
|
||||
svg.setAttribute("font-size", 1);
|
||||
|
||||
function getXfaLayerStyle() {
|
||||
return loadStyles(styles);
|
||||
const [cssRules] = await this.textStylePromise;
|
||||
style.textContent = cssRules;
|
||||
|
||||
// Rendering text layer as HTML.
|
||||
const task = renderTextLayer({
|
||||
textContent,
|
||||
container: div,
|
||||
viewport,
|
||||
enhanceTextSelection,
|
||||
});
|
||||
await task.promise;
|
||||
|
||||
task.expandTextDivs(true);
|
||||
svg.appendChild(foreignObject);
|
||||
|
||||
await writeSVG(svg, ctx);
|
||||
} catch (reason) {
|
||||
throw new Error(`Rasterize.textLayer: "${reason?.message}".`);
|
||||
}
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-shadow
|
||||
function rasterizeXfaLayer(
|
||||
static async xfaLayer(
|
||||
ctx,
|
||||
viewport,
|
||||
xfa,
|
||||
@ -335,29 +277,13 @@ var rasterizeXfaLayer = (function rasterizeXfaLayerClosure() {
|
||||
annotationStorage,
|
||||
isPrint
|
||||
) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
// Building SVG with size of the viewport.
|
||||
const svg = document.createElementNS(SVG_NS, "svg:svg");
|
||||
svg.setAttribute("width", viewport.width + "px");
|
||||
svg.setAttribute("height", viewport.height + "px");
|
||||
const foreignObject = document.createElementNS(
|
||||
SVG_NS,
|
||||
"svg:foreignObject"
|
||||
);
|
||||
foreignObject.setAttribute("x", "0");
|
||||
foreignObject.setAttribute("y", "0");
|
||||
foreignObject.setAttribute("width", viewport.width + "px");
|
||||
foreignObject.setAttribute("height", viewport.height + "px");
|
||||
const style = document.createElement("style");
|
||||
const stylePromise = getXfaLayerStyle();
|
||||
foreignObject.appendChild(style);
|
||||
const div = document.createElement("div");
|
||||
foreignObject.appendChild(div);
|
||||
try {
|
||||
const { svg, foreignObject, style, div } = this.createContainer(viewport);
|
||||
|
||||
stylePromise
|
||||
.then(async ([common, overrides]) => {
|
||||
style.textContent = fontRules + "\n" + common + "\n" + overrides;
|
||||
const [common, overrides] = await this.xfaStylePromise;
|
||||
style.textContent = `${fontRules}\n${common}\n${overrides}`;
|
||||
|
||||
// Rendering XFA layer as HTML.
|
||||
XfaLayer.render({
|
||||
xfa,
|
||||
div,
|
||||
@ -367,21 +293,16 @@ var rasterizeXfaLayer = (function rasterizeXfaLayerClosure() {
|
||||
intent: isPrint ? "print" : "display",
|
||||
});
|
||||
|
||||
// Some unsupported type of images (e.g. tiff)
|
||||
// lead to errors.
|
||||
// Some unsupported type of images (e.g. tiff) lead to errors.
|
||||
await resolveImages(div, /* silentErrors = */ true);
|
||||
svg.appendChild(foreignObject);
|
||||
|
||||
writeSVG(svg, ctx, resolve, reject);
|
||||
})
|
||||
.catch(reason => {
|
||||
reject(new Error(`rasterizeXfaLayer: "${reason?.message}".`));
|
||||
});
|
||||
});
|
||||
await writeSVG(svg, ctx);
|
||||
} catch (reason) {
|
||||
throw new Error(`Rasterize.xfaLayer: "${reason?.message}".`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return rasterizeXfaLayer;
|
||||
})();
|
||||
|
||||
/**
|
||||
* @typedef {Object} DriverOptions
|
||||
@ -393,17 +314,12 @@ var rasterizeXfaLayer = (function rasterizeXfaLayerClosure() {
|
||||
* @property {HTMLDivElement} end - Container for a completion message.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @class
|
||||
*/
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
var Driver = (function DriverClosure() {
|
||||
class Driver {
|
||||
/**
|
||||
* @constructs Driver
|
||||
* @param {DriverOptions} options
|
||||
*/
|
||||
// eslint-disable-next-line no-shadow
|
||||
function Driver(options) {
|
||||
constructor(options) {
|
||||
// Configure the global worker options.
|
||||
GlobalWorkerOptions.workerSrc = WORKER_SRC;
|
||||
|
||||
@ -414,7 +330,7 @@ var Driver = (function DriverClosure() {
|
||||
this.end = options.end;
|
||||
|
||||
// Set parameters from the query string
|
||||
var parameters = this._getQueryStringParameters();
|
||||
const parameters = this._getQueryStringParameters();
|
||||
this.browser = parameters.browser;
|
||||
this.manifestFile = parameters.manifestFile;
|
||||
this.delay = parameters.delay | 0 || 0;
|
||||
@ -428,16 +344,14 @@ var Driver = (function DriverClosure() {
|
||||
this.canvas = document.createElement("canvas");
|
||||
}
|
||||
|
||||
Driver.prototype = {
|
||||
_getQueryStringParameters: function Driver_getQueryStringParameters() {
|
||||
_getQueryStringParameters() {
|
||||
const queryString = window.location.search.substring(1);
|
||||
return Object.fromEntries(new URLSearchParams(queryString).entries());
|
||||
},
|
||||
}
|
||||
|
||||
run: function Driver_run() {
|
||||
var self = this;
|
||||
window.onerror = function (message, source, line, column, error) {
|
||||
self._info(
|
||||
run() {
|
||||
window.onerror = (message, source, line, column, error) => {
|
||||
this._info(
|
||||
"Error: " +
|
||||
message +
|
||||
" Script: " +
|
||||
@ -454,25 +368,25 @@ var Driver = (function DriverClosure() {
|
||||
this._log(`Harness thinks this browser is ${this.browser}\n`);
|
||||
this._log('Fetching manifest "' + this.manifestFile + '"... ');
|
||||
|
||||
var r = new XMLHttpRequest();
|
||||
const r = new XMLHttpRequest();
|
||||
r.open("GET", this.manifestFile, false);
|
||||
r.onreadystatechange = function () {
|
||||
r.onreadystatechange = () => {
|
||||
if (r.readyState === 4) {
|
||||
self._log("done\n");
|
||||
self.manifest = JSON.parse(r.responseText);
|
||||
if (self.testFilter?.length || self.xfaOnly) {
|
||||
self.manifest = self.manifest.filter(function (item) {
|
||||
if (self.testFilter.includes(item.id)) {
|
||||
this._log("done\n");
|
||||
this.manifest = JSON.parse(r.responseText);
|
||||
if (this.testFilter?.length || this.xfaOnly) {
|
||||
this.manifest = this.manifest.filter(item => {
|
||||
if (this.testFilter.includes(item.id)) {
|
||||
return true;
|
||||
}
|
||||
if (self.xfaOnly && item.enableXfa) {
|
||||
if (this.xfaOnly && item.enableXfa) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
self.currentTask = 0;
|
||||
self._nextTask();
|
||||
this.currentTask = 0;
|
||||
this._nextTask();
|
||||
}
|
||||
};
|
||||
if (this.delay > 0) {
|
||||
@ -483,7 +397,7 @@ var Driver = (function DriverClosure() {
|
||||
setTimeout(function () {
|
||||
r.send(null);
|
||||
}, this.delay);
|
||||
},
|
||||
}
|
||||
|
||||
/**
|
||||
* A debugging tool to log to the terminal while tests are running.
|
||||
@ -501,7 +415,7 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
|
||||
this._info(`${id}: ${msg}`);
|
||||
},
|
||||
}
|
||||
|
||||
_nextTask() {
|
||||
let failure = "";
|
||||
@ -570,13 +484,11 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
|
||||
task.pdfDoc = doc;
|
||||
task.optionalContentConfigPromise =
|
||||
doc.getOptionalContentConfig();
|
||||
task.optionalContentConfigPromise = doc.getOptionalContentConfig();
|
||||
|
||||
if (task.optionalContent) {
|
||||
const entries = Object.entries(task.optionalContent),
|
||||
optionalContentConfig =
|
||||
await task.optionalContentConfigPromise;
|
||||
optionalContentConfig = await task.optionalContentConfigPromise;
|
||||
for (const [id, visible] of entries) {
|
||||
optionalContentConfig.setVisibility(id, visible);
|
||||
}
|
||||
@ -595,7 +507,7 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
this._nextPage(task, failure);
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
_cleanup() {
|
||||
// Clear out all the stylesheets since a new one is created for each font.
|
||||
@ -620,9 +532,9 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
}
|
||||
return Promise.all(destroyedPromises);
|
||||
},
|
||||
}
|
||||
|
||||
_exceptionToString: function Driver_exceptionToString(e) {
|
||||
_exceptionToString(e) {
|
||||
if (typeof e !== "object") {
|
||||
return String(e);
|
||||
}
|
||||
@ -630,32 +542,31 @@ var Driver = (function DriverClosure() {
|
||||
return JSON.stringify(e);
|
||||
}
|
||||
return e.message + ("stack" in e ? " at " + e.stack.split("\n")[0] : "");
|
||||
},
|
||||
}
|
||||
|
||||
_getLastPageNumber: function Driver_getLastPageNumber(task) {
|
||||
_getLastPageNumber(task) {
|
||||
if (!task.pdfDoc) {
|
||||
return task.firstPage || 1;
|
||||
}
|
||||
var lastPageNumber = task.lastPage || 0;
|
||||
let lastPageNumber = task.lastPage || 0;
|
||||
if (!lastPageNumber || lastPageNumber > task.pdfDoc.numPages) {
|
||||
lastPageNumber = task.pdfDoc.numPages;
|
||||
}
|
||||
return lastPageNumber;
|
||||
},
|
||||
}
|
||||
|
||||
_nextPage: function Driver_nextPage(task, loadError) {
|
||||
var self = this;
|
||||
var failure = loadError || "";
|
||||
var ctx;
|
||||
_nextPage(task, loadError) {
|
||||
let failure = loadError || "";
|
||||
let ctx;
|
||||
|
||||
if (!task.pdfDoc) {
|
||||
var dataUrl = this.canvas.toDataURL("image/png");
|
||||
this._sendResult(dataUrl, task, failure, function () {
|
||||
self._log(
|
||||
const dataUrl = this.canvas.toDataURL("image/png");
|
||||
this._sendResult(dataUrl, task, failure, () => {
|
||||
this._log(
|
||||
"done" + (failure ? " (failed !: " + failure + ")" : "") + "\n"
|
||||
);
|
||||
self.currentTask++;
|
||||
self._nextTask();
|
||||
this.currentTask++;
|
||||
this._nextTask();
|
||||
});
|
||||
return;
|
||||
}
|
||||
@ -673,11 +584,7 @@ var Driver = (function DriverClosure() {
|
||||
|
||||
if (task.skipPages && task.skipPages.includes(task.pageNum)) {
|
||||
this._log(
|
||||
" Skipping page " +
|
||||
task.pageNum +
|
||||
"/" +
|
||||
task.pdfDoc.numPages +
|
||||
"...\n"
|
||||
" Skipping page " + task.pageNum + "/" + task.pdfDoc.numPages + "...\n"
|
||||
);
|
||||
task.pageNum++;
|
||||
this._nextPage(task);
|
||||
@ -687,25 +594,21 @@ var Driver = (function DriverClosure() {
|
||||
if (!failure) {
|
||||
try {
|
||||
this._log(
|
||||
" Loading page " +
|
||||
task.pageNum +
|
||||
"/" +
|
||||
task.pdfDoc.numPages +
|
||||
"... "
|
||||
" Loading page " + task.pageNum + "/" + task.pdfDoc.numPages + "... "
|
||||
);
|
||||
this.canvas.mozOpaque = true;
|
||||
ctx = this.canvas.getContext("2d", { alpha: false });
|
||||
task.pdfDoc.getPage(task.pageNum).then(
|
||||
function (page) {
|
||||
var viewport = page.getViewport({
|
||||
page => {
|
||||
const viewport = page.getViewport({
|
||||
scale: PixelsPerInch.PDF_TO_CSS_UNITS,
|
||||
});
|
||||
self.canvas.width = viewport.width;
|
||||
self.canvas.height = viewport.height;
|
||||
self._clearCanvas();
|
||||
this.canvas.width = viewport.width;
|
||||
this.canvas.height = viewport.height;
|
||||
this._clearCanvas();
|
||||
|
||||
// Initialize various `eq` test subtypes, see comment below.
|
||||
var renderAnnotations = false,
|
||||
let renderAnnotations = false,
|
||||
renderForms = false,
|
||||
renderPrint = false,
|
||||
renderXfa = false,
|
||||
@ -719,25 +622,25 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
}
|
||||
|
||||
var textLayerCanvas, annotationLayerCanvas;
|
||||
var initPromise;
|
||||
let textLayerCanvas, annotationLayerCanvas, annotationLayerContext;
|
||||
let initPromise;
|
||||
if (task.type === "text") {
|
||||
// Using a dummy canvas for PDF context drawing operations
|
||||
textLayerCanvas = self.textLayerCanvas;
|
||||
textLayerCanvas = this.textLayerCanvas;
|
||||
if (!textLayerCanvas) {
|
||||
textLayerCanvas = document.createElement("canvas");
|
||||
self.textLayerCanvas = textLayerCanvas;
|
||||
this.textLayerCanvas = textLayerCanvas;
|
||||
}
|
||||
textLayerCanvas.width = viewport.width;
|
||||
textLayerCanvas.height = viewport.height;
|
||||
var textLayerContext = textLayerCanvas.getContext("2d");
|
||||
const textLayerContext = textLayerCanvas.getContext("2d");
|
||||
textLayerContext.clearRect(
|
||||
0,
|
||||
0,
|
||||
textLayerCanvas.width,
|
||||
textLayerCanvas.height
|
||||
);
|
||||
var enhanceText = !!task.enhance;
|
||||
const enhanceText = !!task.enhance;
|
||||
// The text builder will draw its content on the test canvas
|
||||
initPromise = page
|
||||
.getTextContent({
|
||||
@ -745,7 +648,7 @@ var Driver = (function DriverClosure() {
|
||||
includeMarkedContent: true,
|
||||
})
|
||||
.then(function (textContent) {
|
||||
return rasterizeTextLayer(
|
||||
return Rasterize.textLayer(
|
||||
textLayerContext,
|
||||
viewport,
|
||||
textContent,
|
||||
@ -764,15 +667,14 @@ var Driver = (function DriverClosure() {
|
||||
// Render the annotation layer if necessary.
|
||||
if (renderAnnotations || renderForms || renderXfa) {
|
||||
// Create a dummy canvas for the drawing operations.
|
||||
annotationLayerCanvas = self.annotationLayerCanvas;
|
||||
annotationLayerCanvas = this.annotationLayerCanvas;
|
||||
if (!annotationLayerCanvas) {
|
||||
annotationLayerCanvas = document.createElement("canvas");
|
||||
self.annotationLayerCanvas = annotationLayerCanvas;
|
||||
this.annotationLayerCanvas = annotationLayerCanvas;
|
||||
}
|
||||
annotationLayerCanvas.width = viewport.width;
|
||||
annotationLayerCanvas.height = viewport.height;
|
||||
var annotationLayerContext =
|
||||
annotationLayerCanvas.getContext("2d");
|
||||
annotationLayerContext = annotationLayerCanvas.getContext("2d");
|
||||
annotationLayerContext.clearRect(
|
||||
0,
|
||||
0,
|
||||
@ -787,7 +689,7 @@ var Driver = (function DriverClosure() {
|
||||
annotationCanvasMap = new Map();
|
||||
} else {
|
||||
initPromise = page.getXfa().then(function (xfa) {
|
||||
return rasterizeXfaLayer(
|
||||
return Rasterize.xfaLayer(
|
||||
annotationLayerContext,
|
||||
viewport,
|
||||
xfa,
|
||||
@ -802,7 +704,7 @@ var Driver = (function DriverClosure() {
|
||||
initPromise = Promise.resolve();
|
||||
}
|
||||
}
|
||||
var renderContext = {
|
||||
const renderContext = {
|
||||
canvasContext: ctx,
|
||||
viewport,
|
||||
optionalContentConfigPromise: task.optionalContentConfigPromise,
|
||||
@ -817,7 +719,7 @@ var Driver = (function DriverClosure() {
|
||||
renderContext.intent = "print";
|
||||
}
|
||||
|
||||
var completeRender = function (error) {
|
||||
const completeRender = error => {
|
||||
// if text layer is present, compose it on top of the page
|
||||
if (textLayerCanvas) {
|
||||
ctx.save();
|
||||
@ -836,7 +738,7 @@ var Driver = (function DriverClosure() {
|
||||
task.stats = page.stats;
|
||||
}
|
||||
page.cleanup(/* resetStats = */ true);
|
||||
self._snapshot(task, error);
|
||||
this._snapshot(task, error);
|
||||
};
|
||||
initPromise
|
||||
.then(function (data) {
|
||||
@ -850,7 +752,7 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
return renderTask.promise.then(function () {
|
||||
if (annotationCanvasMap) {
|
||||
rasterizeAnnotationLayer(
|
||||
Rasterize.annotationLayer(
|
||||
annotationLayerContext,
|
||||
viewport,
|
||||
data,
|
||||
@ -870,8 +772,8 @@ var Driver = (function DriverClosure() {
|
||||
completeRender("render : " + error);
|
||||
});
|
||||
},
|
||||
function (error) {
|
||||
self._snapshot(task, "render : " + error);
|
||||
error => {
|
||||
this._snapshot(task, "render : " + error);
|
||||
}
|
||||
);
|
||||
} catch (e) {
|
||||
@ -879,34 +781,33 @@ var Driver = (function DriverClosure() {
|
||||
this._snapshot(task, failure);
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
_clearCanvas: function Driver_clearCanvas() {
|
||||
var ctx = this.canvas.getContext("2d", { alpha: false });
|
||||
_clearCanvas() {
|
||||
const ctx = this.canvas.getContext("2d", { alpha: false });
|
||||
ctx.beginPath();
|
||||
ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
||||
},
|
||||
}
|
||||
|
||||
_snapshot: function Driver_snapshot(task, failure) {
|
||||
var self = this;
|
||||
_snapshot(task, failure) {
|
||||
this._log("Snapshotting... ");
|
||||
|
||||
var dataUrl = this.canvas.toDataURL("image/png");
|
||||
this._sendResult(dataUrl, task, failure, function () {
|
||||
self._log(
|
||||
const dataUrl = this.canvas.toDataURL("image/png");
|
||||
this._sendResult(dataUrl, task, failure, () => {
|
||||
this._log(
|
||||
"done" + (failure ? " (failed !: " + failure + ")" : "") + "\n"
|
||||
);
|
||||
task.pageNum++;
|
||||
self._nextPage(task);
|
||||
this._nextPage(task);
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
_quit: function Driver_quit() {
|
||||
_quit() {
|
||||
this._log("Done !");
|
||||
this.end.textContent = "Tests finished. Close this window!";
|
||||
|
||||
// Send the quit request
|
||||
var r = new XMLHttpRequest();
|
||||
const r = new XMLHttpRequest();
|
||||
r.open("POST", `/tellMeToQuit?browser=${escape(this.browser)}`, false);
|
||||
r.onreadystatechange = function (e) {
|
||||
if (r.readyState === 4) {
|
||||
@ -914,9 +815,9 @@ var Driver = (function DriverClosure() {
|
||||
}
|
||||
};
|
||||
r.send(null);
|
||||
},
|
||||
}
|
||||
|
||||
_info: function Driver_info(message) {
|
||||
_info(message) {
|
||||
this._send(
|
||||
"/info",
|
||||
JSON.stringify({
|
||||
@ -924,9 +825,9 @@ var Driver = (function DriverClosure() {
|
||||
message,
|
||||
})
|
||||
);
|
||||
},
|
||||
}
|
||||
|
||||
_log: function Driver_log(message) {
|
||||
_log(message) {
|
||||
// Using insertAdjacentHTML yields a large performance gain and
|
||||
// reduces runtime significantly.
|
||||
if (this.output.insertAdjacentHTML) {
|
||||
@ -940,19 +841,19 @@ var Driver = (function DriverClosure() {
|
||||
// Scroll to the bottom of the page
|
||||
this.output.scrollTop = this.output.scrollHeight;
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
_done: function Driver_done() {
|
||||
_done() {
|
||||
if (this.inFlightRequests > 0) {
|
||||
this.inflight.textContent = this.inFlightRequests;
|
||||
setTimeout(this._done.bind(this), WAITING_TIME);
|
||||
} else {
|
||||
setTimeout(this._quit.bind(this), WAITING_TIME);
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
_sendResult: function Driver_sendResult(snapshot, task, failure, callback) {
|
||||
var result = JSON.stringify({
|
||||
_sendResult(snapshot, task, failure, callback) {
|
||||
const result = JSON.stringify({
|
||||
browser: this.browser,
|
||||
id: task.id,
|
||||
numPages: task.pdfDoc ? task.lastPage || task.pdfDoc.numPages : 0,
|
||||
@ -965,21 +866,20 @@ var Driver = (function DriverClosure() {
|
||||
stats: task.stats.times,
|
||||
});
|
||||
this._send("/submit_task_results", result, callback);
|
||||
},
|
||||
}
|
||||
|
||||
_send: function Driver_send(url, message, callback) {
|
||||
var self = this;
|
||||
var r = new XMLHttpRequest();
|
||||
_send(url, message, callback) {
|
||||
const r = new XMLHttpRequest();
|
||||
r.open("POST", url, true);
|
||||
r.setRequestHeader("Content-Type", "application/json");
|
||||
r.onreadystatechange = function (e) {
|
||||
r.onreadystatechange = e => {
|
||||
if (r.readyState === 4) {
|
||||
self.inFlightRequests--;
|
||||
this.inFlightRequests--;
|
||||
|
||||
// Retry until successful
|
||||
if (r.status !== 200) {
|
||||
setTimeout(function () {
|
||||
self._send(url, message);
|
||||
setTimeout(() => {
|
||||
this._send(url, message);
|
||||
});
|
||||
}
|
||||
if (callback) {
|
||||
@ -989,8 +889,5 @@ var Driver = (function DriverClosure() {
|
||||
};
|
||||
this.inflight.textContent = this.inFlightRequests++;
|
||||
r.send(message);
|
||||
},
|
||||
};
|
||||
|
||||
return Driver;
|
||||
})();
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user