jestの外部コンポーネントでグローバルjqueryを処理する方法

Question

グローバルjqueryインスタンスが必要なレガシーコードに依存する反応コンポーネントをテストする必要があります。私たちのWebPACK /カルマ/モカセットアップで、私たちは、このように設定できます

new webpack.ProvidePlugin({'$':'jquery' }) 

は冗談のために同じことを行う方法はありますか？

私はテストで依存関係を模索していることを完全に認識していますが、もっと一般的な解決策を探しています。そこで、WebpackでJestを使用して同じ動作をさせる方法があります。

Answer 1

最も簡単な方法は、ちょうどこのようにそれを上書きすることです：

const ajax = jest.fn((options) => { 
    if (/\/successPath/.test(options.url)) { 
    return options.success('someData', '', { status: 200 }); 
    } 
    return options.error({ status: 404, responseText: 'someError' }); 
}); 
global.$ = { ajax: ajax }; 

だからちょうどあなたがあなたのモジュール内で使用するために必要な機能を保持するモックで置き換えます。