@internetarchive/bookreader 5.0.0-9 → 5.0.0-90

package/tests/BookReader/PageContainer.test.js

@@ -1,115 +0,0 @@
-import {PageContainer} from '../../src/BookReader/PageContainer.js';
-
-describe('constructor', () => {
-  test('protected books', () => {
-    const pc = new PageContainer(null, {isProtected: true});
-    expect(pc.$container.hasClass('protected')).toBe(true);
-    expect(pc.$container.find('.BRscreen').length).toBe(1);
-  });
-
-  test('non-protected books', () => {
-    const pc = new PageContainer(null, {isProtected: false});
-    expect(pc.$container.hasClass('protected')).toBe(false);
-    expect(pc.$container.find('.BRscreen').length).toBe(0);
-  });
-
-  test('empty page', () => {
-    const pc = new PageContainer(null, {isProtected: false});
-    expect(pc.$container.hasClass('BRemptypage')).toBe(true);
-  });
-
-  test('non-empty page', () => {
-    const pc = new PageContainer({index: 7}, {isProtected: false});
-    expect(pc.$container.hasClass('BRemptypage')).toBe(false);
-    expect(pc.$container.hasClass('pagediv7')).toBe(true);
-  });
-
-  test('adds side attribute', () => {
-    const pc = new PageContainer({index: 7, pageSide: 'R'}, {isProtected: false});
-    expect(pc.$container.hasClass('BRemptypage')).toBe(false);
-    expect(pc.$container.attr('data-side')).toBe('R');
-  });
-});
-
-describe('update', async () => {
-  test('dimensions sets CSS', () => {
-    const pc = new PageContainer(null, {});
-    pc.update({ dimensions: { left: 20 } });
-    expect(pc.$container[0].style.left).toBe('20px');
-  });
-
-  test('does not create image if empty page', () => {
-    const pc = new PageContainer(null, {});
-    pc.update({ reduce: null });
-    expect(pc.$img).toBeNull();
-    pc.update({ reduce: 7 });
-    expect(pc.$img).toBeNull();
-  });
-
-  test('does not create image if no reduce', () => {
-    const pc = new PageContainer({index: 17}, {});
-    pc.update({ reduce: null });
-    expect(pc.$img).toBeNull();
-  });
-
-  test('does not set background image if already loaded', () => {
-    const fakeImageCache = {
-      imageLoaded: () => true,
-      image: () => $('<img/>'),
-    };
-    const pc = new PageContainer({index: 12}, {imageCache: fakeImageCache});
-    pc.update({ reduce: 7 });
-    expect(pc.$img[0].style.background).toBe('');
-  });
-
-  test('removes image between updates', () => {
-    const fakeImageCache = {
-      imageLoaded: () => true,
-      image: () => $('<img/>'),
-    };
-    const pc = new PageContainer({index: 12}, {imageCache: fakeImageCache});
-    pc.update({ reduce: 7 });
-    const $im1 = pc.$img;
-    pc.update({ reduce: 7 });
-    const $im2 = pc.$img;
-    expect($im1).not.toBe($im2);
-    expect($im1.parent().length).toBe(0);
-  });
-
-  test('adds/removes loading indicators while loading', () => {
-    const fakeImageCache = {
-      imageLoaded: () => false,
-      image: () => $('<img/>'),
-      getBestLoadedReduce: () => undefined,
-    };
-    const pc = new PageContainer({index: 12}, {imageCache: fakeImageCache, loadingImage: 'loading.gif'});
-    pc.update({ reduce: 7 });
-    expect(pc.$container.hasClass('BRpageloading')).toBe(true);
-    // See https://github.com/jsdom/jsdom/issues/3169
-    // expect(pc.$img.css('background')).toBeTruthy();
-    // expect(pc.$img.css('background').includes('loading.gif')).toBe(true);
-    // expect(pc.$img.css('background').includes(',')).toBe(false);
-
-    pc.$img.trigger('loadend');
-    expect(pc.$container.hasClass('BRpageloading')).toBe(false);
-    expect(pc.$img.css('background')).toBeFalsy();
-  });
-
-  test('shows lower res image while loading if one available', () => {
-    const fakeImageCache = {
-      imageLoaded: () => false,
-      image: () => $('<img/>'),
-      getBestLoadedReduce: () => 3,
-    };
-    const fakePage = {
-      index: 12,
-      getURI: () => 'page12.jpg',
-    };
-    const pc = new PageContainer(fakePage, {imageCache: fakeImageCache, loadingImage: 'loading.gif'});
-    pc.update({ reduce: 7 });
-    // See https://github.com/jsdom/jsdom/issues/3169
-    // expect(pc.$img.css('background').includes('page12.jpg')).toBe(true);
-    pc.$img.trigger('loadend');
-    expect(pc.$img.css('background')).toBeFalsy();
-  });
-});

package/tests/BookReader/utils.test.js

@@ -1,109 +0,0 @@
-import sinon from 'sinon';
-import {
-  clamp,
-  cssPercentage,
-  debounce,
-  decodeURIComponentPlus,
-  encodeURIComponentPlus,
-  escapeHTML,
-  polyfillCustomEvent,
-  PolyfilledCustomEvent,
-  sleep,
-} from '../../src/BookReader/utils.js';
-
-test('clamp function returns Math.min(Math.max(value, min), max)', () => {
-  expect(clamp(2,1,3)).toEqual(2);
-});
-
-test('calculate a percentage suitable for CSS', () => {
-  expect(cssPercentage(2,1)).toEqual('200%');
-});
-
-test('escapeHTML function which replaces the string', () => {
-  expect(escapeHTML('Me & You')).toEqual('Me & You');
-  expect(escapeHTML('Me > You')).toEqual('Me > You');
-  expect(escapeHTML('Me < You')).toEqual('Me &lt; You');
-  expect(escapeHTML('Me " You')).toEqual('Me &quot; You');
-});
-
-test('Decodes a URI component and converts + to emptyStr', () => {
-  expect(decodeURIComponentPlus("https%3A%2F%2Farchive.org%2Fskr+")).toEqual("https://archive.org/skr ");
-  expect(decodeURIComponentPlus("%3Fx%3D+test")).toEqual("?x= test");
-});
-
-test('Encodes a URI component and converts emptyStr to +', () => {
-  expect(encodeURIComponentPlus("?x=test ")).toEqual("%3Fx%3Dtest+");
-  expect(encodeURIComponentPlus("ABC abc 123")).toEqual("ABC+abc+123");
-});
-
-let clock;
-
-beforeEach(() => {
-  clock = sinon.useFakeTimers();
-});
-
-afterEach(() => {
-  clock.restore();
-});
-
-test('testing debounce', () => {
-  const func = jest.fn();
-  const debouncedFunc = debounce(func, 1000);
-  // Call it immediately
-  debouncedFunc();
-  expect(func).toHaveBeenCalledTimes(0); // func not called
-
-  // Call it several times with 500ms between each call
-  for (let i = 0; i < 10; i++) {
-    clock.tick(500);
-    debouncedFunc();
-  }
-  expect(func).toHaveBeenCalledTimes(0); // func not called
-
-  // wait 1000ms
-  clock.tick(1000);
-  expect(func).toHaveBeenCalledTimes(1);  // func called
-});
-
-
-describe('polyfillCustomEvent', () => {
-  test('Overrides when missing', () => {
-    const win = {};
-    polyfillCustomEvent(win);
-    expect(win).toHaveProperty('CustomEvent');
-  });
-
-  test('Overrides when not a function', () => {
-    const win = { CustomEvent: {} };
-    polyfillCustomEvent(win);
-    expect(typeof win.CustomEvent).toBe('function');
-  });
-});
-
-describe('PolyfilledCustomEvent', () => {
-  test('Can be called as a constructor', () => {
-    new PolyfilledCustomEvent('foo');
-  });
-
-  test('Calls deprecated browser methods', () => {
-    const createEventSpy = sinon.spy(document, 'createEvent');
-    const initCustomEventSpy = sinon.spy(CustomEvent.prototype, 'initCustomEvent');
-    new PolyfilledCustomEvent('foo');
-    expect(createEventSpy.callCount).toBe(1);
-    expect(initCustomEventSpy.callCount).toBe(1);
-  });
-});
-
-describe('sleep', () => {
-  test('can set sleep in ms', async () => {
-    jest.useFakeTimers();
-
-    const sleepTimeMS = 11;
-    await sleep(sleepTimeMS);
-
-    expect(setTimeout).toHaveBeenCalledTimes(1);
-    expect(setTimeout).toHaveBeenLastCalledWith(undefined, sleepTimeMS);
-
-    jest.clearAllTimers();
-  });
-});

package/tests/e2e/helpers/desktopSearch.js

@@ -1,72 +0,0 @@
-import { ClientFunction, RequestMock } from 'testcafe';
-import { SEARCH_INSIDE_URL_RE , mockResponseFound, mockResponseNotFound,
-  TEST_TEXT_FOUND, TEST_TEXT_NOT_FOUND, PAGE_FIRST_RESULT, SEARCH_MATCHES_LENGTH } from './mockSearch';
-
-
-export function runDesktopSearchTests(br) {
-  //building mock response  for successful and unsuccessful search
-  const mockFound = RequestMock()
-    .onRequestTo(SEARCH_INSIDE_URL_RE )
-    .respond(mockResponseFound, 202);
-
-  const mockNotFound = RequestMock()
-    .onRequestTo(SEARCH_INSIDE_URL_RE )
-    .respond(mockResponseNotFound, 202);
-
-
-  test
-    .requestHooks(mockFound)('Desktop search - successful search', async t => {
-      const nav = br.nav;
-
-      //assuring that the search bar is enabled
-      await t.expect(nav.desktop.searchBox.visible).ok();
-
-      //testing search for a word found in the book
-      await t
-        .selectText(nav.desktop.searchBox.child('.BRsearchInput'))
-        .pressKey('delete');
-      await t.typeText(nav.desktop.searchBox.child('.BRsearchInput'), TEST_TEXT_FOUND);
-      await t.click((nav.desktop.searchBox).child('.BRsearchSubmit'));
-      await t.expect(nav.desktop.searchPin.exists).ok();
-      await t.expect(nav.desktop.searchPin.child('.BRquery').child('div').exists).ok();
-      await t.expect(nav.desktop.searchPin.child('.BRquery').child('div').innerText).contains(TEST_TEXT_FOUND);
-      await t.expect(nav.desktop.searchNavigation.exists).ok();
-      await t.expect(nav.desktop.searchNavigation.find('[data-id="resultsCount"]').exists).ok();
-      await t.expect(nav.desktop.searchNavigation.find('[data-id="resultsCount"]').innerText).contains(SEARCH_MATCHES_LENGTH);
-
-      //checking url
-      const getPageUrl = ClientFunction(() => window.location.href.toString());
-      await t.expect(getPageUrl()).contains(TEST_TEXT_FOUND);
-
-      //checks clicking on first search pin opens correct page
-      await t.click(nav.desktop.searchPin);
-      await t.expect(getPageUrl()).contains(PAGE_FIRST_RESULT);
-
-      //checks highlight on result page is visible
-      const highlight = br.shell.find(".BookReaderSearchHilite");
-      await t.expect(highlight.visible).ok();
-
-    });
-
-
-  test
-    .requestHooks(mockNotFound)('Desktop search - unsuccessful search', async t => {
-      const nav = br.nav;
-
-      //assuring that the search bar is enabled
-      await t.expect(nav.desktop.searchBox.visible).ok();
-
-      //testing search for a word not found in the book
-      await t
-        .selectText(nav.desktop.searchBox.child('.BRsearchInput'))
-        .pressKey('delete');
-      await t.typeText(nav.desktop.searchBox.child('.BRsearchInput'), TEST_TEXT_NOT_FOUND);
-      await t.click((nav.desktop.searchBox).child('.BRsearchSubmit'));
-      await t.expect(nav.desktop.searchPin.child('.BRquery').child('div').withText(TEST_TEXT_NOT_FOUND).exists).notOk();
-
-      const getPageUrl = ClientFunction(() => window.location.href.toString());
-      await t.expect(getPageUrl()).contains(TEST_TEXT_NOT_FOUND);
-    });
-
-
-}

package/tests/e2e/helpers/mobileSearch.js

@@ -1,85 +0,0 @@
-import { ClientFunction, RequestMock } from 'testcafe';
-import { SEARCH_INSIDE_URL_RE , mockResponseFound, mockResponseNotFound,
-  TEST_TEXT_FOUND, TEST_TEXT_NOT_FOUND, PAGE_FIRST_RESULT } from './mockSearch';
-
-
-export function runMobileSearchTests(br) {
-  //building mock response  for successful and unsuccessful search
-  const mockFound = RequestMock()
-    .onRequestTo(SEARCH_INSIDE_URL_RE )
-    .respond(mockResponseFound, 202);
-
-  const mockNotFound = RequestMock()
-    .onRequestTo(SEARCH_INSIDE_URL_RE )
-    .respond(mockResponseNotFound, 202);
-
-  test
-    .requestHooks(mockFound)('Mobile search - successful search', async t => {
-      await t.resizeWindowToFitDevice('Sony Xperia Z', {portraitOrientation: true})
-      const nav = br.nav.mobile;
-
-      //opening side menu and search
-      await t.expect(nav.hamburgerButton.visible).ok();
-      await t.click(nav.hamburgerButton);
-      await t.expect(nav.menuSearchButton.visible).ok();
-      await t.click(nav.menuSearchButton);
-
-      //assuring that the search bar is enabled
-      await t.expect(nav.searchBox.visible).ok();
-
-      //testing successful search
-      await t
-        .selectText(nav.searchBox.find('[name="query"]'))
-        .pressKey('delete');
-      await t
-        .typeText(nav.searchBox.find('[name="query"]'), TEST_TEXT_FOUND)
-        .pressKey('enter');
-      await t.expect(nav.searchResults.visible).ok();
-      await t.expect(nav.searchResultText.exists).ok();
-      await t.expect(nav.searchResultText.innerText).contains(TEST_TEXT_FOUND);
-
-      //checking url
-      const getPageUrl = ClientFunction(() => window.location.href);
-      await t.expect(getPageUrl()).contains(TEST_TEXT_FOUND);
-
-      //checks clicking on first search result opens correct page
-      await t.click(nav.searchResults.child(0));
-      await t.expect(getPageUrl()).contains(PAGE_FIRST_RESULT);
-
-      //checks highlight on result page is visible
-      const highlight = br.shell.find(".BookReaderSearchHilite");
-      await t.expect(highlight.visible).ok();
-
-      await t.maximizeWindow();
-    });
-
-  test
-    .requestHooks(mockNotFound)('Mobile search - unsuccessful search', async t => {
-      await t.resizeWindowToFitDevice('Sony Xperia Z', {portraitOrientation: true})
-      const nav = br.nav.mobile;
-
-      //opening side menu and search
-      await t.expect(nav.hamburgerButton.visible).ok();
-      await t.click(nav.hamburgerButton);
-      await t.expect(nav.menuSearchButton.visible).ok();
-      await t.click(nav.menuSearchButton);
-
-      //assuring that the search bar is enabled
-      await t.expect(nav.searchBox.visible).ok();
-
-      //testing unsuccessful search
-      await t
-        .selectText(nav.searchBox.find('[name="query"]'))
-        .pressKey('delete');
-      await t
-        .typeText(nav.searchBox.find('[name="query"]'), TEST_TEXT_NOT_FOUND)
-        .pressKey('enter');
-      await t.expect(nav.searchResultText.withText(TEST_TEXT_NOT_FOUND).exists).notOk();
-
-      //checking url
-      const getPageUrl = ClientFunction(() => window.location.href.toString());
-      await t.expect(getPageUrl()).contains(TEST_TEXT_NOT_FOUND);
-      await t.maximizeWindow();
-    });
-
-}

package/tests/e2e/ia-production/ia-prod-base.js

@@ -1,17 +0,0 @@
-import { runBaseTests } from '../helpers/base';
-import BookReader from '../models/BookReader';
-
-const localURL = 'https://archive.org/details/';
-const books = [
-  'birdbookillustra00reedrich', // publicDomain
-  // 'pianoservicingtu00rebl_0', // borrowable,
-  // 'adventuresoftoms00twaiiala', // has chapter markers
-  // 'gendaitankashu00meijuoft', // Right to Left book
-  // 'gov.uspto.patents.application.10074026', // multiple files
-];
-
-books.forEach(function(page) {
-  const url = `${localURL}${page}`;
-  fixture `Archive.org BR Base Tests for: ${page}`.page `${url}`;
-  runBaseTests(new BookReader());
-});

package/tests/karma/BookNavigator/book-navigator.test.js

@@ -1,132 +0,0 @@
-import {
-  html,
-  elementUpdated,
-  fixtureCleanup,
-  fixtureSync,
-  expect,
-} from '@open-wc/testing';
-import sinon from 'sinon';
-
-import '../../../src/BookNavigator/BookNavigator.js';
-import BRFullscreenMgr from '../../../src/BookNavigator/br-fullscreen-mgr.js';
-
-const container = () => {
-  const item = {};
-  return html`
-    <book-navigator
-      .item=${item}
-      .baseHost
-    >
-      <div slot="bookreader">
-        <p class="visible-in-reader">now showing</p>
-      <div>
-      <p class="bunny">foo</p>
-      </
-  `;
-}
-
-beforeEach(() => {
-  const body = document.querySelector('body');
-  const brHook = document.createElement('div');
-  brHook.setAttribute('id', 'BookReader');
-  body.appendChild(brHook);
-});
-
-afterEach(() => {
-  window.br = null;
-  fixtureCleanup();
-});
-
-
-describe('<book-navigator>', () => {
-  describe('first update', () => {
-    it('binds global event listeners', async () => {
-      const el = fixtureSync(container());
-      const spy = sinon.spy(el, 'bindEventListeners');
-      await elementUpdated(el);
-      expect(spy.callCount).to.equal(1);
-    });
-    it('emits a BrBookNav:PostInit event', async () => {
-      let initEventFired = false;
-      window.addEventListener('BrBookNav:PostInit', (e) => {
-        initEventFired = true;
-      });
-      const el = fixtureSync(container());
-      const spy = sinon.spy(el, 'emitPostInit');
-      await elementUpdated(el);
-
-      expect(initEventFired).to.be.true;
-      expect(spy.callCount).to.equal(1);
-    });
-  });
-
-  it('handles global event: BookReader:PostInit', async () => {
-    const setTimeoutSpy = sinon.spy(window, 'setTimeout');
-    const brStub = {
-      resize: sinon.fake(),
-      currentIndex: sinon.fake(),
-      jumpToIndex: sinon.fake(),
-      el: '#BookReader'
-    };
-
-    const el = fixtureSync(container());
-    const initializeBookSubmenus = sinon.spy(el, 'initializeBookSubmenus');
-
-    await elementUpdated(el);
-    window.dispatchEvent(new CustomEvent('BookReader:PostInit', {
-      detail: { props: brStub }
-    }));
-    await elementUpdated(el);
-
-    expect(initializeBookSubmenus.callCount).to.equal(1);
-    expect(el.bookreader).to.equal(brStub); // sets bookreader
-    expect(el.bookReaderLoaded).to.be.true; // notes bookreader is loaded
-    expect(el.bookReaderCannotLoad).to.be.false;
-    expect(el.fullscreenMgr).to.an.instanceof(BRFullscreenMgr);
-    expect(el.brResizeObserver).to.an.instanceof(window.ResizeObserver);
-    expect(setTimeoutSpy.callCount).to.equal(1); // resizes at end
-  });
-
-  it('resizes bookreader when side menu toggles', async () => {
-    const el = fixtureSync(container());
-    const brStub = {
-      resize: sinon.fake(),
-      currentIndex: sinon.fake(),
-      jumpToIndex: sinon.fake()
-    }
-    el.bookreader = brStub;
-    await elementUpdated(el);
-
-    el.sideMenuOpen = true;
-    await elementUpdated(el);
-
-    expect(el.bookreader.resize.callCount).to.equal(1);
-    expect(el.bookreader.currentIndex.callCount).to.equal(1);
-    expect(el.bookreader.jumpToIndex.callCount).to.equal(1);
-
-    el.sideMenuOpen = false;
-    await elementUpdated(el);
-
-    expect(el.bookreader.resize.callCount).to.equal(2);
-    expect(el.bookreader.currentIndex.callCount).to.equal(2);
-    expect(el.bookreader.jumpToIndex.callCount).to.equal(2);
-  });
-  it('does not resize bookreader if animating', async () => {
-    const el = fixtureSync(container());
-    const brStub = {
-      animating: true, // <-- testing for this
-      resize: sinon.fake(),
-      currentIndex: sinon.fake(),
-      jumpToIndex: sinon.fake()
-    }
-    el.bookreader = brStub;
-    await elementUpdated(el);
-
-    el.sideMenuOpen = true;
-    await elementUpdated(el);
-
-    expect(el.bookreader.resize.callCount).to.equal(0);
-    expect(el.bookreader.currentIndex.callCount).to.equal(0);
-    expect(el.bookreader.jumpToIndex.callCount).to.equal(0);
-  });
-});

package/tests/karma/BookNavigator/search/search-provider.test.js

@@ -1,23 +0,0 @@
-import { expect } from '@open-wc/testing';
-import sinon from 'sinon';
-import searchProvider from '../../../../src/BookNavigator/search/search-provider';
-
-afterEach(() => {
-  sinon.restore();
-});
-
-describe('Search Provider', () => {
-  describe('constructor', () => {
-    const onSearchChangeCB = sinon.fake();
-    const br = sinon.fake();
-    const provider = new searchProvider(onSearchChangeCB, br);
-
-    expect(provider.bookreader).to.equal(br);
-    expect(provider.onSearchChange).to.equal(onSearchChangeCB);
-    expect(provider.id).to.equal('search');
-    expect(provider.icon).to.exist;
-    expect(provider.label).to.equal('Search inside');
-    expect(provider.menuDetails).to.exist;
-    expect(provider.component).to.exist;
-  });
-});