Karma, Mocha, এবং Jasmine এর মাধ্যমে Testing Setup

RequireJS-এ Unit Testing এবং Integration Testing কার্যকরভাবে করতে হলে, আপনাকে কিছু বিশেষ কৌশল এবং টুলস ব্যবহার করতে হবে। যেহেতু RequireJS মডিউল-ভিত্তিক আর্কিটেকচার ব্যবহার করে, সেখানে মডিউলগুলির নির্ভরশীলতা এবং অ্যাসিঙ্ক্রোনাস লোডিংয়ের জন্য বিশেষ টেস্টিং স্ট্র্যাটেজি প্রয়োজন। এ ক্ষেত্রে, আপনি Jasmine, Mocha, বা QUnit এর মতো টেস্টিং ফ্রেমওয়ার্ক ব্যবহার করতে পারেন।

1. Unit Testing এবং Integration Testing এর জন্য প্রয়োজনীয় টুলস:

1. Karma: একটি টেস্ট রানার যা আপনাকে Unit Tests চালানোর জন্য সহায়ক। এটি ব্রাউজারে পরীক্ষাগুলি চালাতে পারে এবং আপনার কোডের পরিবর্তনগুলি পর্যবেক্ষণ করতে পারে।
2. Jasmine: একটি বিখ্যাত Behavior-Driven Development (BDD) ফ্রেমওয়ার্ক যা JavaScript এর জন্য ইউনিট টেস্ট লেখার জন্য ব্যবহৃত হয়।
3. Mocha: একটি flexible, feature-rich JavaScript test framework যা Node.js এবং ব্রাউজারে ইউনিট টেস্টিং করতে ব্যবহৃত হয়।
4. Chai: Mocha-এর সাথে ব্যবহৃত Assertion library যা ইউনিট টেস্টিংয়ের সময় আপনাকে আরও শক্তিশালী assertion ফিচার প্রদান করে।

2. RequireJS-এ Unit Testing সেটআপ:

এখানে আমরা Jasmine ফ্রেমওয়ার্ক ব্যবহার করে RequireJS প্রজেক্টের জন্য ইউনিট টেস্টিং সেটআপ করব।

2.1. Jasmine টেস্টিং ফ্রেমওয়ার্ক সেটআপ

1. Jasmine ইনস্টল করা: আপনি Jasmine এবং RequireJS-এর জন্য প্রয়োজনীয় Karma টেস্ট রানার ইন্সটল করতে পারেন।

   npm install --save-dev karma karma-jasmine karma-requirejs jasmine-core
   

2. Karma Configuration: Karma কনফিগারেশন ফাইল তৈরি করুন যাতে এটি RequireJS এবং Jasmine সমর্থন করতে পারে।

   karma.conf.js:

   module.exports = function(config) {
     config.set({
       frameworks: ['jasmine', 'requirejs'],
       files: [
         'js/libs/require.js',
         'js/modules/**/*.js',
         'test/**/*.spec.js'
       ],
       exclude: [],
       preprocessors: {
         'test/**/*.spec.js': ['webpack', 'sourcemap']
       },
       browsers: ['Chrome'],
       singleRun: true
     });
   };
   

3. Test File Example:

   test/module1.spec.js:

   define(['module1'], function(module1) {
     describe('Module 1', function() {
       it('should add 2 and 3 correctly', function() {
         var result = module1.add(2, 3);
         expect(result).toBe(5);
       });
   
       it('should subtract 5 from 10 correctly', function() {
         var result = module1.subtract(10, 5);
         expect(result).toBe(5);
       });
     });
   });
   

   এখানে:

   • define: RequireJS ব্যবহার করে মডিউলটি ইনজেক্ট করা হচ্ছে এবং টেস্টিংয়ের জন্য Jasmine এর describe এবং it ফাংশন ব্যবহার করা হয়েছে।
   • module1 একটি মডিউল যা আমরা টেস্ট করছি এবং তার add এবং subtract ফাংশনগুলোকে টেস্ট করা হচ্ছে।

4. Running the Tests: এখন, Karma ব্যবহার করে আপনার টেস্টগুলি চালাতে পারেন:

   karma start karma.conf.js
   

2.2. Integration Testing:

Integration Testing সাধারণত একাধিক মডিউলের মধ্যে সহযোগিতার উপর নির্ভরশীল। এখানে আমরা দেখব কিভাবে দুইটি মডিউল একে অপরের সাথে কাজ করছে তা টেস্ট করা যেতে পারে।

Test Example for Integration (project1.spec.js):

define(['module1', 'module2'], function(module1, module2) {
  describe('Integration Test for module1 and module2', function() {
    it('should call module2 from module1', function() {
      spyOn(module2, 'greet').and.callThrough();
      
      module1.callGreet();  // Assuming module1 calls module2.greet()

      expect(module2.greet).toHaveBeenCalled();
    });
  });
});

এখানে:

• Integration Test: এখানে আমরা module1 এবং module2 এর মধ্যে ইন্টারঅ্যাকশন টেস্ট করছি।
• spyOn: Jasmine এর spyOn ফাংশন ব্যবহার করে module2.greet মেথডটি কল হচ্ছে কিনা তা যাচাই করা হচ্ছে।

3. Non-AMD মডিউল বা লাইব্রেরি টেস্টিং:

যখন আপনি Non-AMD মডিউল যেমন jQuery, Bootstrap, বা অন্য কোনো পুরনো লাইব্রেরি ব্যবহার করেন, তখন সেগুলিকে Shim Configuration ব্যবহার করে RequireJS-এ AMD মডিউল হিসেবে রূপান্তর করা যেতে পারে।

3.1. jQuery টেস্টিং Example:

require.config({
  paths: {
    'jquery': 'https://code.jquery.com/jquery-3.6.0.min',
  },
  shim: {
    'jquery': {
      exports: '$'
    }
  }
});

require(['jquery'], function($) {
  describe('jQuery Unit Test', function() {
    it('should have $ as jQuery object', function() {
      expect($).toBeDefined();
      expect($('body')).toBeTruthy();
    });
  });
});

এখানে:

• Shim Configuration: আমরা jQuery-এর জন্য exports কনফিগারেশন ব্যবহার করছি যাতে $ গ্লোবাল ভ্যারিয়েবল হিসেবে এক্সপোর্ট করা হয় এবং Jasmine এ টেস্ট করা যায়।

4. Mocha এবং Chai ব্যবহার করে Unit Testing

যদি আপনি Mocha এবং Chai ব্যবহার করতে চান, তবে আপনাকে Mocha কনফিগারেশন এবং Chai Assertion ব্যবহার করতে হবে।

npm install --save-dev mocha chai karma-mocha karma-chai

Mocha Test Example:

require.config({
  paths: {
    'jquery': 'https://code.jquery.com/jquery-3.6.0.min'
  }
});

require(['jquery'], function($) {
  describe('jQuery Test', function() {
    it('should add a class to an element', function() {
      var element = $('<div></div>');
      element.addClass('test');
      chai.expect(element.hasClass('test')).to.be.true;
    });
  });
});

এখানে:

• Mocha এবং Chai ব্যবহার করে আমরা jQuery এর একটি DOM ম্যানিপুলেশন ফিচার টেস্ট করছি।

RequireJS এর জন্য Unit Testing এবং Integration Testing এর জন্য আপনাকে:

• Karma: টেস্ট রানার হিসেবে ব্যবহার করা।
• Jasmine বা Mocha: টেস্টিং ফ্রেমওয়ার্ক হিসেবে ব্যবহার করা।
• Shim Configuration: Non-AMD লাইব্রেরি যেমন jQuery টেস্টিংয়ের জন্য ব্যবহৃত।
• SpyOn এবং Chai Assertions: মডিউলগুলির মধ্যে ইন্টারঅ্যাকশন এবং ম্যানিপুলেশন যাচাই করা।

এভাবে, আপনি RequireJS ব্যবহার করে Unit Testing এবং Integration Testing কার্যকরভাবে পরিচালনা করতে পারবেন।