be1d6626a7
This includes the information in the core and display layers. The date parsing logic from the document properties is rewritten according to the specification and now includes unit tests. Moreover, missing unit tests for the color of a popup annotation have been added. Finally the styling of the popup is changed slightly to make the text a bit smaller (it's currently quite large in comparison to other viewers) and to make the drop shadow a bit more subtle. The former is done to be able to easily include the modification date in the popup similar to how other viewers do this.
291 lines
11 KiB
JavaScript
291 lines
11 KiB
JavaScript
/* Copyright 2017 Mozilla Foundation
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/* eslint no-var: error */
|
|
|
|
import {
|
|
DOMCanvasFactory, DOMSVGFactory, getFilenameFromUrl, isValidFetchUrl,
|
|
PDFDateString
|
|
} from '../../src/display/display_utils';
|
|
import isNodeJS from '../../src/shared/is_node';
|
|
|
|
describe('display_utils', function() {
|
|
describe('DOMCanvasFactory', function() {
|
|
let canvasFactory;
|
|
|
|
beforeAll(function(done) {
|
|
canvasFactory = new DOMCanvasFactory();
|
|
done();
|
|
});
|
|
|
|
afterAll(function() {
|
|
canvasFactory = null;
|
|
});
|
|
|
|
it('`create` should throw an error if the dimensions are invalid',
|
|
function() {
|
|
// Invalid width.
|
|
expect(function() {
|
|
return canvasFactory.create(-1, 1);
|
|
}).toThrow(new Error('Invalid canvas size'));
|
|
|
|
// Invalid height.
|
|
expect(function() {
|
|
return canvasFactory.create(1, -1);
|
|
}).toThrow(new Error('Invalid canvas size'));
|
|
});
|
|
|
|
it('`create` should return a canvas if the dimensions are valid',
|
|
function() {
|
|
if (isNodeJS()) {
|
|
pending('Document is not supported in Node.js.');
|
|
}
|
|
|
|
const { canvas, context, } = canvasFactory.create(20, 40);
|
|
expect(canvas instanceof HTMLCanvasElement).toBe(true);
|
|
expect(context instanceof CanvasRenderingContext2D).toBe(true);
|
|
expect(canvas.width).toBe(20);
|
|
expect(canvas.height).toBe(40);
|
|
});
|
|
|
|
it('`reset` should throw an error if no canvas is provided', function() {
|
|
const canvasAndContext = { canvas: null, context: null, };
|
|
|
|
expect(function() {
|
|
return canvasFactory.reset(canvasAndContext, 20, 40);
|
|
}).toThrow(new Error('Canvas is not specified'));
|
|
});
|
|
|
|
it('`reset` should throw an error if the dimensions are invalid',
|
|
function() {
|
|
const canvasAndContext = { canvas: 'foo', context: 'bar', };
|
|
|
|
// Invalid width.
|
|
expect(function() {
|
|
return canvasFactory.reset(canvasAndContext, -1, 1);
|
|
}).toThrow(new Error('Invalid canvas size'));
|
|
|
|
// Invalid height.
|
|
expect(function() {
|
|
return canvasFactory.reset(canvasAndContext, 1, -1);
|
|
}).toThrow(new Error('Invalid canvas size'));
|
|
});
|
|
|
|
it('`reset` should alter the canvas/context if the dimensions are valid',
|
|
function() {
|
|
if (isNodeJS()) {
|
|
pending('Document is not supported in Node.js.');
|
|
}
|
|
|
|
const canvasAndContext = canvasFactory.create(20, 40);
|
|
canvasFactory.reset(canvasAndContext, 60, 80);
|
|
|
|
const { canvas, context, } = canvasAndContext;
|
|
expect(canvas instanceof HTMLCanvasElement).toBe(true);
|
|
expect(context instanceof CanvasRenderingContext2D).toBe(true);
|
|
expect(canvas.width).toBe(60);
|
|
expect(canvas.height).toBe(80);
|
|
});
|
|
|
|
it('`destroy` should throw an error if no canvas is provided', function() {
|
|
expect(function() {
|
|
return canvasFactory.destroy({});
|
|
}).toThrow(new Error('Canvas is not specified'));
|
|
});
|
|
|
|
it('`destroy` should clear the canvas/context', function() {
|
|
if (isNodeJS()) {
|
|
pending('Document is not supported in Node.js.');
|
|
}
|
|
|
|
const canvasAndContext = canvasFactory.create(20, 40);
|
|
canvasFactory.destroy(canvasAndContext);
|
|
|
|
const { canvas, context, } = canvasAndContext;
|
|
expect(canvas).toBe(null);
|
|
expect(context).toBe(null);
|
|
});
|
|
});
|
|
|
|
describe('DOMSVGFactory', function() {
|
|
let svgFactory;
|
|
|
|
beforeAll(function(done) {
|
|
svgFactory = new DOMSVGFactory();
|
|
done();
|
|
});
|
|
|
|
afterAll(function() {
|
|
svgFactory = null;
|
|
});
|
|
|
|
it('`create` should throw an error if the dimensions are invalid',
|
|
function() {
|
|
// Invalid width.
|
|
expect(function() {
|
|
return svgFactory.create(-1, 0);
|
|
}).toThrow(new Error('Invalid SVG dimensions'));
|
|
|
|
// Invalid height.
|
|
expect(function() {
|
|
return svgFactory.create(0, -1);
|
|
}).toThrow(new Error('Invalid SVG dimensions'));
|
|
});
|
|
|
|
it('`create` should return an SVG element if the dimensions are valid',
|
|
function() {
|
|
if (isNodeJS()) {
|
|
pending('Document is not supported in Node.js.');
|
|
}
|
|
|
|
const svg = svgFactory.create(20, 40);
|
|
expect(svg instanceof SVGSVGElement).toBe(true);
|
|
expect(svg.getAttribute('version')).toBe('1.1');
|
|
expect(svg.getAttribute('width')).toBe('20px');
|
|
expect(svg.getAttribute('height')).toBe('40px');
|
|
expect(svg.getAttribute('preserveAspectRatio')).toBe('none');
|
|
expect(svg.getAttribute('viewBox')).toBe('0 0 20 40');
|
|
});
|
|
|
|
it('`createElement` should throw an error if the type is not a string',
|
|
function() {
|
|
expect(function() {
|
|
return svgFactory.createElement(true);
|
|
}).toThrow(new Error('Invalid SVG element type'));
|
|
});
|
|
|
|
it('`createElement` should return an SVG element if the type is valid',
|
|
function() {
|
|
if (isNodeJS()) {
|
|
pending('Document is not supported in Node.js.');
|
|
}
|
|
|
|
const svg = svgFactory.createElement('svg:rect');
|
|
expect(svg instanceof SVGRectElement).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('getFilenameFromUrl', function() {
|
|
it('should get the filename from an absolute URL', function() {
|
|
const url = 'https://server.org/filename.pdf';
|
|
expect(getFilenameFromUrl(url)).toEqual('filename.pdf');
|
|
});
|
|
|
|
it('should get the filename from a relative URL', function() {
|
|
const url = '../../filename.pdf';
|
|
expect(getFilenameFromUrl(url)).toEqual('filename.pdf');
|
|
});
|
|
|
|
it('should get the filename from a URL with an anchor', function() {
|
|
const url = 'https://server.org/filename.pdf#foo';
|
|
expect(getFilenameFromUrl(url)).toEqual('filename.pdf');
|
|
});
|
|
|
|
it('should get the filename from a URL with query parameters', function() {
|
|
const url = 'https://server.org/filename.pdf?foo=bar';
|
|
expect(getFilenameFromUrl(url)).toEqual('filename.pdf');
|
|
});
|
|
});
|
|
|
|
describe('isValidFetchUrl', function() {
|
|
it('handles invalid Fetch URLs', function() {
|
|
expect(isValidFetchUrl(null)).toEqual(false);
|
|
expect(isValidFetchUrl(100)).toEqual(false);
|
|
expect(isValidFetchUrl('foo')).toEqual(false);
|
|
expect(isValidFetchUrl('/foo', 100)).toEqual(false);
|
|
});
|
|
|
|
it('handles relative Fetch URLs', function() {
|
|
expect(isValidFetchUrl('/foo', 'file://www.example.com')).toEqual(false);
|
|
expect(isValidFetchUrl('/foo', 'http://www.example.com')).toEqual(true);
|
|
});
|
|
|
|
it('handles unsupported Fetch protocols', function() {
|
|
expect(isValidFetchUrl('file://www.example.com')).toEqual(false);
|
|
expect(isValidFetchUrl('ftp://www.example.com')).toEqual(false);
|
|
});
|
|
|
|
it('handles supported Fetch protocols', function() {
|
|
expect(isValidFetchUrl('http://www.example.com')).toEqual(true);
|
|
expect(isValidFetchUrl('https://www.example.com')).toEqual(true);
|
|
});
|
|
});
|
|
|
|
describe('PDFDateString', function() {
|
|
describe('toDateObject', function() {
|
|
it('converts PDF date strings to JavaScript `Date` objects', function() {
|
|
const expectations = {
|
|
undefined: null,
|
|
null: null,
|
|
42: null,
|
|
'2019': null,
|
|
'D2019': null,
|
|
'D:': null,
|
|
'D:201': null,
|
|
'D:2019': new Date(Date.UTC(2019, 0, 1, 0, 0, 0)),
|
|
'D:20190': new Date(Date.UTC(2019, 0, 1, 0, 0, 0)),
|
|
'D:201900': new Date(Date.UTC(2019, 0, 1, 0, 0, 0)),
|
|
'D:201913': new Date(Date.UTC(2019, 0, 1, 0, 0, 0)),
|
|
'D:201902': new Date(Date.UTC(2019, 1, 1, 0, 0, 0)),
|
|
'D:2019020': new Date(Date.UTC(2019, 1, 1, 0, 0, 0)),
|
|
'D:20190200': new Date(Date.UTC(2019, 1, 1, 0, 0, 0)),
|
|
'D:20190232': new Date(Date.UTC(2019, 1, 1, 0, 0, 0)),
|
|
'D:20190203': new Date(Date.UTC(2019, 1, 3, 0, 0, 0)),
|
|
// Invalid dates like the 31th of April are handled by JavaScript:
|
|
'D:20190431': new Date(Date.UTC(2019, 4, 1, 0, 0, 0)),
|
|
'D:201902030': new Date(Date.UTC(2019, 1, 3, 0, 0, 0)),
|
|
'D:2019020300': new Date(Date.UTC(2019, 1, 3, 0, 0, 0)),
|
|
'D:2019020324': new Date(Date.UTC(2019, 1, 3, 0, 0, 0)),
|
|
'D:2019020304': new Date(Date.UTC(2019, 1, 3, 4, 0, 0)),
|
|
'D:20190203040': new Date(Date.UTC(2019, 1, 3, 4, 0, 0)),
|
|
'D:201902030400': new Date(Date.UTC(2019, 1, 3, 4, 0, 0)),
|
|
'D:201902030460': new Date(Date.UTC(2019, 1, 3, 4, 0, 0)),
|
|
'D:201902030405': new Date(Date.UTC(2019, 1, 3, 4, 5, 0)),
|
|
'D:2019020304050': new Date(Date.UTC(2019, 1, 3, 4, 5, 0)),
|
|
'D:20190203040500': new Date(Date.UTC(2019, 1, 3, 4, 5, 0)),
|
|
'D:20190203040560': new Date(Date.UTC(2019, 1, 3, 4, 5, 0)),
|
|
'D:20190203040506': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506F': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506Z': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506-': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+\'': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+0': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+01': new Date(Date.UTC(2019, 1, 3, 3, 5, 6)),
|
|
'D:20190203040506+00\'': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+24\'': new Date(Date.UTC(2019, 1, 3, 4, 5, 6)),
|
|
'D:20190203040506+01\'': new Date(Date.UTC(2019, 1, 3, 3, 5, 6)),
|
|
'D:20190203040506+01\'0': new Date(Date.UTC(2019, 1, 3, 3, 5, 6)),
|
|
'D:20190203040506+01\'00': new Date(Date.UTC(2019, 1, 3, 3, 5, 6)),
|
|
'D:20190203040506+01\'60': new Date(Date.UTC(2019, 1, 3, 3, 5, 6)),
|
|
'D:20190203040506+0102': new Date(Date.UTC(2019, 1, 3, 3, 3, 6)),
|
|
'D:20190203040506+01\'02': new Date(Date.UTC(2019, 1, 3, 3, 3, 6)),
|
|
'D:20190203040506+01\'02\'': new Date(Date.UTC(2019, 1, 3, 3, 3, 6)),
|
|
// Offset hour and minute that result in a day change:
|
|
'D:20190203040506+05\'07': new Date(Date.UTC(2019, 1, 2, 22, 58, 6)),
|
|
};
|
|
|
|
for (const [input, expectation] of Object.entries(expectations)) {
|
|
const result = PDFDateString.toDateObject(input);
|
|
if (result) {
|
|
expect(result.getTime()).toEqual(expectation.getTime());
|
|
} else {
|
|
expect(result).toEqual(expectation);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
});
|