text: import React from 'react';
  
  import { MemoryRouter } from 'react-router-dom';
  import { Provider } from 'react-redux';
  
  import bukkaData from '../common/bukkaData.json';
  import FoodSection from '..';
  
  const initialState = {
    changeAuthenticationPageReducer: { type: 'Sign In', },
    deliveryModeReducer: { mode: 'delivery', },
    searchAnythingReducer: { search: '' },
    checkoutModeReducer: { mode: true },
    locationsPredictionReducer: { predictions: [3.7474, 3.4848] },
    drinkReducer: { fetchedBukkas: { nearbyBukkas: [] } },
    freshReducer: { fetchedBukkas: { nearbyBukkas: [] } },
    businessesReducer: {
      fetchedBukkas: {
        nearbyBukkas: [],
        message: ''
      },
      status: {
        fetchedBukkas: false,
        error: true,
      }
    },
    productsReducer: {
      bukkaMenu: [
        {
          title: 'title',
          imageUrl: 'www.imageUrl.com',
          description: 'your description',
          price: 4454,
          category: 'african',
          slug: 'any-way-slug'
        }
      ],
      cart: [
        {
          name: 'name',
          price: 90,
          slug: 'jdj-dfj'
        }
      ]
    },
    selectedLocationReducer: { coordinates: [3.7474, 3.4848] }
  };
  
  const store = mockStore(initialState);
  
  describe.skip('FoodSection component', () => {
    const props = {
      food: true,
      drink: true,
      category: true,
      search: true,
      fresh: true,
      signOut: jest.fn(),
      setDeliveryModeAction: jest.fn(),
      history: { push: jest.fn() },
      coordinates: [3.7474, 3.4848],
      fetchedBukkas: { nearbyBukkas: [] },
      fetchNearbyBukkas: jest.fn(),
      status: { error: false }
    };
    const { container, rerender } = render(
      <Provider store={store}>
        <MemoryRouter>
          <FoodSection {...props} />
        </MemoryRouter>
      </Provider>
    );
  
    it.skip('renders properly', () => {
      expect(container).toMatchSnapshot();
    });
    it.skip('renders properly', () => {
      const nearbyBukkas = bukkaData;
      const newState = {
        ...initialState,
        searchAnythingReducer: { search: 'a' },
        businessesReducer: {
          ...initialState.businessesReducer,
          fetchedBukkas: {
            ...initialState.businessesReducer.fetchedBukkas,
            nearbyBukkas,
            message: ''
          },
          status: {
            ...initialState.businessesReducer.status,
            fetchedBukkas: true,
            error: false
          }
        }
      };
      const newProps = {
        ...props,
        fetchedBukkas: { nearbyBukkas },
      };
      const newStore = mockStore(newState);
      rerender(
        <Provider store={newStore}>
          <MemoryRouter>
            <FoodSection {...newProps} />
          </MemoryRouter>
        </Provider>
      );
      expect(container).toMatchSnapshot();
    });
  });
  