2017-04-19 6 views
0

私はユニットテストのためにJESTフレームワークを使用しています。私はDOMテストのために酵素からShallowを使用しています。 jestコマンドを実行した後、次の警告が表示されます。React native:浅いレンダラーの警告

PASS 試験 /CheckboxWithLabel-test.js

●コンソール console.error node_modules/FBJS/LIB/warning.jsを36 警告:浅いレンダラーが、テストレンダリングを反応させるために移動されました/浅い。参照を更新してこの警告を削除してください。

私のテストがある

import React from 'react'; 
 
import {shallow} from 'enzyme'; 
 
import CheckboxWithLabel from '../app/Component8/CheckboxWithLabel'; 
 

 
test('CheckboxWithLabel changes the text after click',() => { 
 
    // Render a checkbox with label in the document 
 
    const checkbox = shallow(
 
    <CheckboxWithLabel labelOn="On" labelOff="Off" /> 
 
); 
 
    
 
    expect(checkbox.text()).toEqual('Off'); 
 

 
    checkbox.find('input').simulate('change'); 
 

 
    expect(checkbox.text()).toEqual('On'); 
 
});

酵素のドキュメントからマイpackage.json

{ 
 
    "name": "myapp", 
 
    "version": "0.0.1", 
 
    "private": true, 
 
    "scripts": { 
 
    "start": "node node_modules/react-native/local-cli/cli.js start", 
 
    "test": "jest" 
 
    }, 
 
    "dependencies": { 
 
    "linkify-it": "^2.0.3", 
 
    "prop-types": "^15.5.8", 
 
    "react": "16.0.0-alpha.6", 
 
    "react-dom": "^15.4.2", 
 
    "react-native": "0.43.1" 
 
    }, 
 
    "devDependencies": { 
 
    "babel-jest": "19.0.0", 
 
    "babel-preset-es2015": "^6.24.0", 
 
    "babel-preset-react-native": "1.9.1", 
 
    "enzyme": "^2.8.2", 
 
    "jest": "19.0.2", 
 
    "react-addons-test-utils": "~15.1.0", 
 
    "react-test-renderer": "16.0.0-alpha.6" 
 
    }, 
 
    "jest": { 
 
    "preset": "react-native" 
 
    } 
 
}

+0

チェックこの[問題](HTTPSを://github.com/airbnb/enzyme/issues/875)酵素ノードモジュール –

答えて

1

あなたが反応> = 15.5は、酵素に加えて、あなたはまた、次のNPMモジュールがインストールされていることを確認する必要があります彼らはまだなかった場合は使用している場合:

npm i --save-dev react-test-renderer react-dom

関連する問題