mirror of
https://github.com/zen-browser/pdf.js.git
synced 2025-07-08 01:10:08 +02:00
Move the EventBus
, and related functionality, into its own file
The size of the `web/ui_utils.js` file has increased over time, as more code has been added to (or moved into) that file. To reduce its size slightly, this patch moves the event-related functionality into a separate file.
This commit is contained in:
parent
a425c9cfa5
commit
0a19ef6864
10 changed files with 489 additions and 456 deletions
|
@ -16,16 +16,12 @@
|
|||
import {
|
||||
backtrackBeforeAllVisibleElements,
|
||||
binarySearchFirstItem,
|
||||
EventBus,
|
||||
getPageSizeInches,
|
||||
getVisibleElements,
|
||||
isPortraitOrientation,
|
||||
isValidRotation,
|
||||
parseQueryString,
|
||||
waitOnEventOrTimeout,
|
||||
WaitOnType,
|
||||
} from "../../web/ui_utils.js";
|
||||
import { isNodeJS } from "../../src/shared/is_node.js";
|
||||
|
||||
describe("ui_utils", function () {
|
||||
describe("binary search", function () {
|
||||
|
@ -56,153 +52,6 @@ describe("ui_utils", function () {
|
|||
});
|
||||
});
|
||||
|
||||
describe("EventBus", function () {
|
||||
it("dispatch event", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function (evt) {
|
||||
expect(evt).toEqual(undefined);
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(1);
|
||||
});
|
||||
it("dispatch event with arguments", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function (evt) {
|
||||
expect(evt).toEqual({ abc: 123 });
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test", {
|
||||
abc: 123,
|
||||
});
|
||||
expect(count).toEqual(1);
|
||||
});
|
||||
it("dispatch different event", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("nottest");
|
||||
expect(count).toEqual(0);
|
||||
});
|
||||
it("dispatch event multiple times", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.dispatch("test");
|
||||
eventBus.on("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test");
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(2);
|
||||
});
|
||||
it("dispatch event to multiple handlers", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.on("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(2);
|
||||
});
|
||||
it("dispatch to detached", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
const listener = function () {
|
||||
count++;
|
||||
};
|
||||
eventBus.on("test", listener);
|
||||
eventBus.dispatch("test");
|
||||
eventBus.off("test", listener);
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(1);
|
||||
});
|
||||
it("dispatch to wrong detached", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test");
|
||||
eventBus.off("test", function () {
|
||||
count++;
|
||||
});
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(2);
|
||||
});
|
||||
it("dispatch to detached during handling", function () {
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
const listener1 = function () {
|
||||
eventBus.off("test", listener2);
|
||||
count++;
|
||||
};
|
||||
const listener2 = function () {
|
||||
eventBus.off("test", listener1);
|
||||
count++;
|
||||
};
|
||||
eventBus.on("test", listener1);
|
||||
eventBus.on("test", listener2);
|
||||
eventBus.dispatch("test");
|
||||
eventBus.dispatch("test");
|
||||
expect(count).toEqual(2);
|
||||
});
|
||||
|
||||
it("dispatch event to handlers with/without 'once' option", function () {
|
||||
const eventBus = new EventBus();
|
||||
let multipleCount = 0,
|
||||
onceCount = 0;
|
||||
|
||||
eventBus.on("test", function () {
|
||||
multipleCount++;
|
||||
});
|
||||
eventBus.on(
|
||||
"test",
|
||||
function () {
|
||||
onceCount++;
|
||||
},
|
||||
{ once: true }
|
||||
);
|
||||
|
||||
eventBus.dispatch("test");
|
||||
eventBus.dispatch("test");
|
||||
eventBus.dispatch("test");
|
||||
|
||||
expect(multipleCount).toEqual(3);
|
||||
expect(onceCount).toEqual(1);
|
||||
});
|
||||
|
||||
it("should not re-dispatch to DOM", async function () {
|
||||
if (isNodeJS) {
|
||||
pending("Document is not supported in Node.js.");
|
||||
}
|
||||
const eventBus = new EventBus();
|
||||
let count = 0;
|
||||
eventBus.on("test", function (evt) {
|
||||
expect(evt).toEqual(undefined);
|
||||
count++;
|
||||
});
|
||||
function domEventListener() {
|
||||
// Shouldn't get here.
|
||||
expect(false).toEqual(true);
|
||||
}
|
||||
document.addEventListener("test", domEventListener);
|
||||
|
||||
eventBus.dispatch("test");
|
||||
|
||||
await Promise.resolve();
|
||||
expect(count).toEqual(1);
|
||||
|
||||
document.removeEventListener("test", domEventListener);
|
||||
});
|
||||
});
|
||||
|
||||
describe("isValidRotation", function () {
|
||||
it("should reject non-integer angles", function () {
|
||||
expect(isValidRotation()).toEqual(false);
|
||||
|
@ -290,122 +139,6 @@ describe("ui_utils", function () {
|
|||
});
|
||||
});
|
||||
|
||||
describe("waitOnEventOrTimeout", function () {
|
||||
let eventBus;
|
||||
|
||||
beforeAll(function () {
|
||||
eventBus = new EventBus();
|
||||
});
|
||||
|
||||
afterAll(function () {
|
||||
eventBus = null;
|
||||
});
|
||||
|
||||
it("should reject invalid parameters", async function () {
|
||||
const invalidTarget = waitOnEventOrTimeout({
|
||||
target: "window",
|
||||
name: "DOMContentLoaded",
|
||||
}).then(
|
||||
function () {
|
||||
// Shouldn't get here.
|
||||
expect(false).toEqual(true);
|
||||
},
|
||||
function (reason) {
|
||||
expect(reason instanceof Error).toEqual(true);
|
||||
}
|
||||
);
|
||||
|
||||
const invalidName = waitOnEventOrTimeout({
|
||||
target: eventBus,
|
||||
name: "",
|
||||
}).then(
|
||||
function () {
|
||||
// Shouldn't get here.
|
||||
expect(false).toEqual(true);
|
||||
},
|
||||
function (reason) {
|
||||
expect(reason instanceof Error).toEqual(true);
|
||||
}
|
||||
);
|
||||
|
||||
const invalidDelay = waitOnEventOrTimeout({
|
||||
target: eventBus,
|
||||
name: "pagerendered",
|
||||
delay: -1000,
|
||||
}).then(
|
||||
function () {
|
||||
// Shouldn't get here.
|
||||
expect(false).toEqual(true);
|
||||
},
|
||||
function (reason) {
|
||||
expect(reason instanceof Error).toEqual(true);
|
||||
}
|
||||
);
|
||||
|
||||
await Promise.all([invalidTarget, invalidName, invalidDelay]);
|
||||
});
|
||||
|
||||
it("should resolve on event, using the DOM", async function () {
|
||||
if (isNodeJS) {
|
||||
pending("Document is not supported in Node.js.");
|
||||
}
|
||||
const button = document.createElement("button");
|
||||
|
||||
const buttonClicked = waitOnEventOrTimeout({
|
||||
target: button,
|
||||
name: "click",
|
||||
delay: 10000,
|
||||
});
|
||||
// Immediately dispatch the expected event.
|
||||
button.click();
|
||||
|
||||
const type = await buttonClicked;
|
||||
expect(type).toEqual(WaitOnType.EVENT);
|
||||
});
|
||||
|
||||
it("should resolve on timeout, using the DOM", async function () {
|
||||
if (isNodeJS) {
|
||||
pending("Document is not supported in Node.js.");
|
||||
}
|
||||
const button = document.createElement("button");
|
||||
|
||||
const buttonClicked = waitOnEventOrTimeout({
|
||||
target: button,
|
||||
name: "click",
|
||||
delay: 10,
|
||||
});
|
||||
// Do *not* dispatch the event, and wait for the timeout.
|
||||
|
||||
const type = await buttonClicked;
|
||||
expect(type).toEqual(WaitOnType.TIMEOUT);
|
||||
});
|
||||
|
||||
it("should resolve on event, using the EventBus", async function () {
|
||||
const pageRendered = waitOnEventOrTimeout({
|
||||
target: eventBus,
|
||||
name: "pagerendered",
|
||||
delay: 10000,
|
||||
});
|
||||
// Immediately dispatch the expected event.
|
||||
eventBus.dispatch("pagerendered");
|
||||
|
||||
const type = await pageRendered;
|
||||
expect(type).toEqual(WaitOnType.EVENT);
|
||||
});
|
||||
|
||||
it("should resolve on timeout, using the EventBus", async function () {
|
||||
const pageRendered = waitOnEventOrTimeout({
|
||||
target: eventBus,
|
||||
name: "pagerendered",
|
||||
delay: 10,
|
||||
});
|
||||
// Do *not* dispatch the event, and wait for the timeout.
|
||||
|
||||
const type = await pageRendered;
|
||||
expect(type).toEqual(WaitOnType.TIMEOUT);
|
||||
});
|
||||
});
|
||||
|
||||
describe("getPageSizeInches", function () {
|
||||
it("gets page size (in inches)", function () {
|
||||
const page = {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue