Is testing done correctly?

Question

Unit testing

Hello. I'm covering an application with tests and I need to test a component that is wrapped in a redux connect hook. Is the following code implemented correctly:

import React from 'react';
import { Provider } from 'react-redux';
import { shallow } from 'enzyme';

import FilmPage from '../../pages/FilmPage';
import store from '../../store/Store';

describe('film page', () => {
    it('correct film title display', () => {
        let filmPage = shallow(
            <Provider store={store}>
                <FilmPage />
            </Provider>
        );
        expect(filmPage.find('div')).toHaveLength(0);
    })
})

I am interested in whether it is correct to wrap the tested component in a provider with a real store that is used in the application, or is there a more correct way? Thanks in advance for any help.

Answer 1

As an option

import { createHashHistory } from 'history'
import { createStore } from 'redux'
import reducer from 'reducer'

import { Provider } from 'react-redux'
import { store } from 'store'

const history = createHashHistory()
const store = createStore(reducer(history))