opds-web-client/lib/components/__tests__/Root-test.js

OPDS web client

"use strict";
var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var chai_1 = require("chai");
var sinon_1 = require("sinon");
var React = require("react");
var enzyme_1 = require("enzyme");
var Root_1 = require("../Root");
var Breadcrumbs_1 = require("../Breadcrumbs");
var Collection_1 = require("../Collection");
var UrlForm_1 = require("../UrlForm");
var BookDetails_1 = require("../BookDetails");
var SkipNavigationLink_1 = require("../SkipNavigationLink");
var CatalogLink_1 = require("../CatalogLink");
var Search_1 = require("../Search");
var LoadingIndicator_1 = require("../LoadingIndicator");
var ErrorMessage_1 = require("../ErrorMessage");
var AuthProviderSelectionForm_1 = require("../AuthProviderSelectionForm");
var collectionData_1 = require("./collectionData");
var routing_1 = require("./routing");
var setCollectionAndBookPromise = new Promise(function (resolve, reject) {
    resolve({
        collectionData: null,
        bookData: null
    });
});
var mockSetCollectionAndBook = sinon_1.stub().returns(setCollectionAndBookPromise);
describe("Root", function () {
    it("shows skip navigation link", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, null));
        var links = wrapper.find(SkipNavigationLink_1.default);
        chai_1.expect(links.length).to.equal(1);
    });
    it("contains main element", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, null));
        var main = wrapper.find("main");
        chai_1.expect(main.props().role).to.equal("main");
    });
    it("shows search and treats it as top-level", function () {
        var collectionData = Object.assign({}, collectionData_1.ungroupedCollectionData, {
            search: {
                url: "test search url",
                searchData: {
                    description: "description",
                    shortName: "shortName",
                    template: function (s) { return s; }
                }
            }
        });
        var fetchSearchDescription = function (url) { };
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, fetchSearchDescription: fetchSearchDescription }));
        var search = wrapper.find(Search_1.default);
        chai_1.expect(search.props().url).to.equal(collectionData.search.url);
        chai_1.expect(search.props().searchData).to.equal(collectionData.search.searchData);
        chai_1.expect(search.props().fetchSearchDescription).to.equal(fetchSearchDescription);
    });
    it("shows a collection if props include collectionData", function () {
        var collectionData = collectionData_1.groupedCollectionData;
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData }));
        var collections = wrapper.find(Collection_1.default);
        chai_1.expect(collections.length).to.equal(1);
        chai_1.expect(collections.first().props().collection).to.equal(collectionData);
    });
    it("shows a url form if no collection url or book url", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, null));
        var urlForms = wrapper.find(UrlForm_1.default);
        chai_1.expect(urlForms.length).to.equal(1);
    });
    it("doesn't show a url form if collection url", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionUrl: "test", setCollectionAndBook: mockSetCollectionAndBook }));
        var urlForms = wrapper.find(UrlForm_1.default);
        chai_1.expect(urlForms.length).to.equal(0);
    });
    it("doesn't show a url form if book url", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { bookUrl: "test", setCollectionAndBook: mockSetCollectionAndBook }));
        var urlForms = wrapper.find(UrlForm_1.default);
        chai_1.expect(urlForms.length).to.equal(0);
    });
    it("fetches a collection url on mount", function () {
        var collectionUrl = "http://feedbooks.github.io/opds-test-catalog/catalog/acquisition/blocks.xml";
        var setCollectionAndBook = sinon_1.stub().returns(setCollectionAndBookPromise);
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionUrl: collectionUrl, setCollectionAndBook: setCollectionAndBook }));
        chai_1.expect(setCollectionAndBook.callCount).to.equal(1);
        chai_1.expect(setCollectionAndBook.args[0][0]).to.equal(collectionUrl);
        chai_1.expect(setCollectionAndBook.args[0][1]).not.to.be.ok;
    });
    it("fetches a book url on mount", function () {
        var bookUrl = "http://example.com/book";
        var setCollectionAndBook = sinon_1.stub().returns(setCollectionAndBookPromise);
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { bookUrl: bookUrl, setCollectionAndBook: setCollectionAndBook }));
        chai_1.expect(setCollectionAndBook.callCount).to.equal(1);
        chai_1.expect(setCollectionAndBook.args[0][0]).not.to.be.ok;
        chai_1.expect(setCollectionAndBook.args[0][1]).to.equal(bookUrl);
    });
    it("fetches loans on mount", function (done) {
        var collectionUrl = "http://feedbooks.github.io/opds-test-catalog/catalog/acquisition/blocks.xml";
        var setCollectionAndBook = function (collectionUrl, bookUrl) {
            return new Promise(function (resolve, reject) { return resolve({
                collectionData: Object.assign({}, collectionData_1.ungroupedCollectionData, { shelfUrl: "loans url" }),
                bookData: null
            }); });
        };
        var fetchLoans = sinon_1.stub();
        var credentials = { provider: "test", credentials: "credentials" };
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionUrl: collectionUrl, setCollectionAndBook: setCollectionAndBook, fetchLoans: fetchLoans, authCredentials: credentials }));
        wrapper.instance().componentWillMount().then(function () {
            var count = fetchLoans.callCount;
            chai_1.expect(fetchLoans.args[count - 1][0]).to.equal("loans url");
            done();
        }).catch(function (err) { console.log(err); throw (err); });
    });
    it("updates page title on mount", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { pageTitleTemplate: function (collection, book) { return "page title"; } }));
        chai_1.expect(document.title).to.equal("page title");
    });
    it("sets auth credentials on mount", function () {
        var credentials = { provider: "test", credentials: "credentials" };
        var saveAuthCredentials = sinon_1.stub();
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { saveAuthCredentials: saveAuthCredentials, authCredentials: credentials }));
        chai_1.expect(saveAuthCredentials.callCount).to.equal(1);
        chai_1.expect(saveAuthCredentials.args[0][0]).to.equal(credentials);
    });
    it("checks for credentials on mount", function () {
        var credentials = { provider: "test", credentials: "credentials" };
        var plugin = {
            type: "test",
            lookForCredentials: sinon_1.stub().returns({ credentials: credentials }),
            formComponent: null,
            buttonComponent: null
        };
        var propsWithAuthPlugin = {
            authPlugins: [plugin],
            saveAuthCredentials: sinon_1.stub()
        };
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, __assign({}, propsWithAuthPlugin)));
        chai_1.expect(plugin.lookForCredentials.callCount).to.equal(1);
        chai_1.expect(propsWithAuthPlugin.saveAuthCredentials.callCount).to.equal(1);
        chai_1.expect(propsWithAuthPlugin.saveAuthCredentials.args[0][0]).to.deep.equal(credentials);
    });
    it("sets auth error in state on mount if lookForCredentials returns an error", function () {
        var plugin = {
            type: "test",
            lookForCredentials: sinon_1.stub().returns({ error: "error!" }),
            formComponent: null,
            buttonComponent: null
        };
        var propsWithAuthPlugin = {
            authPlugins: [plugin]
        };
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, __assign({}, propsWithAuthPlugin)));
        chai_1.expect(plugin.lookForCredentials.callCount).to.equal(1);
        chai_1.expect(wrapper.state().authError).to.equal("error!");
    });
    it("shows error message if there's an auth error in the state", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, null));
        wrapper.setState({ authError: "error!" });
        var error = wrapper.find(ErrorMessage_1.default);
        chai_1.expect(error.length).to.equal(1);
        chai_1.expect(error.props().message).to.equal("error!");
        error.props().close();
        chai_1.expect(wrapper.state().authError).to.be.null;
    });
    it("fetches a collection url when updated", function () {
        var elem = document.createElement("div");
        var collectionUrl = "http://feedbooks.github.io/opds-test-catalog/catalog/acquisition/blocks.xml";
        var newCollection = "new collection url";
        var setCollectionAndBook = sinon_1.stub().returns(setCollectionAndBookPromise);
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionUrl: collectionUrl, setCollectionAndBook: setCollectionAndBook }));
        wrapper.setProps({
            collectionUrl: newCollection
        });
        chai_1.expect(setCollectionAndBook.callCount).to.equal(2);
        chai_1.expect(setCollectionAndBook.args[1][0]).to.equal(newCollection);
        chai_1.expect(setCollectionAndBook.args[1][1]).not.to.be.ok;
    });
    it("shows loading message", function () {
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { isFetching: true }));
        var loadings = wrapper.find(LoadingIndicator_1.default);
        chai_1.expect(loadings.length).to.equal(1);
    });
    it("shows error message", function () {
        var fetchError = {
            status: 500,
            response: "test error",
            url: "test error url"
        };
        var retry = sinon_1.stub();
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { error: fetchError, retryCollectionAndBook: retry }));
        var error = wrapper.find(ErrorMessage_1.default);
        chai_1.expect(error.props().message).to.contain(fetchError.url);
        chai_1.expect(error.props().retry).to.equal(retry);
    });
    it("shows auth provider selection form", function () {
        var auth = {
            showForm: true,
            credentials: { provider: "test", credentials: "gibberish" },
            title: "Super Classified Archive",
            providers: [],
            error: "Invalid Clearance ID and/or Access Key",
            callback: sinon_1.stub(),
            cancel: sinon_1.stub()
        };
        var saveAuthCredentials = sinon_1.stub();
        var closeErrorAndHideAuthForm = sinon_1.stub();
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { auth: auth, saveAuthCredentials: saveAuthCredentials, closeErrorAndHideAuthForm: closeErrorAndHideAuthForm }));
        var form = wrapper.find(AuthProviderSelectionForm_1.default);
        var _a = form.props(), saveCredentials = _a.saveCredentials, hide = _a.hide, callback = _a.callback, cancel = _a.cancel, title = _a.title, error = _a.error, providers = _a.providers;
        chai_1.expect(saveCredentials).to.equal(saveAuthCredentials);
        chai_1.expect(hide).to.equal(closeErrorAndHideAuthForm);
        chai_1.expect(callback).to.equal(auth.callback);
        chai_1.expect(cancel).to.equal(auth.cancel);
        chai_1.expect(title).to.equal(auth.title);
        chai_1.expect(providers).to.deep.equal(auth.providers);
        chai_1.expect(error).to.equal(auth.error);
    });
    it("shows book detail", function () {
        var bookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
        var loans = [Object.assign({}, bookData, {
                availability: { status: "available" }
            })];
        var updateBook = sinon_1.stub();
        var fulfillBook = sinon_1.stub();
        var indirectFulfillBook = sinon_1.stub();
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { bookData: bookData, loans: loans, updateBook: updateBook, fulfillBook: fulfillBook, indirectFulfillBook: indirectFulfillBook, isSignedIn: true }));
        var bookWrapper = wrapper.find(".book-details-wrapper");
        var book = wrapper.find(BookDetails_1.default);
        chai_1.expect(bookWrapper.length).to.equal(1);
        chai_1.expect(book.props().book).to.equal(loans[0]);
        chai_1.expect(book.props().updateBook).to.equal(updateBook);
        chai_1.expect(book.props().fulfillBook).to.equal(fulfillBook);
        chai_1.expect(book.props().indirectFulfillBook).to.equal(indirectFulfillBook);
        chai_1.expect(book.props().isSignedIn).to.equal(true);
    });
    it("shows breadcrumbs", function () {
        var history = [{
                id: "2nd id",
                text: "2nd title",
                url: "2nd url"
            }, {
                id: "last id",
                text: "last title",
                url: "last url"
            }];
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData_1.ungroupedCollectionData, history: history }));
        var breadcrumbs = wrapper.find(Breadcrumbs_1.default);
        var links = history.concat([{
                url: collectionData_1.ungroupedCollectionData.url,
                text: collectionData_1.ungroupedCollectionData.title
            }]);
        chai_1.expect(breadcrumbs.props().links).to.deep.equal(links);
    });
    it("uses custom computeBreadcrumbs function", function () {
        var breadcrumb = {
            url: "breacrumb url",
            text: "breadcrumb text"
        };
        var computeBreadcrumbs = function (data) { return [breadcrumb]; };
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData_1.ungroupedCollectionData, computeBreadcrumbs: computeBreadcrumbs }));
        var breadcrumbs = wrapper.find(Breadcrumbs_1.default);
        chai_1.expect(breadcrumbs.props().links).to.deep.equal([breadcrumb]);
    });
    describe("provided a BookDetailsContainer", function () {
        var Container = (function (_super) {
            __extends(Container, _super);
            function Container() {
                return _super.apply(this, arguments) || this;
            }
            Container.prototype.render = function () {
                return (React.createElement("div", { className: "container" }, this.props.children));
            };
            return Container;
        }(React.Component));
        it("renders BookDetailsContainer with urls, refresh, and book details", function () {
            var bookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
            var refresh = sinon_1.stub();
            var updateBook = sinon_1.stub();
            var fulfillBook = sinon_1.stub();
            var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { bookData: bookData, bookUrl: bookData.url, collectionUrl: "test collection", refreshCollectionAndBook: refresh, setCollectionAndBook: mockSetCollectionAndBook, BookDetailsContainer: Container, updateBook: updateBook, fulfillBook: fulfillBook }));
            var container = wrapper.find(Container);
            var child = container.children().first();
            chai_1.expect(container.props().bookUrl).to.equal(bookData.url);
            chai_1.expect(container.props().collectionUrl).to.equal("test collection");
            chai_1.expect(container.props().refreshCatalog).to.equal(refresh);
            chai_1.expect(container.props().book).to.equal(bookData);
            chai_1.expect(child.type()).to.equal(BookDetails_1.default);
            chai_1.expect(child.props().book).to.equal(bookData);
        });
        it("does not render BookDetailsContainer if bookUrl and bookData.url are missing", function () {
            var bookData = Object.assign({}, collectionData_1.groupedCollectionData.lanes[0].books[0], { url: null });
            var refresh = sinon_1.stub();
            var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { bookData: bookData, bookUrl: null, collectionUrl: "test collection", refreshCollectionAndBook: refresh, setCollectionAndBook: mockSetCollectionAndBook, BookDetailsContainer: Container }));
            var containers = wrapper.find(Container);
            chai_1.expect(containers.length).to.equal(0);
        });
    });
    it("sets page title after updating", function () {
        var elem = document.createElement("div");
        var collectionData = collectionData_1.ungroupedCollectionData;
        var bookData = collectionData.books[0];
        var pageTitleTemplate = sinon_1.spy(function (collectionTitle, bookTitle) {
            return "testing " + collectionTitle + ", " + bookTitle;
        });
        var wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: bookData, pageTitleTemplate: pageTitleTemplate }));
        // template should be invoked by componentWillMount
        chai_1.expect(pageTitleTemplate.callCount).to.equal(1);
        chai_1.expect(pageTitleTemplate.args[0][0]).to.equal(collectionData.title);
        chai_1.expect(pageTitleTemplate.args[0][1]).to.equal(bookData.title);
        chai_1.expect(document.title).to.equal("testing " + collectionData.title + ", " + bookData.title);
        wrapper.setProps({
            collectionData: null,
            bookData: null,
            pageTitleTemplate: pageTitleTemplate
        });
        // template should be invoked again by componentWillUpdate
        chai_1.expect(pageTitleTemplate.callCount).to.equal(2);
        chai_1.expect(pageTitleTemplate.args[1][0]).to.equal(null);
        chai_1.expect(pageTitleTemplate.args[1][1]).to.equal(null);
        chai_1.expect(document.title).to.equal("testing null, null");
    });
    describe("when given a header component", function () {
        var wrapper;
        var collectionData = Object.assign({}, collectionData_1.ungroupedCollectionData, {
            search: {
                url: "test search url",
                searchData: {
                    description: "description",
                    shortName: "shortName",
                    template: function (s) { return s; }
                }
            }
        });
        var bookData = collectionData_1.ungroupedCollectionData.books[0];
        var fetchLoans;
        var clearAuthCredentials;
        var Header = (function (_super) {
            __extends(Header, _super);
            function Header() {
                return _super.apply(this, arguments) || this;
            }
            Header.prototype.render = function () {
                return (React.createElement("div", { className: "header" },
                    this.props.children,
                    React.createElement(CatalogLink_1.default, { collectionUrl: "test url" }, "test")));
            };
            return Header;
        }(React.Component));
        beforeEach(function () {
            fetchLoans = sinon_1.stub();
            clearAuthCredentials = sinon_1.stub();
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { Header: Header, collectionData: collectionData, bookData: bookData, fetchSearchDescription: function (url) { }, fetchLoans: fetchLoans, clearAuthCredentials: clearAuthCredentials, isSignedIn: true, loansUrl: "loans" }));
        });
        it("renders the header", function () {
            var header = wrapper.find(Header);
            var search = header.childAt(0);
            chai_1.expect(header.props().collectionTitle).to.equal(collectionData.title);
            chai_1.expect(header.props().bookTitle).to.equal(bookData.title);
            chai_1.expect(header.props().isSignedIn).to.equal(true);
            chai_1.expect(header.props().fetchLoans).to.equal(fetchLoans);
            chai_1.expect(header.props().clearAuthCredentials).to.equal(clearAuthCredentials);
            chai_1.expect(header.props().loansUrl).to.equal("loans");
            chai_1.expect(search.type()).to.equal(Search_1.default);
        });
    });
    describe("when given a footer component", function () {
        var wrapper;
        var collectionData = collectionData_1.ungroupedCollectionData;
        var bookData = collectionData_1.ungroupedCollectionData.books[0];
        var Footer = (function (_super) {
            __extends(Footer, _super);
            function Footer() {
                return _super.apply(this, arguments) || this;
            }
            Footer.prototype.render = function () {
                return (React.createElement("div", { className: "footer" }));
            };
            return Footer;
        }(React.Component));
        beforeEach(function () {
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { Footer: Footer, collectionData: collectionData, bookData: bookData, fetchSearchDescription: function (url) { } }));
        });
        it("renders the footer", function () {
            var footer = wrapper.find("footer");
            chai_1.expect(footer.length).to.equal(1);
            var footerComponent = footer.childAt(0);
            chai_1.expect(footerComponent.props().collection).to.equal(collectionData);
        });
    });
    describe("showNextBook()", function () {
        var mockPush;
        var context;
        var collectionData;
        var bookData;
        var nextBookData;
        var prevBookData;
        var wrapper;
        beforeEach(function () {
            mockPush = sinon_1.stub();
            context = routing_1.mockRouterContext(mockPush);
            collectionData = collectionData_1.groupedCollectionData;
        });
        it("navigates to second book if currently showing first book", function () {
            bookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
            nextBookData = collectionData_1.groupedCollectionData.lanes[0].books[1];
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: bookData, setCollectionAndBook: mockSetCollectionAndBook }), { context: context });
            wrapper.instance().showNextBook();
            chai_1.expect(mockPush.callCount).to.equal(1);
            chai_1.expect(mockPush.args[0][0]).to.equal(context.pathFor(collectionData.url, nextBookData.url));
        });
        it("navigates to first book if currently showing last book", function () {
            var lastIndex = collectionData_1.groupedCollectionData.lanes[0].books.length - 1;
            bookData = collectionData_1.groupedCollectionData.lanes[0].books[lastIndex];
            nextBookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: bookData, setCollectionAndBook: mockSetCollectionAndBook }), { context: context });
            wrapper.instance().showNextBook();
            chai_1.expect(mockPush.callCount).to.equal(1);
            chai_1.expect(mockPush.args[0][0]).to.equal(context.pathFor(collectionData.url, nextBookData.url));
        });
    });
    describe("showPrevBook()", function () {
        var mockPush;
        var context;
        var collectionData;
        var bookData;
        var nextBookData;
        var prevBookData;
        var wrapper;
        beforeEach(function () {
            mockPush = sinon_1.stub();
            context = routing_1.mockRouterContext(mockPush);
            collectionData = collectionData_1.groupedCollectionData;
        });
        it("navigates to last book if currently showing first book", function () {
            var lastIndex = collectionData_1.groupedCollectionData.lanes[0].books.length - 1;
            bookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
            prevBookData = collectionData_1.groupedCollectionData.lanes[0].books[lastIndex];
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: bookData, setCollectionAndBook: mockSetCollectionAndBook }), { context: context });
            wrapper.instance().showPrevBook();
            chai_1.expect(mockPush.callCount).to.equal(1);
            chai_1.expect(mockPush.args[0][0]).to.equal(context.pathFor(collectionData.url, prevBookData.url));
        });
        it("navigates to first book if currently showing second book", function () {
            bookData = collectionData_1.groupedCollectionData.lanes[0].books[1];
            prevBookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
            wrapper = enzyme_1.shallow(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: bookData, setCollectionAndBook: mockSetCollectionAndBook }), { context: context });
            wrapper.instance().showPrevBook();
            chai_1.expect(mockPush.callCount).to.equal(1);
            chai_1.expect(mockPush.args[0][0]).to.equal(context.pathFor(collectionData.url, prevBookData.url));
        });
    });
    describe("routing", function () {
        var store;
        var collectionData = collectionData_1.groupedCollectionData;
        var bookData = collectionData_1.groupedCollectionData.lanes[0].books[0];
        var push, context, childContextTypes;
        var wrapper, root;
        var history;
        beforeEach(function () {
            push = sinon_1.stub();
            context = routing_1.mockRouterContext(push);
            childContextTypes = {
                router: React.PropTypes.object.isRequired,
                pathFor: React.PropTypes.func.isRequired
            };
            history = [{
                    text: "root title",
                    url: "root url"
                }, {
                    text: "some title",
                    url: "some url"
                }];
            wrapper = enzyme_1.mount(React.createElement(Root_1.Root, { collectionData: collectionData, bookData: null, history: history }), { context: context, childContextTypes: childContextTypes });
        });
        it("uses router to show a collection", function () {
            var collectionLink = wrapper.find(".lane .title").first();
            var collectionUrl = collectionData.lanes[0].url;
            collectionLink.simulate("click", { button: 0 });
            chai_1.expect(push.callCount).to.equal(1);
            chai_1.expect(push.args[0][0]).to.equal(context.pathFor(collectionUrl, null));
        });
        it("uses router to show a book", function () {
            var bookLink = wrapper.find(".book a").first();
            var collectionUrl = collectionData.url;
            var bookUrl = collectionData.lanes[0].books[0].url;
            bookLink.simulate("click", { button: 0 });
            chai_1.expect(push.callCount).to.equal(1);
            chai_1.expect(push.args[0][0]).to.equal(context.pathFor(collectionUrl, bookUrl));
        });
        it("uses router to hide a book", function () {
            wrapper.setProps({ bookData: bookData });
            var collectionLink = wrapper.find("ol.breadcrumb").find(CatalogLink_1.default).last();
            var collectionUrl = collectionData.url;
            collectionLink.simulate("click", { button: 0 });
            chai_1.expect(push.callCount).to.equal(1);
            chai_1.expect(push.args[0][0]).to.equal(context.pathFor(collectionUrl, null));
        });
    });
});