我尝试使用Jest测试ag-grid组件:
describe('DataGridInternal Component Tests', () => {
it('includes class names on DataGrid', () => {
const component = mount(<DataGridInternal {...SAMPLE_PROPS} />);
expect(component.find('[data-test="ccfk-datagrid"]')).toHaveClassName('csf-material-grid');
});
});
字符串
我得到了例外:
第一个月
来自node_modules/ag-grid-community/dist/lib/rowModels/pagination/paginationComp.js:49
个
一旦我注意到这一行,测试就通过了。
你知道什么是不正确的吗?
我正在使用:
"ag-grid-community": "21.2.2",
"ag-grid-react": "21.2.2",
"enzyme": "3.10.0",
"enzyme-adapter-react-16": "1.14.0",
"enzyme-to-json": "3.3.5"
型
4条答案
按热度按时间lrpiutwd1#
解决方法:
如果您在测试运行器中使用jest,则需要通过安装jest-environment-jsdom-fourteen进行升级,并将以下内容添加到jest.config中
第一个月
和
如果你用的是反作用应用
npm i -D jest-environment-jsdom-fourteen
个然后在你的脚本中:
"test": "react-scripts test --env=jsdom-fourteen",
个来源:12
cld4siwp2#
我也面临着同样的问题。
我认为问题出在
Jest
测试运行器使用的jsdom包的版本上。insertAdjacentElement
是在jsdom
的13.1.0
版本中实现的,如changelog中所述。我运行的是
create-react-app v2
,目前不使用此版本的jsdom
。oiopk7p53#
你能展示一下你是如何准确地要求/导入ag-grid和定义你的gridOptions结构的吗?我假设你是在测试一个现有的表或你自己在HTML中定义的表?
yzckvree4#
对我来说,安装“jest-environment-jsdom”沿着“jest-environment-jsdom-fourteen”是必要的:
字符串
其他配套包括:
型