Reactjs 如何使用Jest检查App.tsx中是否有组件？

我想知道它们是否存在，以及下面的组件是否正在

App.tsx

中呈现：

import React, { lazy, Suspense } from 'react';

// React Lazy Components
const GlobalStyle = lazy(() => import('styles/Global'));
const Router = lazy(() => import('components/router'));

const App = (): JSX.Element => (
    <Suspense fallback={<div>loading...</div>}>
        <GlobalStyle data-testid='globalstyle-component' />
        <Router data-testid='router-component' />
    </Suspense>
);

export default App;

import React，{lazy，suspent}来自'React'；
//反应惰性组件
const GlobalStyle=lazy（（）=>import（'styles/Global'）；
const Router=lazy（（）=>import（'components/Router'））；
常量App=（）：JSX.Element=>(
);
导出默认应用程序；

如何创建测试小测验

观察：

---

我正在使用最新版本的

React

，

React测试库

和

Jest

。我不想使用

酶

，但是jsx组件在哪里？你有GlobalStyles，Router，但我看不到任何jsx组件。您也可以分享您的单元测试代码。@Nayanshah我想检查应用程序中是否存在GlobalStyle和Router。