block15.tsx

describe("Movie Panel", () => {
    let mockStore: Store<AppState, AppActions>;
    let MoviePanelMock: FC;

    beforeEach(() => {
        mockStore = configureStore();
        MoviePanelMock = connect(
            mapStateToProps,
            (dispatch: ThunkDispatch<AppState, undefined, AppActions>) =>
                mapDispatchToProps(getAllMoviesMock)(dispatch)
        )(MoviePanel);
    });

    afterEach(cleanup);

    test("Should clear movies after pressing clear movies button", async () => {
        // GIVEN
        await render(
            <Provider store={mockStore}>
                <MoviePanelMock />
            </Provider>
        );

        // WHEN
        fireEvent.click(screen.getByTestId("clear-movies-button"));

        // THEN
        expect(screen.queryByTestId("movie-list-component")).toBeEmpty();
    });
});