ES6 मॉड्यूल के साथ इकाई परीक्षण के लिए निर्भरता नकली कैसे

Question

मैं ECMAScript 6 webpack + Traceur का उपयोग कर ES5 CommonJS को transpile करने के लिए मॉड्यूल के साथ बेला की कोशिश कर रहा हूँ, लेकिन मैं उन्हें सफलतापूर्वक परीक्षण में समस्या हो रही इकाई।

मैंने जेस्ट + ट्रेसेर प्रीप्रोसेसर का उपयोग करने की कोशिश की, लेकिन ऑटोमोकिंग और निर्भरता नाम खराब हो रहे हैं, और मुझे जेस्ट और नोड-इंस्पेक्टर डीबगिंग के साथ काम करने के लिए स्रोत मैप्स नहीं मिल रहे हैं।

क्या यूनिट परीक्षण ES6 मॉड्यूल के लिए एक बेहतर ढांचा है?

Answer 1

मैं वास्तव में इस जेस्ट छोड़ने और कर्मा + जैस्मीन + Webpack के साथ जा रहा है और आप Webpack से rewire inject-loader है एक छोटे से अधिक लचीलापन है कि एक और विकल्प का उपयोग कर रहे हैं, तो निर्भरता

Answer 2

उपहास करने के लिए https://github.com/jhnns/rewire का उपयोग करके काम करने के लिए मिला है।

उदाहरण के लिए, एक परीक्षण Webpack साथ आ जाते हैं कि में:

describe('when an alert is dismissed',() => { 

    // Override Alert as we need to mock dependencies for these tests 
    let Alert, mockPubSub 

    beforeEach(() => { 
    mockPubSub = {} 
    Alert = require('inject!./alert')({ 
     'pubsub-js': mockPubSub 
    }).Alert 
    }) 

    it('should publish \'app.clearalerts\'',() => { 
    mockPubSub.publish = jasmine.createSpy() 
    [...] 
    expect(mockPubSub.publish).toHaveBeenCalled() 
    }) 
}) 

इंजेक्षन-लोडर, एक समान तरीके से कम से कम proxyquire करने के लिए एक rewire में जबकि आयात करने आप पहली बार आयात करने से पहले निर्भरता इंजेक्षन करने की अनुमति देता है और फिर रिवायर करें जो कुछ घटकों का मज़ाक उड़ाता है (उदाहरण के लिए जिनके पास कुछ प्रारंभिकता है) असंभव है।

Answer 3

मैंने अपने परीक्षणों के भीतर import * as obj शैली को नियोजित करना शुरू कर दिया है, जो किसी ऑब्जेक्ट के गुणों के रूप में मॉड्यूल से सभी निर्यात आयात करता है जिसे बाद में मजाक किया जा सकता है। मुझे यह रिवायर या प्रॉक्सीक्वायर या किसी भी समान तकनीक जैसी चीज़ों का उपयोग करने से बहुत साफ करने वाला लगता है।

मैं ट्रेसूर के लिए बात नहीं कर सकता जो कि प्रश्न में इस्तेमाल किया गया ढांचा था, लेकिन मुझे यह कर्म, जैस्मीन और बेबेल के अपने सेटअप के साथ काम करने के लिए मिला है, और मैं इसे यहां पोस्ट कर रहा हूं जैसा कि ऐसा लगता है इस प्रकार का सबसे लोकप्रिय सवाल बनें।

मैंने Redux क्रियाओं को नकल करने की आवश्यकता होने पर अक्सर इस रणनीति का उपयोग किया है। यहाँ एक छोटी उदाहरण है:

import * as exports from 'module-you-want-to-mock'; 
import SystemUnderTest from 'module-that-uses-above-module'; 

describe('your module',() => { 
    beforeEach(() => { 
    spyOn(exports, 'someNamedExport'); // mock a named export 
    spyOn(exports, 'default');   // mock the default export 
    }); 
    // ... now the above functions are mocked 
}); 

Answer 4

हाय आप proxyquire इस्तेमाल कर सकते हैं:

import assert from 'assert'; 
import sinon from 'sinon'; 
import Proxyquire from 'proxyquire'; 

let proxyquire = Proxyquire.noCallThru(), 
    pathModelLoader = './model_loader'; 

describe('ModelLoader module.',() => { 
    it('Should load all models.',() => { 
     let fs, modelLoader, ModelLoader, spy, path; 
     fs = { 
      readdirSync(path) { 
       return ['user.js']; 
      } 
     }; 
     path = { 
      parse(data) { 
       return {name: 'user'}; 
      } 
     }; 
     ModelLoader = proxyquire(pathModelLoader, {'fs': fs, 'path': path}); 
     modelLoader = new ModelLoader.default(); 
     spy = sinon.spy(modelLoader, 'loadModels'); 
     modelLoader.loadModels(); 
     assert(spy.called); 
    }); 
}); 

Answer 5

Proxyquire मदद मिलेगी, लेकिन ऐसा नहीं होने वाला, आधुनिक webpack + ES6 मॉड्यूल के साथ काम करने के लिए यानी "अन्य नामों"।

import fs from 'fs'; 
import reducers from 'core/reducers'; 
... 
proxyquire('../module1', { 
    'fs': mockFs, // this gonna work 
    'core/reducers': mockReducers // what about this? 
}); 

that काम नहीं करेगा। जब तक आप FS नकली कर सकते हैं - आप reducers नकली नहीं कर सकते। आपको किसी भी वेबपैक या बेबेल रूपांतरण के बाद real निर्भरता का नाम निर्दिष्ट करना होगा। आम तौर पर - नाम सापेक्ष स्थान module1 करने के लिए। हो सकता है '../../../shared/core/reducers'। शायद नहीं।

वहाँ समाधान में गिरावट है - https://github.com/theKashey/proxyquire-webpack-alias (स्थिर, proxyquire का कांटा के आधार पर) या https://github.com/theKashey/resolveQuire (कम स्थिर, मूल proxyquire पर चलाया जा सकता है)

उन दोनों के रूप में अच्छी तरह से काम करता है, और किसी भी ES6 मॉड्यूल नकली होगा एक proxyquire तरह से