@internetarchive/bookreader 5.0.0-8-multiple-files → 5.0.0-80

package/tests/karma/BookNavigator/visual-adjustments.test.js

@@ -1,201 +0,0 @@
-import {
-  html,
-  fixture,
-  expect,
-  oneEvent,
-} from '@open-wc/testing';
-import sinon from 'sinon';
-import { IABookVisualAdjustments } from '../../../src/BookNavigator/visual-adjustments/visual-adjustments.js';
-
-const options = [{
-  id: 'contrast',
-  name: 'Adjust contrast',
-  active: true,
-  min: 0,
-  max: 150,
-  step: 1,
-  value: 100,
-}, {
-  id: 'invert',
-  name: 'Invert colors',
-  active: false,
-}, {
-  id: 'brightness',
-  name: 'Adjust brightness',
-  active: false,
-  value: 100,
-}];
-
-const container = (renderHeader = false) => (
-  html`<ia-book-visual-adjustments .options=${options} ?renderHeader=${renderHeader}></ia-book-visual-adjustments>`
-);
-
-describe('<ia-book-visual-adjustments>', () => {
-  afterEach(() => {
-    sinon.restore();
-  });
-
-  it('sets default properties', async () => {
-    const el = await fixture(container());
-
-    expect(el.options).to.exist;
-    expect(el.options.length).to.equal(options.length);
-    expect(el.renderHeader).to.exist;
-    expect(el.renderHeader).to.be.false;
-    expect(el.activeCount).to.exist;
-    expect(el.showZoomControls).to.be.true;
-  });
-
-  it('renders all properties of a visual adjustment option', async () => {
-    const el = await fixture(container());
-
-    await el.updateComplete;
-
-    const label = el.shadowRoot.querySelector('label');
-    const name = label.querySelector('.name');
-    const checkbox = label.querySelector('input');
-    expect(name.innerText).to.equal(options[0].name);
-    expect(checkbox.checked).to.equal(true);
-  });
-
-  it('can render header with active options count', async () => {
-    const renderHeader = true;
-    const el = await fixture(container(renderHeader));
-    expect(el.shadowRoot.querySelector('header p').innerText).to.include('1');
-  });
-
-  it('does not render active options count element when none are selected', async () => {
-    const el = await fixture(container());
-
-    el.options = [options[1]];
-    await el.updateComplete;
-
-    expect(el.shadowRoot.querySelector('header p')).not.to.exist;
-  });
-
-  it('changes option\'s active state when input changed', async () => {
-    const el = await fixture(container());
-
-    el.shadowRoot.querySelector('li input').dispatchEvent(new Event('change'));
-    await el.updateComplete;
-
-    expect(el.options[0].active).to.equal(false);
-  });
-
-  it('renders zoom in and out controls when enabled', async () => {
-    const el = await fixture(container());
-
-    expect(el.shadowRoot.querySelector('.zoom_out')).to.exist;
-    expect(el.shadowRoot.querySelector('.zoom_in')).to.exist;
-  });
-
-  it('does not render zoom controls when disabled', async () => {
-    const el = await fixture(container());
-
-    el.showZoomControls = false;
-    await el.updateComplete;
-
-    expect(el.shadowRoot.querySelector('.zoom_out')).not.to.exist;
-    expect(el.shadowRoot.querySelector('.zoom_in')).not.to.exist;
-  });
-
-  describe('Custom events', () => {
-    it('prepareEventDetails returns proper params', async () => {
-      const el = await fixture(container());
-      await el.updateComplete;
-      const params = el.prepareEventDetails();
-
-      expect(params.activeCount).to.exist;
-      expect(typeof (params.activeCount)).to.be.equal('number');
-      expect(params.changedOptionId).to.exist;
-      expect(typeof (params.changedOptionId)).to.be.equal('string');
-      expect(params.options).to.exist;
-      expect(params.options.length).to.exist;
-      expect(params.options.length).to.be.greaterThan(0);
-    });
-    it('emitOptionChangedEvent calls for the params', async () => {
-      IABookVisualAdjustments.prototype.prepareEventDetails = sinon.fake();
-      const el = await fixture(container());
-      await el.updateComplete;
-
-      expect(el.prepareEventDetails.callCount).to.equal(1);
-    });
-    it('triggers an emitOptionChangedEvent event at firstUpdate', async () => {
-      IABookVisualAdjustments.prototype.emitOptionChangedEvent = sinon.fake();
-      const el = await fixture(container());
-
-      expect(el.emitOptionChangedEvent.callCount).to.equal(1);
-    });
-
-    it('triggers an emitOptionChangedEvent event when a checkbox\'s change event fires', async () => {
-      IABookVisualAdjustments.prototype.emitOptionChangedEvent = sinon.fake();
-      const el = await fixture(container());
-
-      expect(el.emitOptionChangedEvent.callCount).to.equal(1); // firstUpdate fire
-
-      el.shadowRoot.querySelector('li input').dispatchEvent(new Event('change'));
-      expect(el.emitOptionChangedEvent.callCount).to.equal(2);
-    });
-
-    it('triggers an emitOptionChangedEvent event when a range\'s change event fires', async () => {
-      IABookVisualAdjustments.prototype.emitOptionChangedEvent = sinon.fake();
-
-      const el = await fixture(container());
-      expect(el.emitOptionChangedEvent.callCount).to.equal(1); // firstUpdate fire
-
-      el.shadowRoot.querySelector('[name="brightness_range"]').dispatchEvent(new Event('change'));
-      expect(el.emitOptionChangedEvent.callCount).to.equal(2);
-    });
-
-    it('emits a zoom out event when zoom out button clicked', async () => {
-      const el = await fixture(container());
-
-      setTimeout(() => (
-        el.shadowRoot.querySelector('.zoom_out').click()
-      ));
-      const response = await oneEvent(el, 'visualAdjustmentZoomOut');
-
-      expect(response).to.exist;
-    });
-
-    it('emits a zoom in event when zoom in button clicked', async () => {
-      const el = await fixture(container());
-
-      setTimeout(() => (
-        el.shadowRoot.querySelector('.zoom_in').click()
-      ));
-      const response = await oneEvent(el, 'visualAdjustmentZoomIn');
-
-      expect(response).to.exist;
-    });
-  });
-
-  it('sets range defaults when none supplied', async () => {
-    const el = await fixture(container());
-    const brightnessRange = el.shadowRoot.querySelector('[name="brightness_range"]');
-
-    expect(brightnessRange.getAttribute('min')).to.equal('0');
-    expect(brightnessRange.getAttribute('max')).to.equal('100');
-    expect(brightnessRange.getAttribute('step')).to.equal('1');
-  });
-
-  it('sets the updated range value on the options prop', async () => {
-    const el = await fixture(container());
-    const { id } = options[0];
-    const newValue = 120;
-
-    el.setRangeValue(id, newValue);
-    await el.updateComplete;
-
-    expect(el.options[0].value).to.equal(newValue);
-  });
-
-  it('triggers a setRangeValue event when a range\'s input event fires', async () => {
-    IABookVisualAdjustments.prototype.setRangeValue = sinon.fake();
-
-    const el = await fixture(container());
-
-    el.shadowRoot.querySelector('[name="brightness_range"]').dispatchEvent(new Event('input'));
-    expect(el.setRangeValue.callCount).to.equal(1);
-  });
-});

package/tests/karma/BookNavigator/volumes.test.js

@@ -1,101 +0,0 @@
-import {
-  html,
-  fixture,
-  expect
-} from '@open-wc/testing';
-import sinon from 'sinon';
-// import { Volumes } from '../../../src/BookNavigator/volumes/volumes.js';
-
-const options = [{
-  id: 'contrast',
-  name: 'Adjust contrast',
-  active: true,
-  min: 0,
-  max: 150,
-  step: 1,
-  value: 100,
-}, {
-  id: 'invert',
-  name: 'Invert colors',
-  active: false,
-}, {
-  id: 'brightness',
-  name: 'Adjust brightness',
-  active: false,
-  value: 100,
-}];
-
-const container = (hostUrl = false) => (
-  html`<viewable-files .viewableFiles=${options}} .hostUrl="https://archive.org"></viewable-files>`
-);
-
-describe('<viewable-files>', () => {
-  afterEach(() => {
-    sinon.restore();
-  });
-
-  it('sets default properties', async () => {
-    const el = await fixture(container());
-
-    expect(el.options).to.exist;
-    expect(el.options.length).to.equal(options.length);
-    expect(el.renderHeader).to.exist;
-    expect(el.renderHeader).to.be.false;
-    expect(el.activeCount).to.exist;
-    expect(el.showZoomControls).to.be.true;
-  });
-
-  // it('renders all properties of a visual adjustment option', async () => {
-  //   const el = await fixture(container());
-
-  //   await el.updateComplete;
-
-  //   const label = el.shadowRoot.querySelector('label');
-  //   const name = label.querySelector('.name');
-  //   const checkbox = label.querySelector('input');
-  //   expect(name.innerText).to.equal(options[0].name);
-  //   expect(checkbox.checked).to.equal(true);
-  // });
-
-  // it('can render header with active options count', async () => {
-  //   const renderHeader = true;
-  //   const el = await fixture(container(renderHeader));
-  //   expect(el.shadowRoot.querySelector('header p').innerText).to.include('1');
-  // });
-
-  // it('does not render active options count element when none are selected', async () => {
-  //   const el = await fixture(container());
-
-  //   el.options = [options[1]];
-  //   await el.updateComplete;
-
-  //   expect(el.shadowRoot.querySelector('header p')).not.to.exist;
-  // });
-
-  // it('changes option\'s active state when input changed', async () => {
-  //   const el = await fixture(container());
-
-  //   el.shadowRoot.querySelector('li input').dispatchEvent(new Event('change'));
-  //   await el.updateComplete;
-
-  //   expect(el.options[0].active).to.equal(false);
-  // });
-
-  // it('renders zoom in and out controls when enabled', async () => {
-  //   const el = await fixture(container());
-
-  //   expect(el.shadowRoot.querySelector('.zoom_out')).to.exist;
-  //   expect(el.shadowRoot.querySelector('.zoom_in')).to.exist;
-  // });
-
-  // it('does not render zoom controls when disabled', async () => {
-  //   const el = await fixture(container());
-
-  //   el.showZoomControls = false;
-  //   await el.updateComplete;
-
-  //   expect(el.shadowRoot.querySelector('.zoom_out')).not.to.exist;
-  //   expect(el.shadowRoot.querySelector('.zoom_in')).not.to.exist;
-  // });
-
-});

package/tests/plugins/menu_toggle/plugin.menu_toggle.test.js

@@ -1,68 +0,0 @@
-
-import BookReader from '../../../src/BookReader.js';
-import '../../../src/plugins/menu_toggle/plugin.menu_toggle.js';
-
-
-let br;
-let hideFlag;
-beforeAll(() => {
-  $.fx.off = true;
-  const OGSpeed = $.speed;
-  $.speed = function(_speed, easing, callback) {
-    return OGSpeed(0, easing, callback);
-  };
-  document.body.innerHTML = '<div id="BookReader">';
-  br = new BookReader();
-  br.init();
-});
-
-afterEach(() => {
-  $.fx.off = false;
-  jest.clearAllMocks();
-});
-
-describe('Plugin: Menu Toggle', () => {
-  test('has option flag', () => {
-    expect(BookReader.defaultOptions.enableMenuToggle).toEqual(true);
-  });
-
-  test('core code has animation consts', () => {
-    expect(BookReader.constNavAnimationDuration).toEqual(300);
-    expect(BookReader.constResizeAnimationDuration).toEqual(100);
-  })
-
-  test('core code has registered event: `navToggled`', () => {
-    expect(BookReader.eventNames.navToggled).toBeTruthy();
-  })
-
-  test('when bookreader loads, the menu shows', () => {
-    expect($('.BRfooter').hasClass('js-menu-hide')).toEqual(false);
-    expect($('.BRtoolbar').hasClass('js-menu-hide')).toEqual(false);
-  })
-
-  test('clicking on background hides the menu', () => {
-    expect($('.BRfooter').hasClass('js-menu-hide')).toEqual(false);
-    expect($('.BRtoolbar').hasClass('js-menu-hide')).toEqual(false);
-    $('.BRcontainer').click();
-    expect($('.BRfooter').hasClass('js-menu-hide')).toEqual(true);
-    expect($('.BRtoolbar').hasClass('js-menu-hide')).toEqual(true);
-  });
-
-  test('core function `setNavigationView` is called `hideNavigation` is called', () => {
-    br.setNavigationView = jest.fn((arg) => hideFlag = arg);
-
-    br.hideNavigation();
-    expect(br.setNavigationView).toHaveBeenCalled();
-    expect(hideFlag).toEqual(true);
-  });
-
-  test('core function `setNavigationView` is called `showNavigation` is called', () => {
-    br.setNavigationView = jest.fn((arg) => hideFlag = arg);
-    br.navigationIsVisible = jest.fn(() => false);
-
-    br.showNavigation();
-    expect(br.setNavigationView).toHaveBeenCalled();
-    expect(br.navigationIsVisible).toHaveBeenCalled();
-    expect(hideFlag).toEqual(undefined);
-  });
-});

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

@@ -1,130 +0,0 @@
-import sinon from 'sinon';
-
-import BookReader from '../../src/BookReader.js';
-import '../../src/plugins/plugin.mobile_nav.js';
-import '../../src/plugins/plugin.chapters.js';
-
-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",
-  "pageIndex": undefined,
-},
-{
-  "pagenum": "40",
-  "level": 1,
-  "label": "CHAPTER IV",
-  "type": {"key": "/type/toc_item"},
-  "title": "THE COUNTRY AND THE MISSION 4",
-  "pageIndex": 40,
-}];
-
-const SAMPLE_TOC_UNDEF = [
-  {
-    "pagenum": "undefined",
-    "level": 1,
-    "label": "CHAPTER I",
-    "type": {"key": "/type/toc_item"},
-    "title": "THE COUNTRY AND THE MISSION 1",
-    "pageIndex": undefined,
-  },
-  {
-    "pagenum": "undefined",
-    "level": 1,
-    "label": "CHAPTER II",
-    "type": {"key": "/type/toc_item"},
-    "title": "THE COUNTRY AND THE MISSION 2",
-    "pageIndex": undefined,
-  }
-]
-
-let br;
-beforeEach(() => {
-  $.ajax = jest.fn().mockImplementation((args) => {
-    return Promise.resolve([{
-      table_of_contents: SAMPLE_TOC,
-    }]);
-  });
-  document.body.innerHTML = '<div id="BookReader">';
-  br = new BookReader();
-});
-
-afterEach(() => {
-  jest.clearAllMocks();
-});
-
-describe('Plugin: Menu Toggle', () => {
-  test('has option flag', () => {
-    expect(BookReader.defaultOptions.enableChaptersPlugin).toEqual(true);
-  });
-  test('has added BR property: olHost', () => {
-    expect(br).toHaveProperty('olHost');
-    expect(br.olHost).toBeTruthy();
-  });
-  test('has added BR property: bookId', () => {
-    expect(br).toHaveProperty('bookId');
-    expect(br.bookId).toBeFalsy();
-  });
-  test('fetches OL Book Record on init', () => {
-    br.getOpenLibraryRecord = jest.fn();
-    br.init();
-    expect(br.getOpenLibraryRecord).toHaveBeenCalled();
-  });
-  test('Updates Table of Contents when available', () => {
-    br.init();
-    expect($.ajax).toHaveBeenCalled();
-  });
-});
-
-describe('updateTOCState', () => {
-
-  beforeEach(() => {
-    window.HTMLElement.prototype.scrollIntoView = sinon.stub();
-    //Sinon is not used because this function is imported from BookModel with exposeOverrideableMethod()
-    //which has a getter and setter
-    br.getPageIndex = (str) => parseFloat(str);
-    br.init();
-  });
-
-  test('Test page is one of TOC', () => {
-    br.updateTOCState(20, SAMPLE_TOC);
-    expect($('li.BRtable-contents-el')[1].classList.contains('current-chapter'));
-  });
-
-  test('Only one element has .current-chapter', () => {
-    br.updateTOCState(9, SAMPLE_TOC);
-    expect($('li.BRtable-contents-el.current-chapter').length).toBe(1);
-  })
-
-  test('No chapter has .current-chapter if current index is < than any chapter index', () => {
-    br.updateTOCState(1, SAMPLE_TOC);
-    expect($('li.BRtable-contents-el.current-chapter').length).toBe(0);
-  })
-
-  test('if current index == chapter index ', () => {
-    br.updateTOCState(17, SAMPLE_TOC);
-    expect($('li.BRtable-contents-el')[1].classList.contains('current-chapter'));
-  })
-
-  test('No chapter has .current-chapter if all chapter have undefined pageIndex ', () => {
-    br.updateTOCState(10, SAMPLE_TOC_UNDEF);
-    expect($('li.BRtable-contents-el.current-chapter').length).toBe(0);
-  })
-});

package/tests/plugins/plugin.mobile_nav.test.js

@@ -1,66 +0,0 @@
-
-import BookReader from '../../src/BookReader.js';
-import '../../src/plugins/plugin.mobile_nav.js';
-
-/** @type {BookReader} */
-let br;
-beforeEach(() => {
-  document.body.innerHTML = '<div id="BookReader">';
-  br = new BookReader();
-  br.init();
-});
-
-afterEach(() => {
-  jest.clearAllMocks();
-});
-
-describe('Plugin: Mobile Nav', () => {
-  test('has option flag', () => {
-    expect(BookReader.defaultOptions.enableMobileNav).toEqual(true);
-  });
-  test('has added BR property: mobileNavTitle', () => {
-    expect(br).toHaveProperty('mobileNavTitle');
-    expect(br.mobileNavTitle).toBeTruthy();
-  });
-  test('has added BR property: mobileNavFullscreenOnly', () => {
-    expect(br).toHaveProperty('mobileNavFullscreenOnly');
-    expect(br.mobileNavFullscreenOnly).toEqual(false);
-  });
-  test('has a referenced copy of nav in BookReader', () => {
-    expect(br.refs).toHaveProperty('$mmenu');
-  });
-  test('draws toolbar on init', () => {
-    let callCount = 0;
-    // Since we have a custom setter set in utils/classes.js, we can't
-    // use regular spying; need to "override" the function with a watcher.
-    BookReader.prototype.initToolbar = function(_super) {
-      return function() {
-        callCount++;
-        _super.apply(this, arguments);
-      }
-    }(BookReader.prototype.initToolbar);
-    const br = new BookReader();
-    br.init();
-    expect(callCount).toBe(1);
-  });
-  test('sets a class on body to signal it has attached', () => {
-    expect($(document.body).hasClass('BRbodyMobileNavEnabled')).toEqual(true);
-  });
-  test('loads the navbar on init', () => {
-    expect($('#BRmobileMenu')).toHaveLength(1)
-  });
-  test('There is a Settings Section', () => {
-    expect($('.BRmobileMenu__settings')).toHaveLength(1);
-  });
-  test('There is a More Info Section', () => {
-    expect($('.BRmobileMenu__moreInfoRow')).toHaveLength(1);
-  });
-  test('There is a Sharing Section', () => {
-    expect($('.BRmobileMenu__share')).toHaveLength(1);
-  });
-  test('clicking on hamburger opens menu', () => {
-    expect($('html').hasClass('mm-opened')).toEqual(false);
-    $('.BRmobileHamburger').click();
-    expect($('html').hasClass('mm-opened')).toEqual(true);
-  });
-});