@modern-js/main-doc 2.51.0 → 2.53.0

package/docs/zh/guides/basic-features/deploy.mdx

@@ -2,18 +2,21 @@
 sidebar_position: 15
 ---
 
-# 部署
+# 部署应用
 
-目前 Modern.js 支持在 node.js 环境下运行，你可以自行托管，同时，Modern.js 官方支持在 Netlify 平台上部署。
+目前，Modern.js 提供了两种部署方式：
+
+- 你可以将应用自行托管在包含 Node.js 环境的容器中，这为应用提供了部署的灵活性。
+- 你也可以通过平台部署应用，目前 Modern.js 官方支持了 [Netlify](https://www.netlify.com/) 和 [Vercel](https://vercel.com/) 平台。
 
 :::info
-当前仅支持在 node.js 环境运行，对其他运行时环境的支持将在后续版本中提供。
+目前 Modern.js 仅支持在 Node.js 环境中运行，未来将提供更多运行时环境的支持。
 :::
 
 
-## 构建产物的命令
+## 构建部署产物
 
-执行 `modern deploy` 命令将自动构建适用于生产环境的输出文件。此过程包括优化输出文件及其依赖，并检测当前部署平台，自动生成可以在该平台运行的产物。
+执行 `modern deploy` 命令将自动输出部署产物。此过程包括优化 Bundler 构建产物及产物依赖，检测当前部署平台，并自动生成可以在该平台运行的产物。
 如果你希望在本地生成并测试特定部署平台的产物，可以通过设置环境变量来指定平台:
 
 ```bash
@@ -29,24 +32,26 @@ MODERNJS_DEPLOY=netlify npx modern deploy
 
 ### 单仓库项目
 
-默认情况下，当未检测到 Modern.js 支持的部署平台时，Modern.js 会输出可以在 Node.js 环境下运行的构建产物。
+默认情况下，如果未检测到 Modern.js 支持的部署平台，Modern.js 将生成可以在 Node.js 环境下运行的部署产物。
+
+你可以使用以下命令构建项目：
 
-使用以下命令构建项目：
 ```bash
 npx modern deploy
 ```
 
-当执行 `modern deploy` 命令时，Modern.js 会产出可运行的生产环境产物，并输出以下内容：
+当执行 `modern deploy` 命令时，Modern.js 将生成可执行的部署产物，并在控制台输出以下内容：
 
 ```bash
 Static directory: `.output/static`
 You can preview this build by `node .output/index`
 ```
 
-此时，你可以通过 `node .output/index` 运行整个 server，在 `.output/static` 目录下是页面所需的静态资源，你可以将这些静态资源自行上传至 CDN。
+现在，你可以通过执行 `node .output/index` 命令来运行服务器。在 `.output/static` 目录中，存放了页面运行所需的静态资源，你可以选择将这些资源上传到 CDN 以提高访问速度。
 
 :::info
-默认情况下，运行 Modern.js Server 时会监听 8080 端口，如果你想修改监听的端口，可以指定 `PORT` 环境变量：
+默认情况下，运行 Modern.js 服务器时会监听 8080 端口，如果你想修改监听的端口，可以指定 `PORT` 环境变量：
+
 ```
 PORT=3000 node .output/index
 ```
@@ -55,36 +60,35 @@ PORT=3000 node .output/index
 
 ### Monorepo
 
-对于 Monorepo 项目，除了需要构建我们当前的项目外，还需要构建当前项目的依赖的其他仓库。
+对于 Monorepo 项目，除了需要构建当前的项目外，还需要构建当前项目依赖的仓库中其他子项目。
 
-假设当前项目的 `package.json` 中的 name 为 `app`，以 pnpm 作为 monorepo 管理工具为例，你可以在当前项目的 `package.json` 添加以下命令用于构建当前项目的产物：
+假设当前项目的 `package.json` 中的 name 为 `app`，以 pnpm 作为 Monorepo 管理工具为例，你可以在项目 `package.json` 中添加以下命令用于构建：
 
 ```json title="app/package.json"
 {
   "scripts": {
-    "deploy": "modern deploy",
-    "deploy:app": "pnpm --filter 'app^...' run build && pnpm --filter=app run deploy",
+    "build:packages": "pnpm --filter 'app^...' run build",
+    "deploy": "pnpm run build:packages && modern deploy",
   }
 }
 ```
 
-如果你使用 rush 管理仓库，可以在 `package.json` 中添加以下命令：
+如果你使用 rush 作为 Monorepo 管理工具，可以在 `package.json` 中添加以下命令：
 
 ```json
 {
   "scripts": {
-    "deploy": "modern deploy",
-    "deploy:app": "rush rebuild --to-except app && rushx deploy",
+    "build:packages": "rush rebuild --to-except app",
+    "deploy": "rushx build:packages && modern deploy",
   }
 }
 ```
 
-当构建完成后，Modern.js 会将项目中所有的依赖生成在 `.output/node_modules` 目录下。同样的，你可以使用 `node .output/index` 运行整个 Server。
+构建完成后，框架会将项目中所有的依赖生成在 `.output/node_modules` 目录下。你同样可以使用 `node .output/index` 运行 Modern.js 服务器。
 
 ## Netlify
 
-Netlify 是一个流行的 web 开发平台，专为构建、发布和维护现代 web 项目而设计，在 Netlify 上部署，主要需要配置 `netlify.toml` 文件，
-根据你的项目复杂度，可以渐进配置。
+Netlify 是一个流行的 Web 开发平台，专为构建、发布和维护现代 Web 项目而设计。在 Netlify 上部署，通常需要配置 `netlify.toml` 文件，你可以根据项目复杂度，渐进地配置该文件。
 
 ### 纯前端项目
 
@@ -92,30 +96,29 @@ Netlify 是一个流行的 web 开发平台，专为构建、发布和维护现
 
 ```bash
 ./
-├── src/
+├── src
 ├── modern.config.ts
 ├── netlify.toml
-├── package.json
+└── package.json
 ```
 
 在 `netlify.toml` 中添加以下内容：
 ```toml
 [build]
   publish = "dist"
-  command = "npm run deploy"
+  command = "modern deploy"
 ```
 
 在 Netlify 平台上添加项目，部署即可。
 
 ### 全栈项目
 
-全栈项目是指使用了 自定义 Server，SSR，BFF 的项目，这些项目需要部署在 Netlify Functions 上。基于上述的 `netlify.toml` 文件，
-添加以下配置：
+全栈项目是指使用了自定义 Web Server、SSR、BFF 的项目，这些项目需要部署在 **Netlify Functions** 上。你需要基于上述的 `netlify.toml` 文件，添加以下配置：
 
 ```toml title="netlify.toml"
 [build]
   publish = "dist"
-  command = "npm run deploy"
+  command = "modern deploy"
 
 [functions]
   directory = ".netlify/functions"
@@ -131,30 +134,36 @@ Netlify 是一个流行的 web 开发平台，专为构建、发布和维护现
 
 ### Monorepo 项目
 
-对于 Monorepo 项目，除了需要构建我们当前的项目外，还需要构建当前项目的依赖的其他仓库。我们以一个 pnpm monorepo 仓库为例，
-在 Netlify 上对 Monorepo 项目进行部署。
+:::info
+以下指南主要针对于全栈项目，对于纯 CSR 的项目，只需要按照[纯前端项目](#纯前端项目)部署即可。
+:::
+
+对于 Monorepo 项目，除了需要构建当前的项目外，还需要构建当前项目依赖的仓库中其他子项目。这里以一个 pnpm Monorepo 仓库为例，在 Netlify 上对 Monorepo 项目进行部署。
 
-假设我们有以下 Monorepo 仓库：
+假设 Monorepo 仓库目录结构如下：
 
 ```
-./
-├── packages/
-│   ├── app/
+.
+├── packages
+│   ├── app
 │   └── app-dep1
 ├── package.json
 ├── pnpm-lock.yaml
 └── pnpm-workspace.yaml
 ```
 
-我们需要在 netlify 平台上配置 Base directory 为 `packages/app`:
+你需要在 Netlify 平台上配置 **Base directory** 为 `packages/app`:
 
 <img src="https://sf16-sg.tiktokcdn.com/obj/eden-sg/lmeh7nuptpfnuhd/netlify-monorepo-basedir.png?x-resource-account=public" />
 
 在 `packages/app/package.json` 中添加以下 script，在执行 `app` 仓库的部署命令之前，先执行 workspace 中其他仓库的构建：
 
 ```json
-"scripts": {
-  "deploy:app": "pnpm --filter 'app^...' run build && pnpm --filter=app run deploy",
+{
+  "scripts": {
+    "build:packages": "pnpm --filter 'app^...' run build",
+    "deploy": "pnpm run build:packages && modern deploy",
+  }
 }
 ```
 
@@ -163,7 +172,7 @@ Netlify 是一个流行的 web 开发平台，专为构建、发布和维护现
 ```toml
 [build]
   publish = "dist"
-  command = "npm run deploy:app"
+  command = "npm run deploy"
 
 [functions]
   directory = ".netlify/functions"
@@ -173,5 +182,100 @@ Netlify 是一个流行的 web 开发平台，专为构建、发布和维护现
 
 提交你的代码，使用 Netlify 平台部署即可。
 
+## Vercel
+
+Vercel 是一个面向现代 Web 应用的部署平台，它提供了丰富的功能，支持部署静态网站，服务端渲染应用等。在 Vercel 上部署，通常需要配置 `vercel.json` 文件，你可以根据项目复杂度，渐进地配置该文件。
+
+### 纯前端项目
+
+在当前项目的根目录添加 `vercel.json` 文件：
+```bash
+./
+├── src
+├── modern.config.ts
+├── vercel.json
+└── package.json
+```
+
+在 `vercel.json` 中添加以下内容：
+```json title="vercel.json"
+{
+  "buildCommand": "modern deploy",
+  "outputDirectory": ".vercel/output"
+}
+```
+
+提交你的项目到 git，在 Vercel 平台上选择 Frmeworkwork Preset 为 `Other`，部署即可。
+
+<img src="https://sf16-sg.tiktokcdn.com/obj/eden-sg/lmeh7nuptpfnuhd/vercel-framework-preset.png" />
+
+### 全栈项目
+
+全栈项目是指使用了自定义 Web Server、SSR、BFF 的项目，这些项目需要部署在 **Vercel Functions** 上。
+
+全栈项目除了按照[纯前端项目](#纯前端项目)的方式配置 `vercel.json` 外，有两点需要注意：
+
+1. 当前，Modern.js 还不支持在 Vercel 平台上部署 BFF 项目，我们将在后续的版本中支持。
+2. Vercel 平台部署时，默认 node 运行时为 `20.x`，部署全栈项目时建议选择 `18.x`，具体原因详见[Serverless Function contains invalid runtime error](https://vercel.com/guides/serverless-function-contains-invalid-runtime-error)，你可以修改 `package.json` 指定版本：
+```json title="package.json"
+"engines": {
+  "node": "18.x"
+}
+```
+
+
+### Monorepo 项目
+
+:::info
+以下指南主要针对于全栈项目，对于纯 CSR 的项目，只需要按照[纯前端项目](#纯前端项目-1)部署即可。
+:::
+
+对于 Monorepo 项目，除了需要构建当前的项目外，还需要构建当前项目依赖的仓库中其他子项目。这里以一个 pnpm Monorepo 仓库为例，在 Vercel 上对 Monorepo 项目进行部署。
+
+假设 Monorepo 仓库目录结构如下：
+
+```
+.
+├── packages
+│   ├── app
+│   └── app-dep1
+├── package.json
+├── pnpm-lock.yaml
+└── pnpm-workspace.yaml
+```
+
+首先，你需要在 Vercel 平台上配置 **Root Directory** 为 `packages/app`:
+
+<img src="https://sf16-sg.tiktokcdn.com/obj/eden-sg/lmeh7nuptpfnuhd/vercel-root-directory.png" />
+
+将 Node.js 运行时设置为 `18.x`：
+```json title="package.json"
+"engines": {
+  "node": "18.x"
+},
+```
+
+在 `packages/app/package.json` 中添加以下 script，在执行 `app` 仓库的部署命令之前，先执行 workspace 中其他仓库的构建：
+
+```json
+{
+  "scripts": {
+    "build:packages": "pnpm --filter 'app^...' run build",
+    "deploy": "pnpm run build:packages && modern deploy",
+  }
+}
+```
+
+在 `packages/app/vercel.json` 文件中添加以下内容：
+```json title="vercel.json"
+{
+  "buildCommand": "npm run deploy",
+  "outputDirectory": ".vercel/output"
+}
+```
+
+提交你的代码，使用 Vercel 平台部署即可。
+
+
 
 

package/docs/zh/guides/basic-features/routes.mdx

@@ -460,8 +460,8 @@ export const init = (context: RuntimeContext) => {
 import { useRuntimeContext } from '@modern-js/runtime';
 
 export default () => {
-  const { context } = useRuntimeContext();
-  const { message } = context.getInitData();
+  const context = useRuntimeContext();
+  const { message } = context.initialData;
 
   return <div>{message}</div>;
 };

package/docs/zh/guides/get-started/tech-stack.mdx

@@ -83,12 +83,6 @@ Modern.js 支持使用 [styled-components](https://styled-components.com/)，请
 
 如果你需要使用其他 CSS-in-JS 方案，可以自行集成到你的项目中。
 
-## 测试框架
-
-Modern.js 支持使用 [Jest](https://jestjs.io/) 进行单元测试或集成测试。该功能为可选功能，请参考[「使用 Jest 测试」](/guides/advanced-features/testing) 启用。
-
-如果你需要使用 [Vitest](https://vitest.dev/) 或其他测试框架，可以自行集成到你的项目中。
-
 ## 组件库
 
 Modern.js 可以与社区中任意的 React 组件库搭配使用，比如 [MUI](https://mui.com/)、[Ant Design](https://ant.design/)、[Arco Design](https://github.com/arco-design/arco-design)、[Semi Design](https://semi.design/)、[Radix UI](https://www.radix-ui.com/) 等。

package/docs/zh/guides/topic-detail/framework-plugin/plugin-api.mdx

@@ -105,7 +105,7 @@ interface IAppContext {
   /** 服务端路由信息 */
   serverRoutes: ServerRoute[];
   /** 当前项目类型 */
-  toolsType?: 'app-tools' | 'module-tools' | 'monorepo-tools';
+  toolsType?: 'app-tools' | 'module-tools';
   /** 当前使用的打包工具类型 */
   bundlerType?: 'webpack' | 'rspack' | 'esbuild';
 }

package/docs/zh/guides/topic-detail/generator/create/option.md

@@ -20,7 +20,6 @@ Options:
   -d,--debug               开启 Debug 模式，打印调试日志信息 (default: false)
   --mwa                    一键创建 Web 应用(使用默认配置) (default: false)
   --module                 一键创建 Module 应用(使用默认配置) (default: false)
-  --monorepo               一键创建 Monorepo 应用(使用默认配置) (default: false)
   --generator <generator>  使用自定义生成器
   -p, --plugin <plugin>    使用生成器插件创建新的工程方案类型或定制化 Modern.js 工程方案 (default: [])
   --dist-tag <distTag>     生成项目时生成器使用特殊的 npm Tag (default: "")
@@ -89,10 +88,6 @@ npx @modern-js/create@latest --config '{"packageManager": "pnpm"}'
 
 快速创建 Npm 模块项目。
 
-## --monorepo
-
-快速创建 Monorepo 项目。
-
 ## -p, --plugin \<plugin>
 
 指定生成器插件。

package/docs/zh/guides/topic-detail/generator/create/use.mdx

@@ -4,7 +4,7 @@ sidebar_position: 1
 
 # 使用
 
-Modern.js 提供了 `@modern-js/create` 工具用于创建 Modern.js 提供的工程方案项目，例如 [Web 应用](https://modernjs.dev/)、[Npm 模块](https://modernjs.dev/module-tools)、[Monorepo](/guides/topic-detail/monorepo/intro.html) 等。
+Modern.js 提供了 `@modern-js/create` 工具用于创建 Modern.js 提供的工程方案项目，例如 [Web 应用](https://modernjs.dev/)、[Npm 模块](https://modernjs.dev/module-tools)。
 
 下面将介绍 `@modern-js/create` 的使用姿势。
 
@@ -47,12 +47,3 @@ npx @modern-js/create@latest npm-module
 ? 请选择开发语言 TS
 ? 请选择包管理工具 pnpm
 ```
-
-### 创建 Monorepo
-
-```bash
-npx @modern-js/create@latest monorepo
-? 请选择你想创建的工程类型 Monorepo
-? 请选择包管理工具 pnpm
-```
-

package/docs/zh/guides/topic-detail/generator/new/config.md

@@ -60,8 +60,6 @@ sidebar_position: 3
 
 - 启用「微前端」模式 -- micro_frontend
 
-- 启用「单元测试 / 集成测试」功能 -- test
-
 - 启用「基于 UA 的 Polyfill」功能 -- polyfill
 
 - 启用「全局代理」 -- proxy
@@ -111,37 +109,8 @@ sidebar_position: 3
 
 选项：
 
-- 启用「单元测试 / 集成测试」功能 -- test
-
 - 启用 「Tailwind CSS」 支持 -- tailwindcss
 
 - 启用「Storybook」 -- storybook
 
 - 启用「Runtime API」 -- runtime_api
-
-## Monorepo
-
-### sub_solution
-
-问题：请选择你想创建的工程类型
-
-选项：
-
-- Web 应用 -- mwa
-- Npm 模块 -- module
-
-### packageName
-
-问题：请填写子项目名称
-
-:::info
-子项目的 `package.json` 的 name 字段值，该配置值为字符串类型。
-:::
-
-### packagePath
-
-问题：请填写子项目目录名称
-
-:::info
-子项目基于 apps 或者 packages 目录的子目录名称，该字段为字符串类型。
-:::

package/docs/zh/guides/topic-detail/generator/new/use.md

@@ -72,23 +72,3 @@ npm run new
 ```
 
 执行完成后将会在项目安装 Storybook 插件相关依赖，增加 `storybook` 命令，创建 `stories` 目录用于 Storybook 模块的开发并提供提示信息用于注册 Storybook 插件。
-
-## Monorepo
-
-Monorepo 项目通过 `@modern-js/monorepo-tools` 提供 new 命令。
-
-new 命令提供了创建子项目的能力。
-
-例如：
-
-创建 Web 应用子项目：
-
-```bash
-? 请选择你想创建的工程类型 Web 应用
-? 请填写子项目名称 web_app
-? 请填写子项目目录名称 web_app
-? 请选择开发语言 TS
-? 请选择构建工具 webpack
-```
-
-执行完成后将会在项目 apps 目录创建 `web_app` 的子项目，在子项目目录中依然可以执行 new 命令创建项目元素和开启功能。

package/package.json

@@ -15,17 +15,17 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.51.0",
+  "version": "2.53.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@modern-js/sandpack-react": "2.51.0"
+    "@modern-js/sandpack-react": "2.53.0"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "^2.51.0"
+    "@modern-js/builder-doc": "^2.53.0"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -39,8 +39,8 @@
     "@rspress/shared": "1.18.2",
     "@types/node": "^16",
     "@types/fs-extra": "9.0.13",
-    "@modern-js/builder-doc": "2.51.0",
-    "@modern-js/doc-plugin-auto-sidebar": "2.51.0"
+    "@modern-js/builder-doc": "2.53.0",
+    "@modern-js/doc-plugin-auto-sidebar": "2.53.0"
   },
   "scripts": {
     "dev": "rspress dev",

package/docs/en/apis/app/runtime/testing/_category_.json

@@ -1,4 +0,0 @@
-{
-  "label": "Testing API",
-  "position": 11
-}

package/docs/en/apis/app/runtime/testing/act.mdx

@@ -1,35 +0,0 @@
----
-title: act
----
-# act
-
-Used to ensure that behaviors such as rendering, events, data fetching, etc. have been applied to the DOM.
-
-## Usage
-
-```ts
-import { act } from '@modern-js/runtime/testing';
-```
-
-## Function Signature
-
-`act` is the same as [react-dom/test-utils act function](https://reactjs.org/docs/testing-recipes.html#act).
-
-## Example
-
-```tsx
-import ReactDOM from 'react-dom';
-import { act } from '@modern-js/runtime/testing';
-import { Foo } from '@/components/Foo';
-
-describe('test act', () => {
-  it('it should be foo', () => {
-    const el = document.createElement('div');
-    act(() => {
-      ReactDOM.render(<Foo />, el);
-    });
-
-    expect(el.innerHTML).toBe('<div>Foo</div>');
-  });
-});
-```

package/docs/en/apis/app/runtime/testing/cleanup.mdx

@@ -1,40 +0,0 @@
----
-title: cleanup
-sidebar_position: 3
----
-# cleanup
-
-Used to uninstall all currently rendered components.
-
-## Usage
-
-```ts
-import { cleanup } from '@modenr-js/runtime/testing';
-```
-
-## Function Signature
-
-`function cleanup(): void`
-
-## Example
-
-:::info
-Note that if you are using a testing framework that supports afterEach and it is injected into your testing environment (such as mocha, Jest, and Jasmine), **will execute `cleanup`** in the afterEach hook by default. Otherwise, you will need to do manual cleanup after each test.
-
-:::
-
-For example, if you use the [ava](https://github.com/avajs/ava) test framework, then you need to use the `test.after Each` hook like this.
-
-```tsx
-import { cleanup, render } from '@modern-js/runtime/testing';
-import test from 'ava';
-
-test.afterEach(cleanup);
-
-test('renders into document', () => {
-  render(<div />);
-  // ...
-});
-
-// ... more tests ...
-```

package/docs/en/apis/app/runtime/testing/render.mdx

@@ -1,71 +0,0 @@
----
-title: render
----
-# render
-
-Used to render the component in the test case.
-
-## Usage
-
-```ts
-import { render } from '@modern-js/runtime/testing';
-```
-
-## Function Signature
-
-```ts
-type Options = {
-  container: DOMElement;
-  baseElement: DOMElement;
-  hydrate: boolean;
-  warpper: React.ComponentType<{children: ReactNode}>;
-  queries: any;
-};
-
-type RenderResult = {
-  {...queries}: any;
-  container: DOMElement;
-  baseElement: DOMElement;
-  debug: function;
-  rerender: function;
-  unmount: function;
-  asFragment: function;
-}
-
-function render(ui: React.ReactElement<any>, options: Options): RenderResult;
-```
-
-### Input
-
-- `ui`: the React component that needs to be rendered.
-- `options`: render options.
-  - `container`: the dom which component mounted. by default create a `div` element, and auto append to `document.body`. the default value is `document.body.append(document.createElement('div'))`.
-  - `baseElement`: Used to specify the `basename` used in `queries`. If `container` is specified, the default value is the value of `container`, otherwise it is `document.body`.
-  - `hydrate`: If set to `true`, the [ReactDOM.hydrate](https://react.dev/reference/react-dom/hydrate) rendering component is used. The default value is `false`.
-  - `wrapper`: a react component that can be used to customize rendering logic.
-  - `queries`: customize some own `queries`.
-
-### Return Value
-
-- `{...queries}`: all available [queries](https://testing-library.com/docs/queries/about/).
-- `container`: the DOM element that React component mounted.
-- `baseElement`
-- `debug`
-- `rerender`: if you want to test some scene when a rendered component is updated, you can use rerender for reality.
-- `unmount`: unmount rendered components. This API is helpful if you want to test what happens after the component is unmounted.
-- `asFragment`: return the [DocumentFragment](https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment) of rendered component. used to test the response of the DOM structure after the react event is triggered.
-
-## Example
-
-```ts
-import { render } from '@modern-js/runtime/testing';
-import App from './App';
-
-test('renders a message', () => {
-  const { container, getByText } = render(<App />);
-  expect(getByText('Hello, world!')).toBeInTheDocument();
-  expect(container.firstChild).toMatchInlineSnapshot(`
-    <h1>Hello, World!</h1>
-  `);
-});
-```

package/docs/en/apis/app/runtime/testing/renderApp.mdx

@@ -1,34 +0,0 @@
----
-title: renderApp
----
-# renderApp
-
-The `render` function is used to test normal components, and the `renderApp` function is used to test App components.
-
-## Usage
-
-```ts
-import { renderApp } from '@modern-js/runtime/testing';
-```
-
-App components refer to components that contain some Modern.js contexts, such as App root components, Containers using Models, etc.
-
-For the testing of such components, you can use the `renderApp` function, which will automatically wrap the context information according to the current `modern.config.js`.
-
-## Function Signature
-
-`renderApp` is the same as [render](./render.mdx).
-
-## Example
-
-```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();
-  });
-});
-```

package/docs/en/configure/app/testing/_category_.json

@@ -1,4 +0,0 @@
-{
-  "label": "testing",
-  "position": 10
-}