+ create-react-appが利用しているreact-scriptは、webpackで何をしているのか + `eject` コマンドで挿入される設定ファイル群はreact-scriptのものなので、設定を変更するときの参考にRead less
![react-scriptsはwebpackで何をしているのか](https://cdn-ak-scissors.b.st-hatena.com/image/square/334b8556c4038d2aabcae42fa1b9b542f5b7741b/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20190128miyake-190206064343-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
webpack のプロジェクトで jest を使ってテストを書こうとした時に、rewireを使ってexportしていない関数をテストしようとしたらなんか使えなかったぽい時にbabel-plugin-rewireを使おうとした時の話。 やったこと npm install --save-dev babel-plugin-rewire .babelrcに以下を追加 "env": { "test": { "plugins": [ "babel-plugin-rewire" ] } } テストでこんな感じに書く import { __RewireAPI__ as テストするモジュール_RewireAPI } from 'テストするモジュールのパス' // export してない関数とか取り出すとき const exportしてない関数 = テストするモジュール_RewireAPI.__get__('
Mocking a function generally is very easy in jest via jest.fn(). However, if you run into the following scenario which one function in the module is calling another function in the same module, it could be tricky. For example, you have two functions in a module file. // helper.jsexport function getFullName(firstName, lastName) { return firstName + ' ' + lastName; }export function greet(firstName,
こっちでもmockの話を書いた。 www.tohuandkonsome.site 以下のように、1ファイル内に、複数の関数があり、loginのみmockにしたい場合。 firebase.js export const login = () => { // login用の何かしらの処理 }; export const logout = () => { // logout用の何かしらの処理 }; 以下のようにjest.requireActualを使えばいける。 テストコード import { login as mockLogin } from '../../firebase'; // moduleの特定の関数のみmockにしたい jest.mock('../../firebase', () => ({ ...jest.requireActual('../../firebase'), login
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く