@internetarchive/bookreader 5.0.0-9-multiple-files → 5.0.0-90

package/tests/jest/plugins/plugin.autoplay.test.js

@@ -0,0 +1,35 @@
+
+import BookReader from '@/src/BookReader.js';
+import '@/src/plugins/plugin.autoplay.js';
+
+/** @type {BookReader} */
+let br;
+beforeEach(() => {
+  document.body.innerHTML = '<div id="BookReader">';
+  br = new BookReader();
+});
+
+afterEach(() => {
+  jest.clearAllMocks();
+});
+
+describe('Plugin: Menu Toggle', () => {
+  test('autoplay does not start when BookReaderInitializes', () => {
+    br._plugins.autoplay.toggle = jest.fn();
+    br.init();
+    expect(br._plugins.autoplay.toggle).toHaveBeenCalledTimes(0);
+  });
+  test('autoplay will run without `flipSpeed` parameters', () => {
+    const initialTimer = br._plugins.autoplay.timer;
+    br.next = jest.fn();
+    br._plugins.autoplay.stop = jest.fn();
+    br.init();
+    br._plugins.autoplay.toggle();
+    // internally referenced functions that fire
+    expect(br.next).toHaveBeenCalledTimes(1);
+
+    expect(initialTimer).toBeFalsy();
+    // timer changes when autoplay turns on
+    expect(br._plugins.autoplay.timer).toBeTruthy();
+  });
+});

package/tests/jest/plugins/plugin.chapters.test.js

@@ -0,0 +1,195 @@
+import sinon from "sinon";
+
+import BookReader from "@/src/BookReader.js";
+import "@/src/plugins/plugin.chapters.js";
+import { BookModel } from "@/src/BookReader/BookModel";
+import { deepCopy } from "../utils";
+/** @typedef {import('@/src/plugins/plugin.chapters').TocEntry} TocEntry  */
+
+/** @type {TocEntry[]} */
+const SAMPLE_TOC = [{
+  "pagenum": "3",
+  "level": 1,
+  "label": "CHAPTER I",
+  "type": { "key": "/type/toc_item" },
+  "title": "THE COUNTRY AND THE MISSION 1",
+  "pageIndex": 3,
+}, {
+  "pagenum": "17",
+  "level": 1,
+  "label": "CHAPTER II",
+  "type": { "key": "/type/toc_item" },
+  "title": "THE COUNTRY AND THE MISSION 2",
+  "pageIndex": 17,
+}, {
+  "pagenum": "undefined",
+  "level": 1,
+  "label": "CHAPTER III",
+  "type": { "key": "/type/toc_item" },
+  "title": "THE COUNTRY AND THE MISSION 3",
+}, {
+  "pagenum": "40",
+  "level": 1,
+  "label": "CHAPTER IV",
+  "type": { "key": "/type/toc_item" },
+  "title": "THE COUNTRY AND THE MISSION 4",
+  "pageIndex": 40,
+}];
+
+/** @type {TocEntry[]} */
+const SAMPLE_TOC_UNDEF = [
+  {
+    "level": 1,
+    "label": "CHAPTER I",
+    "type": { "key": "/type/toc_item" },
+    "title": "THE COUNTRY AND THE MISSION 1",
+  },
+  {
+    "level": 1,
+    "label": "CHAPTER II",
+    "type": { "key": "/type/toc_item" },
+    "title": "THE COUNTRY AND THE MISSION 2",
+  },
+];
+
+/** @type {TocEntry[]} */
+const SAMPLE_TOC_OPTION = [
+  {
+    "level": 1,
+    "title": "THE COUNTRY AND THE MISSION 1",
+  },
+  {
+    "level": 1,
+    "title": "THE COUNTRY AND THE MISSION 2",
+  },
+];
+
+afterEach(() => {
+  sinon.restore();
+});
+
+describe("BRChaptersPlugin", () => {
+  beforeEach(() => {
+    sinon.stub(BookModel.prototype, "getPageIndex").callsFake((str) =>
+      parseFloat(str),
+    );
+  });
+
+  describe("_chaptersInit", () => {
+    test("does not render when no open library record", async () => {
+      const fakeBR = {
+        options: {},
+        getOpenLibraryRecord: async () => null,
+        _chaptersRender: sinon.stub(),
+      };
+      await BookReader.prototype._chapterInit.call(fakeBR);
+      expect(fakeBR._chaptersRender.callCount).toBe(0);
+    });
+
+    test("does not render when open library record with no TOC", async () => {
+      const fakeBR = {
+        options: {},
+        getOpenLibraryRecord: async () => ({ key: "/books/OL1M" }),
+        _chaptersRender: sinon.stub(),
+      };
+      await BookReader.prototype._chapterInit.call(fakeBR);
+      expect(fakeBR._chaptersRender.callCount).toBe(0);
+    });
+
+    test("renders if valid TOC on open library", async () => {
+      const fakeBR = {
+        options: {},
+        bind: sinon.stub(),
+        book: {
+          getPageIndex: (str) => parseFloat(str),
+        },
+        getOpenLibraryRecord: async () => ({
+          "title": "The Adventures of Sherlock Holmes",
+          "table_of_contents": deepCopy(SAMPLE_TOC_OPTION),
+          "ocaid": "adventureofsherl0000unse",
+        }),
+        _chaptersRender: sinon.stub(),
+      };
+      await BookReader.prototype._chapterInit.call(fakeBR);
+      expect(fakeBR._chaptersRender.callCount).toBe(1);
+    });
+
+    test("does not fetch open library record if table of contents in options", async () => {
+      const fakeBR = {
+        options: {
+          table_of_contents: deepCopy(SAMPLE_TOC_UNDEF),
+        },
+        bind: sinon.stub(),
+        getOpenLibraryRecord: sinon.stub(),
+        _chaptersRender: sinon.stub(),
+      };
+      await BookReader.prototype._chapterInit.call(fakeBR);
+      expect(fakeBR.getOpenLibraryRecord.callCount).toBe(0);
+      expect(fakeBR._chaptersRender.callCount).toBe(1);
+    });
+
+    test("converts leafs and pagenums to page index", async () => {
+      const table_of_contents = deepCopy(SAMPLE_TOC_UNDEF);
+      table_of_contents[0].leaf = 0;
+      table_of_contents[1].pagenum = '17';
+      const fakeBR = {
+        options: {
+          table_of_contents,
+        },
+        bind: sinon.stub(),
+        book: {
+          leafNumToIndex: (leaf) => leaf + 1,
+          getPageIndex: (str) => parseFloat(str),
+        },
+        _chaptersRender: sinon.stub(),
+      };
+      await BookReader.prototype._chapterInit.call(fakeBR);
+      expect(fakeBR._chaptersRender.callCount).toBe(1);
+      expect(fakeBR._tocEntries[0].pageIndex).toBe(1);
+      expect(fakeBR._tocEntries[1].pageIndex).toBe(17);
+    });
+  });
+
+  describe('_chaptersRender', () => {
+    test('renders markers and panel', () => {
+      const fakeBR = {
+        _tocEntries: SAMPLE_TOC,
+        _chaptersRenderMarker: sinon.stub(),
+        shell: {
+          menuProviders: {},
+          addMenuShortcut: sinon.stub(),
+          updateMenuContents: sinon.stub(),
+        },
+      };
+      BookReader.prototype._chaptersRender.call(fakeBR);
+      expect(fakeBR.shell.menuProviders['chapters']).toBeTruthy();
+      expect(fakeBR.shell.addMenuShortcut.callCount).toBe(1);
+      expect(fakeBR.shell.updateMenuContents.callCount).toBe(1);
+      expect(fakeBR._chaptersRenderMarker.callCount).toBeGreaterThan(1);
+    });
+  });
+
+  describe('_chaptersUpdateCurrent', () => {
+    test('highlights the current chapter', () => {
+      const fakeBR = {
+        mode: 2,
+        firstIndex: 16,
+        displayedIndices: [16, 17],
+        _tocEntries: SAMPLE_TOC,
+        _chaptersPanel: {
+          currentChapter: null,
+        },
+      };
+      BookReader.prototype._chaptersUpdateCurrent.call(fakeBR);
+      expect(fakeBR._chaptersPanel.currentChapter).toEqual(SAMPLE_TOC[1]);
+
+      fakeBR.mode = 1;
+      BookReader.prototype._chaptersUpdateCurrent.call(fakeBR);
+      expect(fakeBR._chaptersPanel.currentChapter).toEqual(SAMPLE_TOC[0]);
+
+      fakeBR.firstIndex = 0;
+      BookReader.prototype._chaptersUpdateCurrent.call(fakeBR);
+      expect(fakeBR._chaptersPanel.currentChapter).toBeUndefined();
+    });
+  });
+});

package/tests/{plugins → jest/plugins}/plugin.iframe.test.js

@@ -1,7 +1,7 @@
 import sinon from 'sinon';
 
-import BookReader from '../../src/BookReader.js';
-import { _attachEventListeners } from '../../src/plugins/plugin.iframe.js';
+import BookReader from '@/src/BookReader.js';
+import { _attachEventListeners } from '@/src/plugins/plugin.iframe.js';
 
 afterEach(() => {
   sinon.restore();
@@ -35,8 +35,8 @@ test('updates params when window receives a message', () => {
   window.dispatchEvent(new MessageEvent('message', {
     data: {
       type: 'bookReaderFragmentChange',
-      fragment: ''
-    }
+      fragment: '',
+    },
   }));
   expect(br.updateFromParams.callCount).toBe(1);
 });

package/tests/{plugins → jest/plugins}/plugin.resume.test.js

@@ -1,9 +1,11 @@
-import BookReader from '../../src/BookReader.js';
-import '../../src/plugins/plugin.resume.js';
+import BookReader from '@/src/BookReader.js';
+import '@/src/plugins/plugin.resume.js';
 
 import sinon from 'sinon';
-import * as docCookies from '../../src/util/docCookies.js';
+import * as docCookies from '@/src/util/docCookies.js';
+import { ResumePlugin } from '@/src/plugins/plugin.resume.js';
 
+/** @type {import('@/src/BookReader.js').default} */
 let br;
 beforeAll(() => {
   document.body.innerHTML = '<div id="BookReader">';
@@ -16,21 +18,6 @@ afterEach(() => {
   sinon.restore();
 });
 
-describe('Plugin: Remember Current Page in Cookies', () => {
-  test('has default option flag', () => {
-    expect(BookReader.defaultOptions.enablePageResume).toEqual(true);
-    expect(BookReader.defaultOptions.resumeCookiePath).toEqual(null);
-  });
-
-  test('has added BR property: getResumeValue', () => {
-    expect(br).toHaveProperty('getResumeValue');
-  });
-
-  test('has added BR property: updateResumeValue', () => {
-    expect(br).toHaveProperty('updateResumeValue');
-  });
-});
-
 describe('updateResumeValue', () => {
   /* Mark 2020-05-02
     Skipping while confirming with Neeraj
@@ -42,57 +29,57 @@ describe('updateResumeValue', () => {
     In this branch .toHaveBeenCalledTimes() === 1
   */
   test.skip('starts when BookReaderInit is called', () => {
-    br.updateResumeValue = jest.fn();
+    br._plugins.resume.updateResumeValue = jest.fn();
     br.init();
-    expect(br.updateResumeValue).toHaveBeenCalledTimes(2);
+    expect(br._plugins.resume.updateResumeValue).toHaveBeenCalledTimes(2);
   });
 
   test('handles cookieName=null', () => {
-    const { updateResumeValue } = BookReader.prototype;
+    const p = new ResumePlugin(null);
+    p.setup({ cookiePath: '/details/goody' });
     const setItemSpy = sinon.spy(docCookies, 'setItem');
-    const fakeBr = { options: { resumeCookiePath: '/details/goody' } };
 
-    updateResumeValue.call(fakeBr, 16);
+    p.updateResumeValue(16);
     expect(setItemSpy.callCount).toBe(1);
     expect(setItemSpy.args[0].slice(0, 2)).toEqual(['br-resume', 16]);
     expect(setItemSpy.args[0][3]).toEqual('/details/goody');
   });
 
-  test('handles resumeCookiePath not set', () => {
+  test('handles cookiePath not set', () => {
     const setItemSpy = sinon.spy(docCookies, 'setItem');
     // Save function
-    const saveFn = br.getCookiePath;
-    br.getCookiePath = jest.fn(() => '/details/foo');
-    br.updateResumeValue(16);
+    const saveFn = br._plugins.resume.getCookiePath;
+    br._plugins.resume.getCookiePath = jest.fn(() => '/details/foo');
+    br._plugins.resume.updateResumeValue(16);
     expect(setItemSpy.args[0][3]).toEqual('/details/foo');
     // Restore function
-    br.getCookiePath = saveFn;
+    br._plugins.resume.getCookiePath = saveFn;
   });
 
   test('handles cookie path from URL with decoration', () => {
     const complexPathWithPage = '/details/2008ELMValidityStudyFinalReportRevised/Executive%20Summary%20for%20the%20EPT%26ELM%20Validity%20Studie_20100603%20-%20Copy/page/n1/mode/2up';
     const complexPath = '/details/2008ELMValidityStudyFinalReportRevised/Executive%20Summary%20for%20the%20EPT%26ELM%20Validity%20Studie_20100603%20-%20Copy';
-    expect(br.getCookiePath(complexPathWithPage))
+    expect(br._plugins.resume.getCookiePath(complexPathWithPage))
       .toEqual(complexPath);
 
-    expect(br.getCookiePath('/details/item/mode/1up'))
+    expect(br._plugins.resume.getCookiePath('/details/item/mode/1up'))
       .toEqual('/details/item');
 
-    expect(br.getCookiePath('/details/item/inside/a/long/path/model/is/used'))
+    expect(br._plugins.resume.getCookiePath('/details/item/inside/a/long/path/model/is/used'))
       .toEqual('/details/item/inside/a/long/path/model/is/used');
 
-    expect(br.getCookiePath('/details/item/inside/a/long/path/mode/is/used'))
+    expect(br._plugins.resume.getCookiePath('/details/item/inside/a/long/path/mode/is/used'))
       .toEqual('/details/item/inside/a/long/path');
   });
 
   test('handles cookie path from URL with no decoration', () => {
-    expect(br.getCookiePath('/details/item'))
+    expect(br._plugins.resume.getCookiePath('/details/item'))
       .toEqual('/details/item');
 
-    expect(br.getCookiePath('/details/item/'))
+    expect(br._plugins.resume.getCookiePath('/details/item/'))
       .toEqual('/details/item/');
 
-    expect(br.getCookiePath('/details/item/almost/any/kind/of/long/path'))
+    expect(br._plugins.resume.getCookiePath('/details/item/almost/any/kind/of/long/path'))
       .toEqual('/details/item/almost/any/kind/of/long/path');
   });
 });

package/tests/jest/plugins/plugin.text_selection.test.js

@@ -0,0 +1,316 @@
+import sinon from 'sinon';
+
+import BookReader from '@/src/BookReader.js';
+import {
+  Cache,
+  genMap,
+  lookAroundWindow,
+  zip,
+} from '@/src/plugins/plugin.text_selection.js';
+
+
+/** @type {BookReader} */
+
+// djvu.xml book infos copied from https://ia803103.us.archive.org/14/items/goodytwoshoes00newyiala/goodytwoshoes00newyiala_djvu.xml
+const FAKE_XML_1WORD = `
+  <OBJECT data="file://localhost//tmp/derive/goodytwoshoes00newyiala//goodytwoshoes00newyiala.djvu" height="3192" type="image/x.djvu" usemap="goodytwoshoes00newyiala_0001.djvu" width="2454">
+    <PARAGRAPH>
+      <LINE>
+        <WORD coords="1216,2768,1256,2640">test</WORD>
+      </LINE>
+    </PARAGRAPH>
+  </OBJECT>`;
+const FAKE_XML_MULT_WORDS = `
+  <OBJECT data="file://localhost//tmp/derive/goodytwoshoes00newyiala//goodytwoshoes00newyiala.djvu" height="3192" type="image/x.djvu" usemap="goodytwoshoes00newyiala_0001.djvu" width="2454">
+    <PARAGRAPH>
+      <LINE>
+        <WORD coords="1216,2768,1256,2640">test1</WORD>
+        <WORD coords="1400,2768,1500,2640">test2</WORD>
+        <WORD coords="1600,2768,1700,2640">test3</WORD>
+      </LINE>
+    </PARAGRAPH>
+  </OBJECT>`;
+const FAKE_XML_MULT_LINES = `
+  <OBJECT data="file://localhost//tmp/derive/goodytwoshoes00newyiala//goodytwoshoes00newyiala.djvu" height="3192" type="image/x.djvu" usemap="goodytwoshoes00newyiala_0001.djvu" width="2454">
+    <PARAGRAPH>
+      <LINE>
+        <WORD coords="119,2050,230,2014" x-confidence="29">way </WORD>
+        <WORD coords="230,2038,320,2002" x-confidence="30">can </WORD>
+        <WORD coords="320,2039,433,2002" x-confidence="28">false </WORD>
+        <WORD coords="433,2051,658,2003" x-confidence="29">judgment </WORD>
+        <WORD coords="658,2039,728,2002" x-confidence="30">be </WORD>
+        <WORD coords="658,2039,728,2002" x-confidence="30">-</WORD>
+        <WORD coords="728,2039,939,2001" x-confidence="29">formed. </WORD>
+        <WORD coords="939,2039,1087,2001" x-confidence="29">There </WORD>
+        <WORD coords="1087,2039,1187,2002" x-confidence="29">still </WORD>
+        <WORD coords="1187,2038,1370,2003" x-confidence="29">remains </WORD>
+        <WORD coords="1370,2037,1433,2014" x-confidence="28">an-</WORD>
+      </LINE>
+      <LINE>
+        <WORD coords="244,2099,370,2063" x-confidence="29">other mode </WORD>
+        <WORD coords="370,2100,427,2064" x-confidence="29">in </WORD>
+        <WORD coords="427,2100,566,2063" x-confidence="29">which </WORD>
+        <WORD coords="566,2100,670,2063" x-confidence="29">false </WORD>
+        <WORD coords="670,2112,907,2063" x-confidence="29">judgments </WORD>
+        <WORD coords="907,2112,1006,2064" x-confidence="29">may </WORD>
+        <WORD coords="1006,2100,1071,2063" x-confidence="29">be </WORD>
+        <WORD coords="1071,2100,1266,2062" x-confidence="29">formed. </WORD>
+        <WORD coords="1266,2110,1435,2062" x-confidence="29">Suppose</WORD>
+      </LINE>
+      <LINE>
+        <WORD coords="118,2160,217,2123" x-confidence="29">that </WORD>
+        <WORD coords="217,2160,289,2124" x-confidence="29">we </WORD>
+        <WORD coords="289,2160,400,2124" x-confidence="29">have </WORD>
+        <WORD coords="400,2160,456,2124" x-confidence="30">in </WORD>
+        <WORD coords="456,2161,542,2136" x-confidence="29">our </WORD>
+        <WORD coords="542,2161,660,2124" x-confidence="29">souls </WORD>
+        <WORD coords="660,2160,700,2136" x-confidence="29">a </WORD>
+        <WORD coords="700,2160,847,2129" x-confidence="28">waxen </WORD>
+        <WORD coords="847,2160,983,2123" x-confidence="29">tablet </WORD>
+        <WORD coords="983,2160,1045,2124" x-confidence="29">of </WORD>
+        <WORD coords="1045,2160,1211,2124" x-confidence="29">various </WORD>
+        <WORD coords="1211,2171,1398,2122" x-confidence="29">qualities </WORD>
+        <WORD coords="1398,2157,1434,2122" x-confidence="29">lastWord</WORD>
+      </LINE>
+    </PARAGRAPH>
+  </OBJECT>`;
+const FAKE_XML_5COORDS = `
+  <OBJECT data="file://localhost//tmp/derive/goodytwoshoes00newyiala//goodytwoshoes00newyiala.djvu" height="3192" type="image/x.djvu" usemap="goodytwoshoes00newyiala_0001.djvu" width="2454">
+    <PARAGRAPH>
+      <LINE>
+        <WORD coords="1216,2768,1256,2640,2690">test</WORD>
+      </LINE>
+    </PARAGRAPH>
+  </OBJECT>`;
+const FAKE_XML_EMPTY = '';
+
+describe("Generic tests", () => {
+  document.body.innerHTML = '<div id="BookReader">';
+  const br = window.br = new BookReader({
+    data: [
+      [
+        { width: 800, height: 1200,
+          uri: '//archive.org/download/BookReader/img/page001.jpg' },
+      ],
+      [
+        { width: 800, height: 1200,
+          uri: '//archive.org/download/BookReader/img/page002.jpg' },
+        { width: 800, height: 1200,
+          uri: '//archive.org/download/BookReader/img/page003.jpg' },
+      ],
+      [
+        { width: 800, height: 1200,
+          uri: '//archive.org/download/BookReader/img/page004.jpg' },
+        { width: 800, height: 1200,
+          uri: '//archive.org/download/BookReader/img/page005.jpg' },
+      ],
+    ],
+  });
+  br.init();
+
+  afterEach(() => {
+    sinon.restore();
+    $('.BRtextLayer').remove();
+  });
+
+  test("_createPageContainer overridden function still creates a BRpagecontainer element", () => {
+    const spy = sinon.spy(br._plugins.textSelection, 'createTextLayer');
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_1WORD, "text/xml")));
+    const container = br._createPageContainer(1, {});
+    expect(container).toBeTruthy();
+    expect(spy.callCount).toBe(1);
+  });
+
+  // test loading first object from sample data
+  test("_createPageContainer handles index 0", () => {
+    const spy = sinon.spy(br._plugins.textSelection, 'createTextLayer');
+    br._createPageContainer(0, {});
+    expect(spy.callCount).toBe(1);
+  });
+
+  // test loading last object from sample data
+  test("_createPageContainer handles index -1", () => {
+    const spy = sinon.spy(br._plugins.textSelection, 'createTextLayer');
+    br._createPageContainer(-1, {});
+    expect(spy.callCount).toBe(0);
+  });
+
+  test("createTextLayer will render the last page and create text layer properly", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_1WORD, "text/xml")));
+    const pageIndex = br.data.length - 1;
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: pageIndex, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(1);
+  });
+
+  test("createTextLayer will not create text layer if there are too many words", async () => {
+    const $container = br.refs.$brContainer;
+    const xml = FAKE_XML_1WORD.replace(/<WORD.*<\/WORD>/, FAKE_XML_1WORD.match(/<WORD.*<\/WORD>/)[0].repeat(3000));
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(xml, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 0, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(0);
+    expect($container.find("p").length).toBe(0);
+    expect($container.find(".BRwordElement").length).toBe(0);
+  });
+
+  test("createTextLayer creates text layer with paragraph with 1 word element", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_1WORD, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 1, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(1);
+    expect($container.find(".BRwordElement").length).toBe(1);
+    expect($container.find(".BRwordElement").text()).toBe("test");
+  });
+
+  test("createTextLayer creates text layer with paragraph with multiple word elements", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_MULT_WORDS, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 2, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(1);
+    expect($container.find(".BRwordElement").length).toBe(3);
+    expect($container.find(".BRspace").length).toBe(2);
+  });
+
+  test("createTextLayer creates text layer with paragraph with word with 5 params coordinates", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_5COORDS, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 3, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(1);
+    expect($container.find(".BRwordElement").length).toBe(1);
+  });
+
+  test("createTextLayer handles multiple lines", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_MULT_LINES, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 3, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(1);
+    expect($container.find(".BRlineElement").length).toBe(3);
+    // Adds space at end of line; except last line/hyphens
+    expect($container.find("p").text()).toMatch(/another/);
+    expect($container.find("p").text()).toMatch(/Suppose /);
+    expect($container.find("p").text()).toMatch(/lastWord$/);
+    expect($container.find("p > br").length).toBe(1);
+  });
+
+  test("createTextLayer repairs trailing hyphens", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_MULT_LINES, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 3, width: 100, height: 100 }});
+
+    expect($container.find(".BRwordElement--hyphen").length).toBe(1);
+    expect($container.find(".BRwordElement--hyphen").closest(".BRlineElement").text().endsWith(' ')).toBe(false);
+    expect($container.find(".BRwordElement--hyphen").closest(".BRlineElement").text().endsWith('-')).toBe(false);
+  });
+
+  test("createTextLayer can handle empty xml", async () => {
+    const $container = br.refs.$brContainer;
+    sinon.stub(br._plugins.textSelection, "getPageText")
+      .returns($(new DOMParser().parseFromString(FAKE_XML_EMPTY, "text/xml")));
+    await br._plugins.textSelection.createTextLayer({ $container, page: { index: 4, width: 100, height: 100 }});
+    expect($container.find(".BRtextLayer").length).toBe(1);
+    expect($container.find("p").length).toBe(0);
+    expect($container.find(".BRwordElement").length).toBe(0);
+  });
+
+  const LONG_PRESS_DURATION = 500;
+  test("calling stopPageFlip does not allow long click to flip the page", () => {
+    const $container = br.refs.$brContainer;
+    br._plugins.textSelection.stopPageFlip($container);
+    const currIndex = br.currentIndex();
+    $container.find("BRwordElement").trigger("mousedown");
+    // Waits for long press
+    setTimeout(() => {
+      $container.find("BRwordElement").trigger("mousedown");
+      // Waits for flipping animation
+      setTimeout(() => {
+        expect(br.currentIndex()).toBe(currIndex);
+      }, 2000);
+    }, LONG_PRESS_DURATION);
+  });
+});
+
+describe("Cache", () => {
+  test('Adding works', () => {
+    const c = new Cache(10);
+    c.add(35);
+    expect(c.entries).toEqual([35]);
+  });
+
+  test('Size does not grow beyond limit', () => {
+    const c = new Cache(2);
+    c.add(35);
+    c.add(32);
+    c.add(12);
+    c.add(11);
+    c.add(112);
+    expect(c.entries).toHaveLength(2);
+  });
+
+  test('Oldest evicted first', () => {
+    const c = new Cache(2);
+    c.add(35);
+    c.add(32);
+    c.add(12);
+    c.add(12);
+    c.add(10);
+    expect(c.entries).toEqual([12, 10]);
+  });
+});
+
+describe('genMap', () => {
+  test('handles empty', () => {
+    expect(Array.from(genMap([], x => x ** 2))).toEqual([]);
+  });
+
+  test('handles non-empty', () => {
+    expect(Array.from(genMap([1,2,3], x => x ** 2))).toEqual([1,4,9]);
+  });
+});
+
+describe('lookAroundWindow', () => {
+  test('handles empty', () => {
+    expect(Array.from(lookAroundWindow([]))).toEqual([]);
+  });
+
+  test('handles smaller than window', () => {
+    expect(Array.from(lookAroundWindow([1]))).toEqual([[undefined, 1, undefined]]);
+    expect(Array.from(lookAroundWindow([1, 2]))).toEqual([[undefined, 1, 2], [1, 2, undefined]]);
+    expect(Array.from(lookAroundWindow([1, 2, 3]))).toEqual([[undefined, 1, 2], [1, 2, 3], [2, 3, undefined]]);
+  });
+
+  test('handles larger than window', () => {
+    expect(Array.from(lookAroundWindow([1, 2, 3, 4]))).toEqual([
+      [undefined, 1, 2],
+      [1, 2, 3],
+      [2, 3, 4],
+      [3, 4, undefined],
+    ]);
+  });
+});
+
+describe('zip', () => {
+  test('handles empty', () => {
+    expect(Array.from(zip([], []))).toEqual([]);
+  });
+
+  test('uneven throws error', () => {
+    expect(() => Array.from(zip([1], [2, 3]))).toThrow();
+  });
+
+  test('handles even', () => {
+    expect(Array.from(zip([1, 2], [3, 4]))).toEqual([[1, 3], [2, 4]]);
+  });
+});