react-native
ユニットテスト

前書き

冗談でのユニットテスト

Jestは、反応アプリケーションのテストに広く使用されるjavascriptのテストフレームワークです。それはFacebookに支持されている

ここにテストがあります

import 'react-native';
import React from 'react';
import Index from '../index.android.js';

import renderer from 'react-test-renderer';

it('renders correctly', () => {
  const tree = renderer.create(
    <Index />
  );
});

それを通過させるためのコードがいくつかあります

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

export default class gol extends Component {
  render() {
    return (
      <View>
        <Text>
          Welcome to React Native!
        </Text>
        <Text>
          To get started, edit index.android.js
        </Text>
        <Text>
          Double tap R on your keyboard to reload,{'\n'}
          Shake or press menu button for dev menu
        </Text>
      </View>
    );
  }
}

AppRegistry.registerComponent('gol', () => gol);

Jestを使用してネイティブでのユニットテスト

反応ネイティブのバージョン0.38から、反応ネイティブのinitを実行しているときにJestの設定がデフォルトで含まれています。次の設定をpackage.jsonファイルに自動的に追加する必要があります。

    "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
    },
    "jest": {
     "preset": "react-native"
    }

run npm test or jestをrun npm test or jest 、反応ネイティブでテストrun npm test or jestことができます。コード例： リンク