Vitest测试基于FormRender的组件失败

[DevanXU]

1.依赖仓库的版本(Dependencies versions):

• react：18.2.15
• form-render：2.2.14
• antd：5.8.4
• vitest: 0.34.3
• @testing-library/react: 14.0.0

2.问题描述(Bug description)： vitest测试基于FormRender的组件失败

3.出现问题的 schema demo(Reproduction schema demo)：

const schema = {
  // schema包含在以下repo源码中
}

4.最小复现 demo(Reproduction demo)：https://github.com/DevanXU/form-render-issue

运行 $ yarn test 即可复现

form-render demo https://codesandbox.io/s/unruffled-flower-jl78h table-render demo https://codesandbox.io/s/sweet-euler-bdoty fr-generator demo https://codesandbox.io/s/s13sh

[lhbxs]

没有太关注单测这边，单测用列，也没有及时更新，现在卡点问题是什么呢？

[DevanXU]

无法跑单测啊，连带与FormRender无关的组件都可能失败。出现下面这个错误，在我提供的Demo可以复现这个问题的。

FAIL src/ConfigBox.test.tsx [ src/ConfigBox.test.tsx ] SyntaxError: Cannot use import statement outside a module ❯ Object.compileFunction node:vm:360:18 ❯ Object. node_modules/form-render/lib/form-core/index.js:8:1

Module /Users/devan/src/tmp/formrender/node_modules/antd/es/button/style/index.js:1 seems to be an ES Module but shipped in a CommonJS package. You might want to create an issue to the package "antd" asking them to ship the file in .mjs extension or add "type": "module" in their package.json.

As a temporary workaround you can try to inline the package by updating your config:

// vitest.config.js export default { test: { server: { deps: { inline: [ "antd" ] } } } }