React Bootstrap框架测试有开玩笑的问题

如何解决React Bootstrap框架测试有开玩笑的问题

我正在尝试测试使用jest框架进行路由后出现的组件，但出现错误消息： ●测试套件无法运行

Target container is not a DOM element.

  13 | export const history = createBrowserHistory();
  14 | 
> 15 | ReactDOM.render(
     |          ^
  16 |   <Router history={history}>
  17 |     <App />
  18 |   </Router>,at Object.render (node_modules/react-dom/cjs/react-dom.development.js:27564:15)
  at Object.<anonymous> (src/index.tsx:15:10)

有人可以帮我吗？

我的测试用例文件如下：

1. 从'react'导入React，{useContext};从
   导入{提供者} 'mobx-react';导入'../../../setupTest';导入{安装，浅}
   来自“酶” 从“反应路由器”导入{路由器}； 从'../../../common/components/ProjectForm'导入ProjectForm；从导入{Project} “ ../../../common/model”;从导入{RootStoreContext} “ ../../../store/rootStore”； IProps接口{ onProjectFormSubmit：（项目：项目）=>无效; 项目？：项目； } // const rootStore = useContext（RootStoreContext）; const projectStore = {

   getState:{
       projects:[],countries:[],regions: [],creators:[],clients:[],projectData: [
           {
               clientName: "IND",country: null,createdDate: "2020-07-27T12:15:01.373",creator: "sahaj",notes: "SGRE Notes",projectId: 1,projectName: "SGRE Muppandal wind farm",projectTypeId: null,referenceNumber: "SGRE-02233231122",region: null,sites: [],status: null,updatedDate: null
           }],},loadAllProjects: jest.fn(),loadProjectNames: jest.fn(),addProject: jest.fn() } const history: any = {
   length: 0,push: jest.fn(),action: 'POP',replace: jest.fn(),go: jest.fn(),goBack: jest.fn(),goForward: jest.fn(),block: jest.fn(),location,listen: jest.fn()   }
   function renderaddProjectModal(store: any) {
   
   const component = shallow(
       (<Provider project={store} >
   
           <Router history={history}>
           <ProjectForm onProjectFormSubmit = {jest.fn} />
             </Router> 
       </Provider>)
   ) 
   console.log(component.debug())
   return { component,props: store }; }
   const TestHookContext = () => {
   const context = useContext(RootStoreContext)   console.log(context);
   return (
     <div>
     <button onClick={context.projectStore.createProject}>
         Change Text
     </button>
       {/* <p>{context.stateProp}</p> */}
     </div>
   )   }
   describe("project formcontext",()=>{ //    var project = { 
   it('renders component',() => {
       const { component } = renderaddProjectModal(projectStore);
       expect(component).toHaveLength(1);
   });   })