text: import { Provider } from 'react-redux'
  import { compose } from 'redux'
  import { Colors } from '../../../src/components/containers'
  
  const { shallow, mount } = Enzyme
  
  jest.mock('../../../src/components/ui/ColorList')
  
  describe("<Colors /> Container ", () => {
  
      let wrapper
      const _store = {
          dispatch: jest.fn(),
          subscribe: jest.fn(),
          getState: jest.fn(() =>
              ({
                  sort: "SORTED_BY_DATE",
                  colors: _testColors
              })
          )
      }
  
      beforeAll(() => wrapper = mount(
          <Provider store={_store}>
              <Colors />
          </Provider>
      ))
  
      afterEach(() => jest.resetAllMocks())
  
      it("renders three colors", () => {
          expect(wrapper
              .find('ColorListMock')
              .props()
              .colors
              .length
          ).toBe(3)
      })
  
      it("sorts the colors by state", () => {
          expect(wrapper
              .find('ColorListMock')
              .props()
              .colors[0]
              .title
          ).toBe("tomato")
      })
  
      it("dispatches a REMOVE_COLOR action", () => {
          wrapper.find('ColorListMock')
              .props()
              .onRemove('f9005b4e-975e-433d-a646-79df172e1dbb')
  
          expect(_store.dispatch.mock.calls[0][0])
              .toEqual({
                  id: 'f9005b4e-975e-433d-a646-79df172e1dbb',
                  type: 'REMOVE_COLOR'
              })
      })
  
      it("dispatches a RATE_COLOR action", () => {
          wrapper.find('ColorListMock')
              .props()
              .onRate('8658c1d0-9eda-4a90-95e1-8001e8eb6036', 5)
          expect(_store.dispatch.mock.calls[0][0])
              .toEqual({
                  id: "8658c1d0-9eda-4a90-95e1-8001e8eb6036",
                  type: "RATE_COLOR",
                  rating: 5
              })
      })
  
  })
  