component.test.js

import React from 'react';
import {render, fireEvent, screen} from '@testing-library/react';
import {createStore, applyMiddleware, compose} from 'redux';
import reducers from '../reducers';
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
import {Provider} from 'react-redux';
import reduxThunk from 'redux-thunk';
import {Router, Route, Switch} from 'react-router-dom';
import {createBrowserHistory} from 'history';
const history = createBrowserHistory();

import MyNav from '../components/component.mynav';

it('shows success message after confirm button is clicked', () => {
  const {getByText} = render(
    <Provider store={createStore(reducers, composeEnhancers(applyMiddleware(reduxThunk)))}>
      <Router history={history}>
        <MyNav history={history} />
      </Router>
    </Provider>,
  );
  expect(screen.getByText(/My Book List/i)).toBeInTheDocument();
  expect(screen.getByText(/Release/i)).toBeInTheDocument();
  expect(screen.getByText(/Request List/i)).toBeInTheDocument();
  expect(screen.getByText(/Borrow List/i)).toBeInTheDocument();

  // fireEvent.click(getByText('Confirm'));

  // expect(getByText('Confirmed!')).toBeInTheDocument();
});