サードパーティをモックする方法ネイティブNativeModulesに反応する？

Question

コンポーネントがネイティブモジュールを含むライブラリをインポートしています。ここでは不自然な例です：

import React from 'react'; 
import { View } from 'react-native'; 
import { Answers } from 'react-native-fabric'; 

export default function MyTouchComponent({ params }) { 
    return <View onPress={() => { Answers.logContentView() }} /> 
} 

そして、ここではreact-native-fabricからAnswersの関連する部分である：

var { NativeModules, Platform } = require('react-native'); 
var SMXAnswers = NativeModules.SMXAnswers; 

モカテストでこのコンポーネントをインポートする場合、これはSMXAnswersであることを考慮に失敗しundefined ：

SMXAnswersまたはreact-native-fabricをどうやって壊れないようにして、テストすることができますかURのコンポーネントですか？

p.s .: GitHubでテストしようとしているfull setupとcomponentが表示されます。そのような任意のネイティブモジュール模擬する

Answer 1

使用mockery：ここ

import mockery from 'mockery'; 

mockery.enable(); 
mockery.warnOnUnregistered(false); 
mockery.registerMock('react-native-fabric', { 
    Crashlytics: { 
    crash:() => {}, 
    }, 
}); 

は完了setup exampleです：最後に

import 'core-js/fn/object/values'; 
import 'react-native-mock/mock'; 

import mockery from 'mockery'; 
import fs from 'fs'; 
import path from 'path'; 
import register from 'babel-core/register'; 

mockery.enable(); 
mockery.warnOnUnregistered(false); 
mockery.registerMock('react-native-fabric', { 
    Crashlytics: { 
    crash:() => {}, 
    }, 
}); 

const modulesToCompile = [ 
    'react-native', 
].map((moduleName) => new RegExp(`/node_modules/${moduleName}`)); 

const rcPath = path.join(__dirname, '..', '.babelrc'); 
const source = fs.readFileSync(rcPath).toString(); 
const config = JSON.parse(source); 

config.ignore = function(filename) { 
    if (!(/\/node_modules\//).test(filename)) { 
    return false; 
    } else { 
    const matches = modulesToCompile.filter((regex) => regex.test(filename)); 
    const shouldIgnore = matches.length === 0; 
    return shouldIgnore; 
    } 
} 

register(config);