@nocobase/test 1.0.0-alpha.3 → 1.0.0-alpha.4

package/es/client/index.mjs

@@ -3,7 +3,7 @@ export * from "@testing-library/react";
 import React, { Fragment } from "react";
 import MockAdapter from "axios-mock-adapter";
 import _, { pick, get } from "lodash";
-import { observer, useFieldSchema } from "@formily/react";
+import { observer, useForm, useFieldSchema } from "@formily/react";
 import { Application, AntdSchemaComponentPlugin, SchemaSettingsPlugin, CollectionPlugin, LocalDataSource, SchemaSettings, SchemaComponent, DataBlockProvider } from "@nocobase/client";
 import { expect } from "vitest";
 import userEvent from "@testing-library/user-event";
@@ -1117,6 +1117,113 @@ const dataSourceMainData = {
       }
     }
   },
+  "users:get": {
+    data: {
+      createdAt: "2024-04-07T06:50:37.797Z",
+      updatedAt: "2024-04-07T06:50:37.797Z",
+      appLang: null,
+      createdById: null,
+      email: "admin@nocobase.com",
+      f_1gx8uyn3wva: 1,
+      id: 1,
+      nickname: "Super Admin",
+      phone: null,
+      systemSettings: {},
+      updatedById: null,
+      username: "nocobase",
+      roles: [
+        {
+          createdAt: "2024-04-07T06:50:37.700Z",
+          updatedAt: "2024-04-07T06:50:37.700Z",
+          allowConfigure: null,
+          allowNewMenu: true,
+          "default": true,
+          description: null,
+          hidden: false,
+          color: "#1677FF",
+          name: "member",
+          snippets: [
+            "!pm",
+            "!pm.*",
+            "!ui.*"
+          ],
+          strategy: {
+            actions: [
+              "view",
+              "update:own",
+              "destroy:own",
+              "create"
+            ]
+          },
+          title: '{{t("Member")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:37.854Z",
+            updatedAt: "2024-04-07T06:50:37.854Z",
+            "default": null,
+            roleName: "member",
+            userId: 1
+          }
+        },
+        {
+          createdAt: "2024-04-07T06:50:37.622Z",
+          updatedAt: "2024-04-07T06:50:37.622Z",
+          allowConfigure: null,
+          allowNewMenu: null,
+          "default": false,
+          description: null,
+          hidden: true,
+          color: "#1677FF",
+          name: "root",
+          snippets: [
+            "pm",
+            "pm.*",
+            "ui.*"
+          ],
+          strategy: null,
+          title: '{{t("Root")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:38.152Z",
+            updatedAt: "2024-04-07T06:50:38.186Z",
+            "default": true,
+            roleName: "root",
+            userId: 1
+          }
+        },
+        {
+          createdAt: "2024-04-07T06:50:37.657Z",
+          updatedAt: "2024-04-07T06:50:37.657Z",
+          allowConfigure: true,
+          allowNewMenu: true,
+          "default": false,
+          description: null,
+          hidden: false,
+          name: "admin",
+          color: "#1677FF",
+          snippets: [
+            "pm",
+            "pm.*",
+            "ui.*"
+          ],
+          strategy: {
+            actions: [
+              "create",
+              "view",
+              "update",
+              "destroy"
+            ]
+          },
+          title: '{{t("Admin")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:38.152Z",
+            updatedAt: "2024-04-07T06:50:38.152Z",
+            "default": null,
+            roleName: "admin",
+            userId: 1
+          }
+        }
+      ]
+    }
+  },
   "roles:list": {
     data: [
       {
@@ -1208,6 +1315,26 @@ const dataSourceMainData = {
       }
     }
   },
+  "roles:get": {
+    data: {
+      createdAt: "2024-04-07T06:50:37.622Z",
+      updatedAt: "2024-04-07T06:50:37.622Z",
+      allowConfigure: null,
+      allowNewMenu: null,
+      "default": false,
+      description: null,
+      hidden: true,
+      name: "root",
+      color: "#1677FF",
+      snippets: [
+        "pm",
+        "pm.*",
+        "ui.*"
+      ],
+      strategy: null,
+      title: '{{t("Root")}}'
+    }
+  },
   "tree:list": {
     data: [
       {
@@ -1250,7 +1377,10 @@ const sleep = async (timeout = 0) => {
 };
 const defaultApis = {
   "uiSchemas:patch": { data: { result: "ok" } },
+  "uiSchemas:batchPatch": { data: { result: "ok" } },
   "uiSchemas:saveAsTemplate": { data: { result: "ok" } },
+  "users:update": { data: { result: "ok" } },
+  "roles:update": { data: { result: "ok" } },
   ...dataSourceMainData
 };
 function getProcessMockData(apis, key2) {
@@ -1260,15 +1390,27 @@ function getProcessMockData(apis, key2) {
       return [404, { data: { message: "mock data not found" } }];
     if (((_a = config == null ? void 0 : config.params) == null ? void 0 : _a.pageSize) || ((_b = config == null ? void 0 : config.params) == null ? void 0 : _b.page)) {
       const { data, meta } = apis[key2];
-      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize);
-      const page = config.params.page || (meta == null ? void 0 : meta.page);
-      return [200, { data: data.slice(pageSize * (page - 1), pageSize), meta: { ...meta, page, pageSize } }];
+      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize) || 20;
+      const page = config.params.page || (meta == null ? void 0 : meta.page) || 1;
+      return [
+        200,
+        {
+          data: data.slice(pageSize * (page - 1), pageSize * page),
+          meta: {
+            ...meta,
+            page,
+            pageSize,
+            count: data.length,
+            totalPage: Math.ceil(data.length / pageSize)
+          }
+        }
+      ];
     }
     return [200, apis[key2]];
   };
 }
-const mockApi = (axiosInstance, apis = {}) => {
-  const mock = new MockAdapter(axiosInstance);
+const mockApi = (axiosInstance, apis = {}, delayResponse) => {
+  const mock = new MockAdapter(axiosInstance, { delayResponse });
   Object.keys(apis).forEach((key2) => {
     mock.onAny(key2).reply(getProcessMockData(apis, key2));
   });
@@ -1278,10 +1420,14 @@ const mockApi = (axiosInstance, apis = {}) => {
     });
   };
 };
-const mockAppApi = (app, apis = {}) => {
-  const mock = mockApi(app.apiClient.axios, apis);
+const mockAppApi = (app, apis = {}, delayResponse) => {
+  const mock = mockApi(app.apiClient.axios, apis, delayResponse);
   return mock;
 };
+const ShowFormData = observer(({ children }) => {
+  const form = useForm();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("pre", { style: { marginBottom: 20 }, "data-testid": "form-data" }, JSON.stringify(form.values, null, 2)), children);
+});
 const getApp = (options) => {
   const {
     appOptions = {},
@@ -1290,7 +1436,8 @@ const getApp = (options) => {
     disableAcl = true,
     apis: optionsApis = {},
     enableMultipleDataSource,
-    designable
+    designable,
+    delayResponse
   } = options;
   const app = appOptions instanceof Application ? appOptions : new Application({
     ...appOptions,
@@ -1303,7 +1450,7 @@ const getApp = (options) => {
   if (schemaSettings) {
     app.schemaSettingsManager.add(schemaSettings);
   }
-  app.addComponents({ CommonSchemaComponent });
+  app.addComponents({ CommonSchemaComponent, ShowFormData });
   app.pluginManager.add(AntdSchemaComponentPlugin);
   app.pluginManager.add(SchemaSettingsPlugin);
   app.pluginManager.add(CollectionPlugin, { config: { enableRemoteDataSource: false } });
@@ -1312,7 +1459,7 @@ const getApp = (options) => {
   if (enableMultipleDataSource) {
     app.dataSourceManager.addDataSource(LocalDataSource, dataSource2);
   }
-  mockAppApi(app, apis);
+  mockAppApi(app, apis, delayResponse);
   const App = app.getRootComponent();
   return {
     App,
@@ -1432,9 +1579,9 @@ const WaitApp = async () => {
   await waitFor(() => {
     expectNoTsError(screen.queryByText("Loading...")).not.toBeInTheDocument();
   });
-  const loadError = screen.queryByText("Load Plugin Error");
+  const loadError = screen.queryByText("App Error");
   if (loadError) {
-    expectNoTsError(screen.queryByText("Load Plugin Error")).not.toBeInTheDocument();
+    expectNoTsError(screen.queryByText("App Error")).not.toBeInTheDocument();
   }
   const renderError = screen.queryByText("Render Failed");
   if (renderError) {

package/es/web/index.d.ts

@@ -14,12 +14,13 @@ type URL = string;
 type ResponseData = any;
 type MockApis = Record<URL, ResponseData>;
 type AppOrOptions = Application | ApplicationOptions;
-export declare const mockApi: (axiosInstance: AxiosInstance, apis?: MockApis) => (apis?: MockApis) => void;
-export declare const mockAppApi: (app: Application, apis?: MockApis) => (apis?: MockApis) => void;
+export declare const mockApi: (axiosInstance: AxiosInstance, apis?: MockApis, delayResponse?: number) => (apis?: MockApis) => void;
+export declare const mockAppApi: (app: Application, apis?: MockApis, delayResponse?: number) => (apis?: MockApis) => void;
 export interface GetAppOptions {
     appOptions?: AppOrOptions;
     providers?: (ComponentType | [ComponentType, any])[];
     apis?: MockApis;
+    delayResponse?: number;
     designable?: boolean;
     schemaSettings?: SchemaSettings;
     disableAcl?: boolean;

package/es/web/index.mjs

@@ -1,7 +1,7 @@
 import React from "react";
 import MockAdapter from "axios-mock-adapter";
 import _, { get, set, pick } from "lodash";
-import { observer, useFieldSchema } from "@formily/react";
+import { observer, useForm, useFieldSchema } from "@formily/react";
 import { Application, AntdSchemaComponentPlugin, SchemaSettingsPlugin, CollectionPlugin, LocalDataSource, SchemaSettings, SchemaComponent, DataBlockProvider } from "@nocobase/client";
 const dataSourceMainCollections = [
   {
@@ -1110,6 +1110,113 @@ const dataSourceMainData = {
       }
     }
   },
+  "users:get": {
+    data: {
+      createdAt: "2024-04-07T06:50:37.797Z",
+      updatedAt: "2024-04-07T06:50:37.797Z",
+      appLang: null,
+      createdById: null,
+      email: "admin@nocobase.com",
+      f_1gx8uyn3wva: 1,
+      id: 1,
+      nickname: "Super Admin",
+      phone: null,
+      systemSettings: {},
+      updatedById: null,
+      username: "nocobase",
+      roles: [
+        {
+          createdAt: "2024-04-07T06:50:37.700Z",
+          updatedAt: "2024-04-07T06:50:37.700Z",
+          allowConfigure: null,
+          allowNewMenu: true,
+          "default": true,
+          description: null,
+          hidden: false,
+          color: "#1677FF",
+          name: "member",
+          snippets: [
+            "!pm",
+            "!pm.*",
+            "!ui.*"
+          ],
+          strategy: {
+            actions: [
+              "view",
+              "update:own",
+              "destroy:own",
+              "create"
+            ]
+          },
+          title: '{{t("Member")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:37.854Z",
+            updatedAt: "2024-04-07T06:50:37.854Z",
+            "default": null,
+            roleName: "member",
+            userId: 1
+          }
+        },
+        {
+          createdAt: "2024-04-07T06:50:37.622Z",
+          updatedAt: "2024-04-07T06:50:37.622Z",
+          allowConfigure: null,
+          allowNewMenu: null,
+          "default": false,
+          description: null,
+          hidden: true,
+          color: "#1677FF",
+          name: "root",
+          snippets: [
+            "pm",
+            "pm.*",
+            "ui.*"
+          ],
+          strategy: null,
+          title: '{{t("Root")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:38.152Z",
+            updatedAt: "2024-04-07T06:50:38.186Z",
+            "default": true,
+            roleName: "root",
+            userId: 1
+          }
+        },
+        {
+          createdAt: "2024-04-07T06:50:37.657Z",
+          updatedAt: "2024-04-07T06:50:37.657Z",
+          allowConfigure: true,
+          allowNewMenu: true,
+          "default": false,
+          description: null,
+          hidden: false,
+          name: "admin",
+          color: "#1677FF",
+          snippets: [
+            "pm",
+            "pm.*",
+            "ui.*"
+          ],
+          strategy: {
+            actions: [
+              "create",
+              "view",
+              "update",
+              "destroy"
+            ]
+          },
+          title: '{{t("Admin")}}',
+          rolesUsers: {
+            createdAt: "2024-04-07T06:50:38.152Z",
+            updatedAt: "2024-04-07T06:50:38.152Z",
+            "default": null,
+            roleName: "admin",
+            userId: 1
+          }
+        }
+      ]
+    }
+  },
   "roles:list": {
     data: [
       {
@@ -1201,6 +1308,26 @@ const dataSourceMainData = {
       }
     }
   },
+  "roles:get": {
+    data: {
+      createdAt: "2024-04-07T06:50:37.622Z",
+      updatedAt: "2024-04-07T06:50:37.622Z",
+      allowConfigure: null,
+      allowNewMenu: null,
+      "default": false,
+      description: null,
+      hidden: true,
+      name: "root",
+      color: "#1677FF",
+      snippets: [
+        "pm",
+        "pm.*",
+        "ui.*"
+      ],
+      strategy: null,
+      title: '{{t("Root")}}'
+    }
+  },
   "tree:list": {
     data: [
       {
@@ -1243,7 +1370,10 @@ const sleep = async (timeout = 0) => {
 };
 const defaultApis = {
   "uiSchemas:patch": { data: { result: "ok" } },
+  "uiSchemas:batchPatch": { data: { result: "ok" } },
   "uiSchemas:saveAsTemplate": { data: { result: "ok" } },
+  "users:update": { data: { result: "ok" } },
+  "roles:update": { data: { result: "ok" } },
   ...dataSourceMainData
 };
 function getProcessMockData(apis, key2) {
@@ -1253,15 +1383,27 @@ function getProcessMockData(apis, key2) {
       return [404, { data: { message: "mock data not found" } }];
     if (((_a = config == null ? void 0 : config.params) == null ? void 0 : _a.pageSize) || ((_b = config == null ? void 0 : config.params) == null ? void 0 : _b.page)) {
       const { data, meta } = apis[key2];
-      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize);
-      const page = config.params.page || (meta == null ? void 0 : meta.page);
-      return [200, { data: data.slice(pageSize * (page - 1), pageSize), meta: { ...meta, page, pageSize } }];
+      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize) || 20;
+      const page = config.params.page || (meta == null ? void 0 : meta.page) || 1;
+      return [
+        200,
+        {
+          data: data.slice(pageSize * (page - 1), pageSize * page),
+          meta: {
+            ...meta,
+            page,
+            pageSize,
+            count: data.length,
+            totalPage: Math.ceil(data.length / pageSize)
+          }
+        }
+      ];
     }
     return [200, apis[key2]];
   };
 }
-const mockApi = (axiosInstance, apis = {}) => {
-  const mock = new MockAdapter(axiosInstance);
+const mockApi = (axiosInstance, apis = {}, delayResponse) => {
+  const mock = new MockAdapter(axiosInstance, { delayResponse });
   Object.keys(apis).forEach((key2) => {
     mock.onAny(key2).reply(getProcessMockData(apis, key2));
   });
@@ -1271,10 +1413,14 @@ const mockApi = (axiosInstance, apis = {}) => {
     });
   };
 };
-const mockAppApi = (app, apis = {}) => {
-  const mock = mockApi(app.apiClient.axios, apis);
+const mockAppApi = (app, apis = {}, delayResponse) => {
+  const mock = mockApi(app.apiClient.axios, apis, delayResponse);
   return mock;
 };
+const ShowFormData = observer(({ children }) => {
+  const form = useForm();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("pre", { style: { marginBottom: 20 }, "data-testid": "form-data" }, JSON.stringify(form.values, null, 2)), children);
+});
 const getApp = (options) => {
   const {
     appOptions = {},
@@ -1283,7 +1429,8 @@ const getApp = (options) => {
     disableAcl = true,
     apis: optionsApis = {},
     enableMultipleDataSource,
-    designable
+    designable,
+    delayResponse
   } = options;
   const app = appOptions instanceof Application ? appOptions : new Application({
     ...appOptions,
@@ -1296,7 +1443,7 @@ const getApp = (options) => {
   if (schemaSettings) {
     app.schemaSettingsManager.add(schemaSettings);
   }
-  app.addComponents({ CommonSchemaComponent });
+  app.addComponents({ CommonSchemaComponent, ShowFormData });
   app.pluginManager.add(AntdSchemaComponentPlugin);
   app.pluginManager.add(SchemaSettingsPlugin);
   app.pluginManager.add(CollectionPlugin, { config: { enableRemoteDataSource: false } });
@@ -1305,7 +1452,7 @@ const getApp = (options) => {
   if (enableMultipleDataSource) {
     app.dataSourceManager.addDataSource(LocalDataSource, dataSource2);
   }
-  mockAppApi(app, apis);
+  mockAppApi(app, apis, delayResponse);
   const App = app.getRootComponent();
   return {
     App,

package/lib/client/utils/utils.js

@@ -38,9 +38,9 @@ const WaitApp = /* @__PURE__ */ __name(async () => {
   await (0, import_react.waitFor)(() => {
     expectNoTsError(import_react.screen.queryByText("Loading...")).not.toBeInTheDocument();
   });
-  const loadError = import_react.screen.queryByText("Load Plugin Error");
+  const loadError = import_react.screen.queryByText("App Error");
   if (loadError) {
-    expectNoTsError(import_react.screen.queryByText("Load Plugin Error")).not.toBeInTheDocument();
+    expectNoTsError(import_react.screen.queryByText("App Error")).not.toBeInTheDocument();
   }
   const renderError = import_react.screen.queryByText("Render Failed");
   if (renderError) {

package/lib/web/dataSourceMainData.json

@@ -97,6 +97,91 @@
       }
     }
   },
+  "users:get": {
+    "data": {
+      "createdAt": "2024-04-07T06:50:37.797Z",
+      "updatedAt": "2024-04-07T06:50:37.797Z",
+      "appLang": null,
+      "createdById": null,
+      "email": "admin@nocobase.com",
+      "f_1gx8uyn3wva": 1,
+      "id": 1,
+      "nickname": "Super Admin",
+      "phone": null,
+      "systemSettings": {},
+      "updatedById": null,
+      "username": "nocobase",
+      "roles": [
+        {
+          "createdAt": "2024-04-07T06:50:37.700Z",
+          "updatedAt": "2024-04-07T06:50:37.700Z",
+          "allowConfigure": null,
+          "allowNewMenu": true,
+          "default": true,
+          "description": null,
+          "hidden": false,
+          "color": "#1677FF",
+          "name": "member",
+          "snippets": ["!pm", "!pm.*", "!ui.*"],
+          "strategy": {
+            "actions": ["view", "update:own", "destroy:own", "create"]
+          },
+          "title": "{{t(\"Member\")}}",
+          "rolesUsers": {
+            "createdAt": "2024-04-07T06:50:37.854Z",
+            "updatedAt": "2024-04-07T06:50:37.854Z",
+            "default": null,
+            "roleName": "member",
+            "userId": 1
+          }
+        },
+        {
+          "createdAt": "2024-04-07T06:50:37.622Z",
+          "updatedAt": "2024-04-07T06:50:37.622Z",
+          "allowConfigure": null,
+          "allowNewMenu": null,
+          "default": false,
+          "description": null,
+          "hidden": true,
+          "color": "#1677FF",
+          "name": "root",
+          "snippets": ["pm", "pm.*", "ui.*"],
+          "strategy": null,
+          "title": "{{t(\"Root\")}}",
+          "rolesUsers": {
+            "createdAt": "2024-04-07T06:50:38.152Z",
+            "updatedAt": "2024-04-07T06:50:38.186Z",
+            "default": true,
+            "roleName": "root",
+            "userId": 1
+          }
+        },
+        {
+          "createdAt": "2024-04-07T06:50:37.657Z",
+          "updatedAt": "2024-04-07T06:50:37.657Z",
+          "allowConfigure": true,
+          "allowNewMenu": true,
+          "default": false,
+          "description": null,
+          "hidden": false,
+          "name": "admin",
+          "color": "#1677FF",
+          "snippets": ["pm", "pm.*", "ui.*"],
+          "strategy": {
+            "actions": ["create", "view", "update", "destroy"]
+          },
+          "title": "{{t(\"Admin\")}}",
+          "rolesUsers": {
+            "createdAt": "2024-04-07T06:50:38.152Z",
+            "updatedAt": "2024-04-07T06:50:38.152Z",
+            "default": null,
+            "roleName": "admin",
+            "userId": 1
+          }
+        }
+      ]
+    }
+  },
   "roles:list": {
     "data": [
       {
@@ -158,6 +243,22 @@
       }
     }
   },
+  "roles:get": {
+    "data": {
+      "createdAt": "2024-04-07T06:50:37.622Z",
+      "updatedAt": "2024-04-07T06:50:37.622Z",
+      "allowConfigure": null,
+      "allowNewMenu": null,
+      "default": false,
+      "description": null,
+      "hidden": true,
+      "name": "root",
+      "color": "#1677FF",
+      "snippets": ["pm", "pm.*", "ui.*"],
+      "strategy": null,
+      "title": "{{t(\"Root\")}}"
+    }
+  },
   "tree:list": {
     "data": [
       {

package/lib/web/index.d.ts

@@ -14,12 +14,13 @@ type URL = string;
 type ResponseData = any;
 type MockApis = Record<URL, ResponseData>;
 type AppOrOptions = Application | ApplicationOptions;
-export declare const mockApi: (axiosInstance: AxiosInstance, apis?: MockApis) => (apis?: MockApis) => void;
-export declare const mockAppApi: (app: Application, apis?: MockApis) => (apis?: MockApis) => void;
+export declare const mockApi: (axiosInstance: AxiosInstance, apis?: MockApis, delayResponse?: number) => (apis?: MockApis) => void;
+export declare const mockAppApi: (app: Application, apis?: MockApis, delayResponse?: number) => (apis?: MockApis) => void;
 export interface GetAppOptions {
     appOptions?: AppOrOptions;
     providers?: (ComponentType | [ComponentType, any])[];
     apis?: MockApis;
+    delayResponse?: number;
     designable?: boolean;
     schemaSettings?: SchemaSettings;
     disableAcl?: boolean;

package/lib/web/index.js

@@ -63,7 +63,10 @@ var import_lodash2 = __toESM(require("lodash"));
 __reExport(web_exports, require("./utils"), module.exports);
 const defaultApis = {
   "uiSchemas:patch": { data: { result: "ok" } },
+  "uiSchemas:batchPatch": { data: { result: "ok" } },
   "uiSchemas:saveAsTemplate": { data: { result: "ok" } },
+  "users:update": { data: { result: "ok" } },
+  "roles:update": { data: { result: "ok" } },
   ...import_dataSourceMainData.default
 };
 function getProcessMockData(apis, key) {
@@ -73,16 +76,28 @@ function getProcessMockData(apis, key) {
       return [404, { data: { message: "mock data not found" } }];
     if (((_a = config == null ? void 0 : config.params) == null ? void 0 : _a.pageSize) || ((_b = config == null ? void 0 : config.params) == null ? void 0 : _b.page)) {
       const { data, meta } = apis[key];
-      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize);
-      const page = config.params.page || (meta == null ? void 0 : meta.page);
-      return [200, { data: data.slice(pageSize * (page - 1), pageSize), meta: { ...meta, page, pageSize } }];
+      const pageSize = config.params.pageSize || (meta == null ? void 0 : meta.pageSize) || 20;
+      const page = config.params.page || (meta == null ? void 0 : meta.page) || 1;
+      return [
+        200,
+        {
+          data: data.slice(pageSize * (page - 1), pageSize * page),
+          meta: {
+            ...meta,
+            page,
+            pageSize,
+            count: data.length,
+            totalPage: Math.ceil(data.length / pageSize)
+          }
+        }
+      ];
     }
     return [200, apis[key]];
   };
 }
 __name(getProcessMockData, "getProcessMockData");
-const mockApi = /* @__PURE__ */ __name((axiosInstance, apis = {}) => {
-  const mock = new import_axios_mock_adapter.default(axiosInstance);
+const mockApi = /* @__PURE__ */ __name((axiosInstance, apis = {}, delayResponse) => {
+  const mock = new import_axios_mock_adapter.default(axiosInstance, { delayResponse });
   Object.keys(apis).forEach((key) => {
     mock.onAny(key).reply(getProcessMockData(apis, key));
   });
@@ -92,10 +107,14 @@ const mockApi = /* @__PURE__ */ __name((axiosInstance, apis = {}) => {
     });
   };
 }, "mockApi");
-const mockAppApi = /* @__PURE__ */ __name((app, apis = {}) => {
-  const mock = mockApi(app.apiClient.axios, apis);
+const mockAppApi = /* @__PURE__ */ __name((app, apis = {}, delayResponse) => {
+  const mock = mockApi(app.apiClient.axios, apis, delayResponse);
   return mock;
 }, "mockAppApi");
+const ShowFormData = (0, import_react2.observer)(({ children }) => {
+  const form = (0, import_react2.useForm)();
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("pre", { style: { marginBottom: 20 }, "data-testid": "form-data" }, JSON.stringify(form.values, null, 2)), children);
+});
 const getApp = /* @__PURE__ */ __name((options) => {
   const {
     appOptions = {},
@@ -104,7 +123,8 @@ const getApp = /* @__PURE__ */ __name((options) => {
     disableAcl = true,
     apis: optionsApis = {},
     enableMultipleDataSource,
-    designable
+    designable,
+    delayResponse
   } = options;
   const app = appOptions instanceof import_client.Application ? appOptions : new import_client.Application({
     ...appOptions,
@@ -117,7 +137,7 @@ const getApp = /* @__PURE__ */ __name((options) => {
   if (schemaSettings) {
     app.schemaSettingsManager.add(schemaSettings);
   }
-  app.addComponents({ CommonSchemaComponent });
+  app.addComponents({ CommonSchemaComponent, ShowFormData });
   app.pluginManager.add(import_client.AntdSchemaComponentPlugin);
   app.pluginManager.add(import_client.SchemaSettingsPlugin);
   app.pluginManager.add(import_client.CollectionPlugin, { config: { enableRemoteDataSource: false } });
@@ -126,7 +146,7 @@ const getApp = /* @__PURE__ */ __name((options) => {
   if (enableMultipleDataSource) {
     app.dataSourceManager.addDataSource(import_client.LocalDataSource, import_dataSource2.default);
   }
-  mockAppApi(app, apis);
+  mockAppApi(app, apis, delayResponse);
   const App = app.getRootComponent();
   return {
     App,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/test",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "lib/index.js",
   "module": "./src/index.ts",
   "types": "./lib/index.d.ts",
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "8.1.0",
-    "@nocobase/server": "1.0.0-alpha.3",
+    "@nocobase/server": "1.0.0-alpha.4",
     "@playwright/test": "^1.42.1",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.0.0",
@@ -76,5 +76,5 @@
     "vitest-dom": "^0.1.1",
     "ws": "^8.13.0"
   },
-  "gitHead": "7ccb137c7616cba5d238f87368239640e1d9ace1"
+  "gitHead": "7a7005ce3bddf33498580a6486c45b5d9ea64ffb"
 }