---
title: renderApp
sidebar_position: 2
---

:::info 补充信息
`render` 函数用于测试普通组件，`renderApp` 函数用于测试应用组件。
```ts
import { renderApp } from '@modern-js/runtime/testing';
```
:::

应用组件指包含一些 Modern 上下文的组件，如 App根组件，使用了 model 的 Container 等。对于这类组件的测试，可以使用 `renderApp` 函数，会自动按照当前 `modern.config.js` 配置，包裹上对应的上下文信息。

## API

`renderApp` 在 API 层面和 [render](./render) 完全一致。

## 示例

```ts
import { renderApp } from '@modern-js/runtime/testing';
import App from '../App';

describe('test', () => {
  it('test App', () => {
    const { getByText } = renderApp(<App />);
    expect(getByText('Hello Modern!')).toBeInTheDocument();
  });
})
```