AllenFang / AllenFang/react-bootstrap-table

Jest snapshot tests result in Type error

未關閉
#1,160 4 則留言 2 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
JavaScript
星號
2.2k
分支
761
PR 合併指標
30 天內沒有已合併 PR

描述

First off kudos for this rather fun-to-use component :)

OK so the issue I am bumping into happens when I set up a snapshot test with Jest and react-test-renderer.

The test file is essentially:
```
import renderer from 'react-test-renderer';
import Table from '../Table';

it('matches the Table snapshot', () => {
var component = renderer.create(

);

let tree = component.toJSON();
expect(tree).toMatchSnapshot();
});
```
(Note the `Table` component is just a wrapper that defines some basic BootstrapTable props.)

And when running tests, I am alerted to this (partial stack trace):
```
TypeError: Cannot read property 'setAttribute' of null

at TableHeaderColumn.componentDidMount (../node_modules/react-bootstrap-table/lib/TableHeaderColumn.js:138:30)
at ../node_modules/react-test-renderer/lib/ReactCompositeComponent.js:265:25
```

which points back to this line in `TableHeaderColumn / ComponentDidMount`:
```
value: function componentDidMount() {
this.refs['header-col'].setAttribute('data-field', this.props.dataField);
}
```
Anyone else encounter this?

Am I doing something wrong? Apologies if should I be asking somewhere else on this; have been bouncing around Jest and React repos as well as here.

貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。