import React from 'react';
import { render } from './test-wrapper';
import App from '../src/js/App';
import { state as mockState } from './state';

// jest.mock('react-router-dom', () => ({
//   ...jest.requireActual('react-router-dom'),
//   useNavigate: () => jest.fn(),
//   useHistory: () => ({
//     location: {
//       pathname: 'iris.local:6680/iris',
//     },
//   }),
//   useLocation: () => ({
//     pathname: 'iris.local:6680/iris',
//   }),
// }));
// jest.mock('react-dnd', () => ({
//   ...jest.requireActual('react-dnd'),
//   useDrag: jest.fn(),
//   useDrop: jest.fn(),
// }));
// jest.mock('react-redux', () => ({
//   persistReducer: jest.fn().mockImplementation((config, reducers) => reducers),
//   useSelector: () => jest.fn(fn => fn(mockState)),
//   useDispatch: () => jest.fn(),
//   connect: jest.fn(fn => fn()),
// }));

// TODO
// It seems uncommenting the mocks above causes null state issues
xdescribe('<App />', () => {
  it('should render', () => {
    const result = render(
      <App />,
      { initialState: mockState },
    ).toJSON();
    expect(result).toMatchSnapshot();
  });
});