unit-testing - AntD 单元测试表渲染

Question

如何对AntD Table渲染列进行单元测试？

这是我的代码

const columns = [
  {
    title: 'Evaluation Form',
    dataIndex: 'projectName',
    key: 'projectName',
    render: (text, record) => `${!_.isNil(text) ? text : '---'} - ${record.employeeName}`,
  },
]

<Table
  columns={columns}
/>

这是测试结果

Answer 1

render 的返回值应该是一个 React 节点或一个带有 children 属性的对象，它可以是一个字符串或 React 节点。将渲染函数更改为:

const columns = [
  {
    title: 'Evaluation Form',
    dataIndex: 'projectName',
    key: 'projectName',
    render: (text, record) => ({
       children: `${!_.isNil(text) ? text : '---'} - ${record.employeeName}`,
       ...
    })
  },
]