AllenFang / AllenFang/react-bootstrap-table

Jest snapshot tests result in Type error

オープン
#1,160 コメント 4 件 リアクション 2 件 担当者 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 を短くまとめたダイジェスト。