@internetarchive/bookreader 5.0.0-12-fixsorting-8 → 5.0.0-121

package/tests/BookReader/Mode2Up.test.js

@@ -1,247 +0,0 @@
-
-import sinon from 'sinon';
-import { deepCopy } from '../utils.js';
-import BookReader from '../../src/BookReader.js';
-/** @typedef {import('../../src/BookReader/options.js').BookReaderOptions} BookReaderOptions */
-
-beforeAll(() => {
-  global.alert = jest.fn();
-});
-afterEach(() => {
-  jest.restoreAllMocks();
-  sinon.restore();
-});
-
-/** @type {BookReaderOptions['data']} */
-const SAMPLE_DATA = [
-  [
-    { width: 123, height: 123, uri: 'https://archive.org/image0.jpg', pageNum: '1' },
-  ],
-  [
-    { width: 123, height: 123, uri: 'https://archive.org/image1.jpg', pageNum: '2' },
-    { width: 123, height: 123, uri: 'https://archive.org/image2.jpg', pageNum: '3' },
-  ],
-  [
-    { width: 123, height: 123, uri: 'https://archive.org/image3.jpg', pageNum: '4' },
-    { width: 123, height: 123, uri: 'https://archive.org/image4.jpg', pageNum: '5' },
-  ],
-  [
-    { width: 123, height: 123, uri: 'https://archive.org/image5.jpg', pageNum: '6' },
-  ],
-];
-
-
-describe('zoom', () => {
-  const br = new BookReader({ data: SAMPLE_DATA });
-  br.init();
-
-  const stopAnim = sinon.spy(br, 'stopFlipAnimations');
-  const resizeSpread = sinon.spy(br._modes.mode2Up, 'resizeSpread');
-  br._modes.mode2Up.zoom('in');
-
-  test('stops animations when zooming', () => {
-    expect(stopAnim.callCount).toBe(1);
-  });
-  test('always redraws when zooming', () => {
-    expect(resizeSpread.callCount).toBe(0);
-  });
-});
-
-describe('prefetch', () => {
-  test('loads nearby pages', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    const mode2Up = br._modes.mode2Up;
-    br.init();
-    mode2Up.prefetch();
-    expect(Object.keys(mode2Up.pageContainers).length).toBeGreaterThan(2);
-  });
-
-  test('works when at end of book', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    const mode2Up = br._modes.mode2Up;
-    br.init();
-    br.jumpToIndex(-1);
-    mode2Up.prefetch();
-    expect(Object.keys(mode2Up.pageContainers).length).toBeGreaterThan(2);
-  });
-
-  test('skips consecutive unviewables', () => {
-    const data = deepCopy(SAMPLE_DATA);
-    data[1].forEach(page => page.viewable = false);
-    const br = new BookReader({ data });
-    const mode2Up = br._modes.mode2Up;
-    br.init();
-    mode2Up.prefetch();
-    expect(mode2Up.pageContainers).not.toContain(2);
-  });
-});
-
-describe('draw 2up leaves', () => {
-  test('calls `drawLeafs` on init as default', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    const drawLeafs = sinon.spy(br._modes.mode2Up, 'drawLeafs');
-
-    br.init();
-    expect(drawLeafs.callCount).toBe(1);
-  });
-
-  test('sets `this.displayedIndices`', () => {
-    const extremelyWrongValueForDisplayedIndices = null;
-    const br = new BookReader({ data: SAMPLE_DATA });
-
-    br.init();
-    br.displayedIndices = extremelyWrongValueForDisplayedIndices;
-    expect(br.displayedIndices).toBe(extremelyWrongValueForDisplayedIndices);
-
-    br._modes.mode2Up.drawLeafs();
-
-    expect(br.displayedIndices).not.toBe(extremelyWrongValueForDisplayedIndices);
-    expect(br.displayedIndices.length).toBe(2); // is array
-    expect(br.displayedIndices).toEqual([-1, 0]); // default to starting index on right, placeholder for left
-  });
-});
-
-describe('resizeSpread', () => {
-  test('only resizes spread', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    br.init();
-    const resizeBRcontainer = sinon.spy(br, 'resizeBRcontainer');
-    const calculateSpreadSize = sinon.spy(br._modes.mode2Up, 'calculateSpreadSize');
-    const drawLeafs = sinon.spy(br._modes.mode2Up, 'drawLeafs');
-    const centerView = sinon.spy(br._modes.mode2Up, 'centerView');
-
-    br._modes.mode2Up.resizeSpread();
-    expect(drawLeafs.callCount).toBe(0);  // no draw
-    expect(resizeBRcontainer.callCount).toBe(1);
-    expect(calculateSpreadSize.callCount).toBe(1);
-    expect(centerView.callCount).toBe(1);
-  });
-});
-
-describe('2up Container sizing', () => {
-  test('baseLeafCss', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    br.init();
-    br.calculateSpreadSize();
-    expect(Object.keys(br._modes.mode2Up.baseLeafCss)).toEqual(['position', 'right', 'top', 'zIndex']);
-  });
-  test('heightCss', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    br.init();
-    br.calculateSpreadSize();
-    const heightStub = 1000;
-    br.twoPage.height = heightStub;
-    expect(Object.keys(br._modes.mode2Up.heightCss)).toEqual(['height']);
-    expect(br._modes.mode2Up.heightCss).toEqual({height: `${heightStub}px`});
-  });
-  describe('left side', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    br.init();
-    br.calculateSpreadSize();
-
-    test('leftLeafCss', () => {
-      expect(Object.keys(br._modes.mode2Up.leftLeafCss)).toEqual([
-        'position',
-        'right',
-        'top',
-        'zIndex',
-        'height',
-        'left',
-        'width',
-      ]);
-    });
-    test('leafEdgeLCss', () => {
-      expect(Object.keys(br._modes.mode2Up.leafEdgeLCss)).toEqual([
-        'height',
-        'width',
-        'left',
-        'top',
-        'border'
-      ]);
-    });
-  });
-  describe('right side', () => {
-    const br = new BookReader({ data: SAMPLE_DATA });
-    br.init();
-    br.calculateSpreadSize();
-
-    test('rightLeafCss', () => {
-      expect(Object.keys(br._modes.mode2Up.rightLeafCss)).toEqual([
-        'position',
-        'right',
-        'top',
-        'zIndex',
-        'height',
-        'left',
-        'width',
-      ]);
-    });
-    test('leafEdgeRCss', () => {
-      expect(Object.keys(br._modes.mode2Up.leafEdgeRCss)).toEqual([
-        'height',
-        'width',
-        'left',
-        'top',
-        'border'
-      ]);
-    });
-  });
-  describe('full width container, overlay + spine', () => {
-    test('mainContainerCss', () => {
-      const br = new BookReader({ data: SAMPLE_DATA });
-      br.init();
-      br.calculateSpreadSize();
-
-      expect(Object.keys(br._modes.mode2Up.mainContainerCss)).toEqual(['height', 'width', 'position']);
-    });
-    test('spreadCoverCss', () => {
-      const br = new BookReader({ data: SAMPLE_DATA });
-      br.init();
-      br.calculateSpreadSize();
-      expect(Object.keys(br._modes.mode2Up.spreadCoverCss)).toEqual(['width', 'height', 'visibility']);
-    });
-    test('spineCss', () => {
-      const br = new BookReader({ data: SAMPLE_DATA });
-      br.init();
-      br.calculateSpreadSize();
-      expect(Object.keys(br._modes.mode2Up.spineCss)).toEqual(['width', 'height', 'left', 'top']);
-    });
-  });
-});
-
-describe('prepareTwoPageView', () => {
-  describe('drawing spread', () => {
-    test('always draws new spread if `drawNewSpread` is true ', () => {
-      const br = new BookReader({ data: SAMPLE_DATA });
-      const mode2Up = br._modes.mode2Up;
-      br.init();
-      const drawLeafs = sinon.spy(mode2Up, 'drawLeafs');
-      const resizeSpread = sinon.spy(mode2Up, 'resizeSpread');
-      const calculateSpreadSize = sinon.spy(mode2Up, 'calculateSpreadSize');
-      const prunePageContainers = sinon.spy(mode2Up, 'prunePageContainers');
-      const prefetch = sinon.spy(mode2Up, 'prefetch');
-      const bindGestures = sinon.spy(br, 'bindGestures');
-      const centerView = sinon.spy(mode2Up, 'centerView');
-      const preparePopUp = sinon.spy(mode2Up, 'preparePopUp');
-      const updateBrClasses = sinon.spy(br, 'updateBrClasses');
-
-      br.prepareTwoPageView(undefined, undefined, true);
-      expect(prefetch.callCount).toBe(1);
-
-      expect(resizeSpread.callCount).toBe(0);
-      expect(drawLeafs.callCount).toBe(1);
-      expect(calculateSpreadSize.callCount).toBe(1);
-      expect(prunePageContainers.callCount).toBe(1);
-      expect(bindGestures.callCount).toBe(1);
-      expect(centerView.callCount).toBe(1);
-      expect(preparePopUp.callCount).toBe(1);
-      expect(updateBrClasses.callCount).toBe(1);
-    });
-  });
-});
-
-test('uses ImageCache', () => {
-  const br = new BookReader({ data: SAMPLE_DATA });
-  br.init();
-  expect(Object.keys(br.imageCache.cache).length).toBeGreaterThan(2);
-});

package/tests/BookReader/Navbar/Navbar.test.js

@@ -1,169 +0,0 @@
-import sinon from 'sinon';
-import { getNavPageNumHtml } from '../../../src/BookReader/Navbar/Navbar.js';
-import BookReader from '../../../src/BookReader.js';
-
-describe('getNavPageNumHtml', () => {
-  const f = getNavPageNumHtml;
-  test('handle n-prefixed page numbers', () => {
-    expect(f(3, 40, 'n3', '', 40)).toBe('(4 of 40)');
-  });
-
-  test('handle regular page numbers', () => {
-    expect(f(3, 40, '14', '', 40)).toBe('14 of 40');
-  });
-
-  test('handle no max page', () => {
-    expect(f(3, 40, '14', '', null)).toBe('14');
-  });
-});
-
-/** @type {BookReader} */
-let br;
-/** @type {Navbar} */
-let navbar;
-beforeEach(() => {
-  document.body.innerHTML = '<div id="BookReader">';
-  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();
-  navbar = br._components.navbar;
-});
-
-afterEach(() => sinon.restore());
-
-describe('Navbar slider', () => {
-  test('while sliding, visible page number updates, but does not flip', () => {
-    const $slider = navbar.$root.find('.BRpager');
-    const jumpToIndexSpy = sinon.spy(br, 'jumpToIndex');
-    expect(br.currentIndex()).toBe(0);
-
-    $slider.trigger('slide', { value: 3 });
-
-    expect(navbar.$root.find('.BRcurrentpage').text().includes('3'));
-    expect(jumpToIndexSpy.callCount).toBe(0);
-  });
-
-  test('on slide change, actual page changes', () => {
-    const $slider = navbar.$root.find('.BRpager');
-    const jumpToIndexSpy = sinon.spy(br, 'jumpToIndex');
-    expect(br.currentIndex()).toBe(0);
-
-    $slider.trigger('slidechange', { value: 3 });
-
-    expect(navbar.$root.find('.BRcurrentpage').text().includes('3'));
-    expect(jumpToIndexSpy.callCount).toBe(1);
-    expect(jumpToIndexSpy.args[0][0]).toBe(3);
-  });
-});
-
-describe('Navbar controls overrides', () => {
-  const createBRWithOverrides = (overrides) => {
-    br = new BookReader($.extend(true, br.options, overrides));
-    br.init();
-    navbar = br._components.navbar;
-  };
-
-  test(`when a view mode is excluded,
-      the mode should not be used in viewport toggling`, () => {
-    const overrides = {
-      controls: {
-        viewmode: {
-          visible: true,
-          className: 'viewmode',
-          excludedModes: [1],
-        }
-      }
-    };
-    createBRWithOverrides(overrides);
-
-    const $viewMode = navbar.$root.find('.viewmode');
-
-    expect($viewMode.find('.icon-thumb').length).toBe(1);
-    $viewMode.click();
-    expect($viewMode.find('.icon-twopg').length).toBe(1);
-    $viewMode.click();
-    expect($viewMode.find('.icon-thumb').length).toBe(1);
-  });
-
-  test('when a control is set to visible: false, do not return a button template', () => {
-    const overrides = {
-      controls: {
-        onePage: {
-          visible: false
-        }
-      }
-    };
-    createBRWithOverrides(overrides);
-
-    expect(navbar.$root.find('.onepg').length).toBe(0);
-    expect(navbar.$root.find('.twopg').length).toBe(1);
-  });
-
-  test(`when a control's className is overridden,
-      the class should be used in place of the default`, () => {
-    const overrides = {
-      controls: {
-        onePage: {
-          className: 'foo'
-        }
-      }
-    };
-    createBRWithOverrides(overrides);
-
-    expect(navbar.$root.find(`.${overrides.controls.onePage.className}`).length).toBe(1);
-    expect(navbar.$root.find('.onepg').length).toBe(0);
-  });
-
-  test(`when a control's template is overridden,
-      the HTML output should match the template provided`, () => {
-    const overrides = {
-      controls: {
-        onePage: {
-          template: () => (
-            '<button id="foo"></button>'
-          )
-        }
-      }
-    };
-    createBRWithOverrides(overrides);
-
-    expect(navbar.$root.find('#foo').length).toBe(1);
-    expect(navbar.$root.find('.onepg').length).toBe(0);
-  });
-
-  test(`when viewmode control set to visible,
-      the individual view mode controls are not rendered`, () => {
-    const overrides = {
-      controls: {
-        viewmode: {
-          visible: true
-        },
-        onePage: {
-          visible: false
-        }
-      }
-    };
-    createBRWithOverrides(overrides);
-
-    expect(navbar.$root.find('.viewmode').length).toBe(1);
-    expect(navbar.$root.find('.onepg').length).toBe(0);
-  });
-});

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/ReduceSet.test.js

@@ -1,38 +0,0 @@
-import {IntegerReduceSet, Pow2ReduceSet} from '../../src/BookReader/ReduceSet.js';
-
-describe('IntegerReduceSet', () => {
-  test('floor', () => {
-    const f = IntegerReduceSet.floor;
-    expect(f(1)).toBe(1);
-    expect(f(3)).toBe(3);
-    expect(f(3.1)).toBe(3);
-    expect(f(3.5)).toBe(3);
-    expect(f(3.9)).toBe(3);
-  });
-
-  test('decr', () => {
-    const f = IntegerReduceSet.decr;
-    expect(f(1)).toBe(0);
-    expect(f(3)).toBe(2);
-    expect(f(0)).toBe(-1);
-  });
-});
-
-describe('Pow2ReduceSet', () => {
-  test('floor', () => {
-    const f = Pow2ReduceSet.floor;
-    expect(f(1)).toBe(1);
-    expect(f(3)).toBe(2);
-    expect(f(3.5)).toBe(2);
-    expect(f(4.1)).toBe(4);
-    expect(f(8)).toBe(8);
-  });
-
-  test('decr', () => {
-    const f = Pow2ReduceSet.decr;
-    expect(f(1)).toBe(0.5);
-    expect(f(2)).toBe(1);
-    expect(f(4)).toBe(2);
-    expect(f(8)).toBe(4);
-  });
-});

package/tests/BookReader/Toolbar/Toolbar.test.js

@@ -1,26 +0,0 @@
-import sinon from 'sinon';
-
-import { createPopup } from '../../../src/BookReader/Toolbar/Toolbar.js';
-
-afterEach(() => {
-  sinon.restore();
-});
-
-describe('createPopup', () => {
-  test('calls window.open', () => {
-    const openStub = sinon.stub(window, 'open');
-    createPopup('openlibrary.org', 100, 100, 'Open Library');
-    expect(openStub.callCount).toBe(1);
-  });
-
-  test('opens in center', () => {
-    const openStub = sinon.stub(window, 'open');
-    createPopup('openlibrary.org', 100, 100, 'Open Library');
-    // jest default window size is 1024x768
-    expect(openStub.args[0]).toEqual([
-      'openlibrary.org',
-      'Open Library',
-      'status=1,width=100,height=100,top=334,left=462'
-    ]);
-  });
-});

package/tests/BookReader/utils/classes.test.js

@@ -1,88 +0,0 @@
-import { exposeOverrideable } from '../../../src/BookReader/utils/classes.js';
-
-describe('exposeOverrideable', () => {
-  test('adds method to To class', () => {
-    class From { foo() { return 3; } }
-    class To { }
-    exposeOverrideable(From, 'foo', x => x, To, 'foo', x => x);
-    expect(To.prototype).toHaveProperty('foo');
-    expect(new To().foo()).toBe(3);
-  });
-
-  test('modifying To method modifies original class', () => {
-    class From { foo() { return 3; } }
-    class To { }
-    const originalFoo = From.prototype.foo;
-    exposeOverrideable(From, 'foo', x => x, To, 'foo', x => x);
-    To.prototype.foo = () => 7;
-    expect(originalFoo).not.toBe(From.prototype.foo);
-    expect(new To().foo()).toBe(7);
-    expect(new From().foo()).toBe(7);
-  });
-
-  test('can transform this', () => {
-    class From { foo() { return this; } }
-    class To { }
-    exposeOverrideable(From, 'foo', x => 'fake-this1', To, 'foo', x => 'fake-this2');
-    const f = new From();
-    expect(f.foo()).toBe(f);
-    expect(new To().foo()).toBe('fake-this2');
-  });
-
-  test('can transform this both ways if overriden', () => {
-    class From { foo() { return [this]; } }
-    class To { }
-    exposeOverrideable(From, 'foo', x => 'fake-this1', To, 'foo', x => 'fake-this2');
-    // Override pattern common in bookreader
-    To.prototype.foo = function(_super) {
-      return function() {
-        return [this, ..._super.call(this)];
-      };
-    }(To.prototype.foo);
-
-    const calledFromTo = new To().foo();
-    expect(calledFromTo).toHaveLength(2);
-    expect(calledFromTo[0]).toBeInstanceOf(To);
-    expect(calledFromTo[1]).toBe('fake-this2');
-
-    const calledFromFrom = new From().foo();
-    expect(calledFromFrom).toHaveLength(2);
-    expect(calledFromFrom[0]).toBe('fake-this1');
-    expect(calledFromFrom[1]).toBe('fake-this2');
-  });
-
-  test('BookReader override pattern', () => {
-    class Component {
-      constructor(br) { this.br = br; }
-      createButton() { return 'root button'; }
-      // need to test that when called through a
-      // Component method, that it work correctly
-      initToolbar() { return [this.createButton()]; }
-    }
-    class BookReader {
-      constructor() {
-        this.component = new Component(this);
-      }
-    }
-
-    exposeOverrideable(Component, 'createButton', c => c.br, BookReader, 'createButton', br => br.component);
-
-    expect(new BookReader().createButton()).toBe('root button');
-    expect(new BookReader().component.initToolbar()).toEqual(['root button']);
-
-    // And then a bunch of plugins come along!
-    for (const plugin of ['plugin 1', 'plugin 2']) {
-      BookReader.prototype.createButton = function(_super) {
-        return function() {
-          return plugin + ' ' + _super.call(this);
-        };
-      }(BookReader.prototype.createButton);
-    }
-
-    const br = new BookReader();
-    expect(br.createButton()).toBe('plugin 2 plugin 1 root button');
-    expect(br.component.createButton()).toBe('plugin 2 plugin 1 root button');
-    // Calls the overridden method on BookReader!
-    expect(br.component.initToolbar()).toEqual(['plugin 2 plugin 1 root button']);
-  });
-});