import { expect } from "chai";
import { stub } from "sinon";

import * as React from "react";
import { shallow } from "enzyme";

import { BookDetails } from "../BookDetails";
import CatalogLink from "opds-web-client/lib/components/CatalogLink";
import BorrowButton from "opds-web-client/lib/components/BorrowButton";
import ReportProblemLink from "../ReportProblemLink";
import RevokeButton from "../RevokeButton";

let book = {
  id: "urn:librarysimplified.org/terms/id/3M%20ID/crrmnr9",
  url: "http://circulation.librarysimplified.org/works/3M/crrmnr9",
  title: "The Mayan Secrets",
  authors: ["Clive Cussler", "Thomas Perry"],
  contributors: ["contributor 1"],
  summary: "<b>Sam and Remi Fargo race for treasure—and survival—in this lightning-paced new adventure from #1<i> New York Times</i> bestselling author Clive Cussler.</b><br /><br />Husband-and-wife team Sam and Remi Fargo are in Mexico when they come upon a remarkable discovery—the mummified remainsof a man clutching an ancient sealed pot. Within the pot is a Mayan book larger than any known before.<br /><br />The book contains astonishing information about the Mayans, their cities, and about mankind itself. The secrets are so powerful that some people would do anything to possess them—as the Fargos are about to find out. Many men and women are going to die for that book.",
  imageUrl: "https://dlotdqc6pnwqb.cloudfront.net/3M/crrmnr9/cover.jpg",
  borrowUrl: "borrow url",
  openAccessLinks: [{ url: "secrets.epub", type: "epub" }],
  publisher: "Penguin Publishing Group",
  published: "February 29, 2016",
  categories: ["Children", "10-12", "Fiction", "Adventure", "Fantasy"],
  raw: {
    category: [
      {
        $: {
          scheme: { value: "http://schema.org/audience" },
          label: { value: "Children" }
        }
      },
      {
        $: {
          scheme: { value: "http://schema.org/typicalAgeRange" },
          label: { value: "10-12" }
        }
      },
      {
        $: {
          scheme: { value: "http://librarysimplified.org/terms/fiction/" },
          label: { value: "Fiction" }
        }
      },
      {
        $: {
          scheme: { value: "http://librarysimplified.org/terms/genres/Simplified/" },
          label: { value: "Adventure" }
        }
      },
      {
        $: {
          scheme: { value: "http://librarysimplified.org/terms/genres/Simplified/" },
          label: { value: "Fantasy" }
        }
      }
    ],
    "bibframe:distribution": [
      {
        $: {
          "bibframe:ProviderName": {
            value: "Overdrive"
          }
        }
      }
    ],
    link: [{
      $: {
        rel: { value: "issues" },
        href: { value: "http://example.com/report" }
      }
    },
    {
      $: {
        rel: { value: "http://librarysimplified.org/terms/rel/revoke" },
        href: { value: "http://example.com/revoke" }
      }
    }]
  }
};

describe("BookDetails", () => {
  let wrapper;
  let noop = stub().returns(new Promise((resolve, reject) => resolve()));
  let fetchComplaintTypes = noop;
  let postComplaint = noop;
  let problemTypes = ["type1", "type2"];

  beforeEach(() => {
    wrapper = shallow(
      <BookDetails
        book={book}
        updateBook={noop}
        fulfillBook={noop}
        indirectFulfillBook={noop}
        fetchComplaintTypes={fetchComplaintTypes}
        postComplaint={postComplaint}
        problemTypes={problemTypes}
        />
    );
  });

  it("shows audience and target age", () => {
    let audience = wrapper.find(".audience");
    expect(audience.text()).to.equal("Audience: Children (age 10-12)");
  });

  it("shows categories", () => {
    let categories = wrapper.find(".categories");
    expect(categories.text()).to.equal("Categories: Adventure, Fantasy");
  });

  it("doesn't show categories when there aren't any", () => {
    let bookCopy = Object.assign({}, book, { raw: { category: [], link: [ ]} });
    wrapper.setProps({ book: bookCopy });
    let categories = wrapper.find(".categories");
    expect(categories.length).to.equal(0);
  });

  it("shows distributor", () => {
    let distributor = wrapper.find(".distributed-by");
    expect(distributor.text()).to.equal("Distributed By: Overdrive");
  });

  it("shows report problem link", () => {
    let link = wrapper.find(ReportProblemLink);
    expect(link.length).to.equal(1);
    expect(link.props().reportUrl).to.equal("http://example.com/report");
    expect(link.props().fetchTypes).to.equal(fetchComplaintTypes);
    expect(link.props().report).to.equal(postComplaint);
    expect(link.props().types).to.equal(problemTypes);
  });

  it("shows revoke button if book is open access", () => {
    let button = wrapper.find(RevokeButton);
    expect(button.length).to.equal(1);
    expect(button.props().revoke).to.equal(wrapper.instance().revoke);
    expect(button.props().children).to.equal("Return Now");
  });

  it("doesn't show revoke button if book isn't open access", () => {
    let bookCopy = Object.assign({}, book, { openAccessLinks: [] });
    wrapper = shallow(
      <BookDetails
        book={bookCopy}
        updateBook={noop}
        fulfillBook={noop}
        indirectFulfillBook={noop}
        fetchComplaintTypes={fetchComplaintTypes}
        postComplaint={postComplaint}
        problemTypes={problemTypes}
        />
    );
    let button = wrapper.find(RevokeButton);
    expect(button.length).to.equal(0);
  });

  it("shows app info for borrowed book", () => {
    let bookCopy = Object.assign({}, book, {
      openAccessLinks: [],
      fulfillmentLinks: ["http://fulfill"],
      availability: { status: "available" }
    });
    wrapper = shallow(
      <BookDetails
        book={bookCopy}
        updateBook={noop}
        fulfillBook={noop}
        indirectFulfillBook={noop}
        fetchComplaintTypes={fetchComplaintTypes}
        postComplaint={postComplaint}
        problemTypes={problemTypes}
        />
    );
    let appInfo = wrapper.find(".app-info");
    expect(appInfo.length).to.equal(1);
    expect(appInfo.text()).to.contain("app");
  });
});