import { _internal } from "../action-link";
 import Enzyme, { mount } from "enzyme";

 import ezJson from "enzyme-to-json";
 import Adapter from "enzyme-adapter-react-16";

 Enzyme.configure({ adapter: new Adapter() });

 import React from "react";
 import PropTypes from "prop-types";
 

 const _Link = _internal.ActionLink(React, PropTypes);

 it("dispatches an action on click", () => {
   // given
   const store = {

     pathForAction: jest.fn(() => "/my/path"),

     dispatch: jest.fn()
   };
   const props = {

     action: { type: "ACTION", id: "123" },

     children: "Hello World!"
   };

   class Link extends _Link {
     constructor() {
       super();
       this.store = store;
     }
   }

   const wrapper = mount(<Link {...{ ...props, store }} />);

   // when

   wrapper.simulate("click");

 
   //then

   expect(store.pathForAction.mock.calls).toEqual([
     [{ type: "ACTION", id: "123" }]
   ]);
   expect(store.dispatch.mock.calls).toEqual([[{ type: "ACTION", id: "123" }]]);

 });
 
 it("renders the url calculated by our internal function", () => {
   // given
   const store = {

     pathForAction: jest.fn(() => "/my/path"),

     dispatch: jest.fn()
   };
   const props = {
     action: {},
     children: "Hello World!"
   };
 

   class Link extends _Link {
     constructor() {
       super();
       this.store = store;
     }
   }
 
   const wrapper = mount(<Link {...{ ...props, store }} />);

 
   expect(ezJson(wrapper)).toMatchSnapshot();
 });

 
 it("additional props are passed through", () => {
   // given
   const store = {

     pathForAction: jest.fn(() => "/my/path"),

     dispatch: jest.fn()
   };
   const props = {
     action: {},
     children: "Hello World!",
     className: "foo"
   };
 

   class Link extends _Link {
     constructor() {
       super();
       this.store = store;
     }
   }
 
   const wrapper = mount(<Link {...{ ...props, store }} />);

 
   expect(ezJson(wrapper)).toMatchSnapshot();
 });