mirror of
https://github.com/mozilla/pdf.js.git
synced 2026-06-26 10:05:47 +02:00
Add an integration test for the simple viewer
This commit is contained in:
calixteman
parent
918a319de6
commit
741649c31d
70
test/components/simple-viewer.html
Normal file
70
test/components/simple-viewer.html
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
Copyright 2026 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.
|
||||||
|
-->
|
||||||
|
|
||||||
|
<html dir="ltr" mozdisallowselectionprint lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||||
|
<title>PDF.js — Simple viewer</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: #808080;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#viewerContainer {
|
||||||
|
overflow: auto;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel="resource" type="application/l10n" href="../../web/locale/locale.json" />
|
||||||
|
<link rel="stylesheet" href="../../web/pdf_viewer.css" />
|
||||||
|
<script type="importmap">
|
||||||
|
{
|
||||||
|
"imports": {
|
||||||
|
"pdfjs/": "../../src/",
|
||||||
|
"pdfjs-lib": "../../src/pdf.js",
|
||||||
|
|
||||||
|
"display-cmap_reader_factory": "../../src/display/cmap_reader_factory.js",
|
||||||
|
"display-standard_fontdata_factory": "../../src/display/standard_fontdata_factory.js",
|
||||||
|
"display-wasm_factory": "../../src/display/wasm_factory.js",
|
||||||
|
"display-fetch_stream": "../../src/display/fetch_stream.js",
|
||||||
|
"display-network": "../../src/display/network.js",
|
||||||
|
"display-node_stream": "../../src/display/stubs.js",
|
||||||
|
"display-node_utils": "../../src/display/stubs.js",
|
||||||
|
|
||||||
|
"fluent-bundle": "../../node_modules/@fluent/bundle/esm/index.js",
|
||||||
|
"fluent-dom": "../../node_modules/@fluent/dom/esm/index.js",
|
||||||
|
"cached-iterable": "../../node_modules/cached-iterable/src/index.mjs",
|
||||||
|
|
||||||
|
"web-null_l10n": "../../web/genericl10n.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="simple-viewer.js" type="module"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body tabindex="1">
|
||||||
|
<div id="viewerContainer">
|
||||||
|
<div id="viewer" class="pdfViewer"></div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
106
test/components/simple-viewer.js
Normal file
106
test/components/simple-viewer.js
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
/* Copyright 2026 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { getDocument, GlobalWorkerOptions } from "pdfjs-lib";
|
||||||
|
import { EventBus } from "../../web/event_utils.js";
|
||||||
|
import { GenericL10n } from "../../web/genericl10n.js";
|
||||||
|
import { PDFFindController } from "../../web/pdf_find_controller.js";
|
||||||
|
import { PDFLinkService } from "../../web/pdf_link_service.js";
|
||||||
|
import { PDFScriptingManager } from "../../web/pdf_scripting_manager.js";
|
||||||
|
import { PDFViewer } from "../../web/pdf_viewer.js";
|
||||||
|
|
||||||
|
// The workerSrc property shall be specified.
|
||||||
|
//
|
||||||
|
GlobalWorkerOptions.workerSrc =
|
||||||
|
typeof PDFJSDev === "undefined"
|
||||||
|
? "../../src/pdf.worker.js"
|
||||||
|
: "../../build/pdf.worker.mjs";
|
||||||
|
|
||||||
|
// Some PDFs need external cmaps.
|
||||||
|
//
|
||||||
|
const CMAP_URL =
|
||||||
|
typeof PDFJSDev === "undefined"
|
||||||
|
? "../../external/bcmaps/"
|
||||||
|
: "../../web/cmaps/";
|
||||||
|
|
||||||
|
const DEFAULT_URL = "../../web/compressed.tracemonkey-pldi-09.pdf";
|
||||||
|
|
||||||
|
const ENABLE_XFA = true;
|
||||||
|
const SEARCH_FOR = ""; // try "Mozilla";
|
||||||
|
|
||||||
|
const SANDBOX_BUNDLE_SRC = new URL(
|
||||||
|
typeof PDFJSDev === "undefined"
|
||||||
|
? "../../src/pdf.sandbox.js"
|
||||||
|
: "../../build/pdf.sandbox.mjs",
|
||||||
|
window.location
|
||||||
|
);
|
||||||
|
|
||||||
|
const fileUrl = new URLSearchParams(location.search).get("file") ?? DEFAULT_URL;
|
||||||
|
|
||||||
|
const container = document.getElementById("viewerContainer");
|
||||||
|
|
||||||
|
const eventBus = new EventBus();
|
||||||
|
|
||||||
|
// (Optionally) enable hyperlinks within PDF files.
|
||||||
|
const pdfLinkService = new PDFLinkService({
|
||||||
|
eventBus,
|
||||||
|
});
|
||||||
|
|
||||||
|
// (Optionally) enable find controller.
|
||||||
|
const pdfFindController = new PDFFindController({
|
||||||
|
eventBus,
|
||||||
|
linkService: pdfLinkService,
|
||||||
|
});
|
||||||
|
|
||||||
|
// (Optionally) enable scripting support.
|
||||||
|
const pdfScriptingManager = new PDFScriptingManager({
|
||||||
|
eventBus,
|
||||||
|
sandboxBundleSrc: SANDBOX_BUNDLE_SRC,
|
||||||
|
});
|
||||||
|
|
||||||
|
const pdfViewer = new PDFViewer({
|
||||||
|
container,
|
||||||
|
eventBus,
|
||||||
|
l10n: new GenericL10n(navigator.language),
|
||||||
|
linkService: pdfLinkService,
|
||||||
|
findController: pdfFindController,
|
||||||
|
scriptingManager: pdfScriptingManager,
|
||||||
|
});
|
||||||
|
pdfLinkService.setViewer(pdfViewer);
|
||||||
|
pdfScriptingManager.setViewer(pdfViewer);
|
||||||
|
|
||||||
|
eventBus.on("pagesinit", function () {
|
||||||
|
// We can use pdfViewer now, e.g. let's change default scale.
|
||||||
|
pdfViewer.currentScaleValue = "page-width";
|
||||||
|
|
||||||
|
// We can try searching for things.
|
||||||
|
if (SEARCH_FOR) {
|
||||||
|
eventBus.dispatch("find", { type: "", query: SEARCH_FOR });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Loading document.
|
||||||
|
const loadingTask = getDocument({
|
||||||
|
url: fileUrl,
|
||||||
|
cMapUrl: CMAP_URL,
|
||||||
|
enableXfa: ENABLE_XFA,
|
||||||
|
});
|
||||||
|
|
||||||
|
const pdfDocument = await loadingTask.promise;
|
||||||
|
// Document loaded, specifying document for the viewer and
|
||||||
|
// the (optional) linkService.
|
||||||
|
pdfViewer.setDocument(pdfDocument);
|
||||||
|
|
||||||
|
pdfLinkService.setDocument(pdfDocument, null);
|
||||||
@ -40,6 +40,7 @@ async function runTests(results) {
|
|||||||
"reorganize_pages_spec.mjs",
|
"reorganize_pages_spec.mjs",
|
||||||
"scripting_spec.mjs",
|
"scripting_spec.mjs",
|
||||||
"signature_editor_spec.mjs",
|
"signature_editor_spec.mjs",
|
||||||
|
"simple_viewer_spec.mjs",
|
||||||
"stamp_editor_spec.mjs",
|
"stamp_editor_spec.mjs",
|
||||||
"text_field_spec.mjs",
|
"text_field_spec.mjs",
|
||||||
"text_layer_spec.mjs",
|
"text_layer_spec.mjs",
|
||||||
|
|||||||
58
test/integration/simple_viewer_spec.mjs
Normal file
58
test/integration/simple_viewer_spec.mjs
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
/* Copyright 2026 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Integration tests for the simple viewer (test/components/).
|
||||||
|
|
||||||
|
describe("Simple viewer", () => {
|
||||||
|
describe("TextLayerBuilder without abortSignal", () => {
|
||||||
|
let pages;
|
||||||
|
|
||||||
|
beforeEach(async () => {
|
||||||
|
const origin = new URL(global.integrationBaseUrl).origin;
|
||||||
|
pages = await Promise.all(
|
||||||
|
global.integrationSessions.map(async session => {
|
||||||
|
const page = await session.browser.newPage();
|
||||||
|
await page.goto(
|
||||||
|
`${origin}/test/components/simple-viewer.html` +
|
||||||
|
`?file=/test/pdfs/tracemonkey.pdf`
|
||||||
|
);
|
||||||
|
await page.bringToFront();
|
||||||
|
await page.waitForSelector(
|
||||||
|
"[data-page-number='1'] .textLayer .endOfContent"
|
||||||
|
);
|
||||||
|
await page.waitForSelector(
|
||||||
|
"[data-page-number='2'] .textLayer .endOfContent"
|
||||||
|
);
|
||||||
|
return [session.name, page];
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(async () => {
|
||||||
|
await Promise.all(pages.map(([, page]) => page.close()));
|
||||||
|
});
|
||||||
|
|
||||||
|
it("must produce text spans in the text layer", async () => {
|
||||||
|
await Promise.all(
|
||||||
|
pages.map(async ([browserName, page]) => {
|
||||||
|
const count = await page.evaluate(
|
||||||
|
() => document.querySelectorAll(".textLayer span").length
|
||||||
|
);
|
||||||
|
expect(count).withContext(`In ${browserName}`).toBeGreaterThan(0);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user