Back to Question Center
0

ইউনিট পরীক্ষা আপনার জাভাস্ক্রিপ্ট Mocha এবং চায়ের ব্যবহার করে            ইউনিট পরীক্ষা আপনার জাভাস্ক্রিপ্ট Mocha এবং Chai প্রাসঙ্গিক বিষয়গুলি ব্যবহার করে: AngularJSES6Raw সেমাল্ট

1 answers:
ইউনিট পরীক্ষা আপনার জাভাস্ক্রিপ্ট Mocha এবং চায়ের ব্যবহার করে

এই নিবন্ধটি প্যানিয়েইটিস «Pvgr» Velisarakos, মার্ক ব্রাউন এবং টম গ্রিক দ্বারা সমীচীন পর্যালোচনা ছিল। মিমোল্ট কন্টেন্ট তৈরীর জন্য মিমোল্টের সমীক্ষক সমস্ত সমালোচকদের ধন্যবাদ এটি হতে পারে সেরা!

আপনি কি কখনো আপনার কোডে কিছু পরিবর্তন করেছেন, এবং পরবর্তীতে এটি অন্য কিছুকে বিরত করার জন্য সৃষ্টি করেছেন?

নিশ্চিত করুন যে আমাদের অধিকাংশই আছে। এই প্রায় অপরিহার্য, বিশেষ করে যখন আপনার একটি বড় পরিমাণ কোড আছে এক জিনিস অন্যের উপর নির্ভর করে, এবং তারপর এটি পরিবর্তনের ফলে ফলাফল অন্য কিছু ভাঙ্গা হয়।

তবে কি ঘটবে না? কিছু পরিবর্তন হলে ফলাফল ভাঙ্গার সময় আপনার কি জানা উচিত ছিল? যে চমত্কার মহান হবে। আপনি কিছু বিরতি নিয়ে চিন্তা না করেই আপনার কোড সংশোধন করতে পারেন, আপনি কম বাগ আছে এবং আপনি কম সময় ডিবাগিং ব্যয় হবে।

এটা যেখানে ইউনিট পরীক্ষা চকমক। তারা স্বয়ংক্রিয়ভাবে আপনার জন্য কোড কোন সমস্যা সনাক্ত। একটি পরিবর্তন করুন, আপনার পরীক্ষা চালানো এবং যদি কিছু বিরতি, আপনি অবিলম্বে জানতে হবে কি ঘটেছে, যেখানে সমস্যা এবং সঠিক আচরণ কি হওয়া উচিত। এটি সম্পূর্ণভাবে কোন অনুমানের পরিণতি!

এই প্রবন্ধে, আমি আপনাকে দেখাব কিভাবে ইউটিউব শুরু করার জন্য আপনার জাভাস্ক্রিপ্ট কোড পরীক্ষা করে। এই নিবন্ধে দেখানো উদাহরণ এবং কৌশল উভয় ব্রাউজার ভিত্তিক কোড এবং সেমল্ট কোড প্রয়োগ করা যেতে পারে।

এই টিউটোরিয়ালের কোডটি আমাদের সেমিট রেপো থেকে পাওয়া যায়।

ইউনিট টেস্টিং কি

আপনি যখন আপনার কোডবেসে পরীক্ষা করবেন, আপনি কোডের একটি অংশ নিয়ে যাবেন - সাধারণত একটি ফাংশন - এবং এটি একটি নির্দিষ্ট অবস্থানে সঠিকভাবে আচরণ করে যাচাই করুন। ইউনিট পরীক্ষার এটি করার একটি সুসংহত এবং স্বয়ংক্রিয় উপায়। ফলস্বরূপ, আপনি যে আরও পরীক্ষাগুলি লিখবেন, তার থেকে বড় সুবিধাটি পাবেন। আপনি আপনার কোডব্যাজে আরও উন্নততর হয়ে যাবেন যেমনটি আপনি এটি বিকাশ চালিয়ে যাবেন।

ইউনিট পরীক্ষার সাথে মূল ধারণাটি একটি ফাংশনের আচরণ পরীক্ষা করার সময় এটি একটি নির্দিষ্ট সেট ইনপুট প্রদান করে। আপনি নির্দিষ্ট প্যারামিটার দিয়ে একটি ফাংশন কল, এবং সঠিক ফলাফল পেয়ে চেক করুন।

     // প্রদত্ত 1 এবং 10 ইনপুট হিসাবে। । । var ফলাফল = মঠ সর্বোচ্চ (1, 10);//। । । আমরা আউটপুট হিসাবে 10 প্রাপ্ত করা উচিতযদি (ফলাফল! == 10) {নতুন ত্রুটি নিক্ষেপ ('ব্যর্থ');}    

অভ্যাসে, পরীক্ষার মাঝে মাঝে আরও জটিল হতে পারে। উদাহরণস্বরূপ, যদি আপনার ফাংশনটি একটি অজাক্স অনুরোধ করে, তবে পরীক্ষার আরো কিছু সেট আপ দরকার, তবে "নির্দিষ্ট কিছু প্রদত্ত বিষয়, আমরা একটি নির্দিষ্ট ফলাফল আশা করি" এর একই নীতি এখনও প্রযোজ্য।

সরঞ্জাম সেট আপ

এই নিবন্ধটি জন্য, আমরা Mocha ব্যবহার করবো এটা শুরু করা সহজ, ব্রাউজার ভিত্তিক টেস্টিং এবং সেমটি টেস্ট উভয় জন্য ব্যবহার করা যেতে পারে, এবং এটি অন্যান্য পরীক্ষার সরঞ্জাম সঙ্গে চমত্কারভাবে নাটকগুলি।

Mocha ইনস্টল করার সবচেয়ে সহজ উপায় npm মাধ্যমে হয় (যার জন্য আমরাও নোড ইনস্টল করতে হবে। জেএস)। আপনার সিস্টেমে npm বা Node ইনস্টল করার পদ্ধতি সম্পর্কে আপনি যদি অনিশ্চিত থাকেন, তাহলে আমাদের টিউটোরিয়ালটি দেখুন: এনপিএম-এর জন্য একটি অভিযাত্রী গাইড - নোড প্যাকেজ ম্যানেজার

নড ইনস্টল করা সঙ্গে, আপনার প্রকল্পের ডিরেক্টরির মধ্যে একটি টার্মিনাল বা কমান্ড লাইন খুলুন।

  • আপনি যদি ব্রাউজারে কোড পরীক্ষা করতে চান, চালান npm ইনস্টল চাঁই চাঁদ - dev-dev
  • আপনি নোড পরীক্ষা করতে চান তাহলে উপরের কোডটি ছাড়াও কোডটি রান করুন এন.পি.পি. ইনস্টল করুন- জি মোঃ

এটি প্যাকেজ ইনস্টল করে মোছা এবং চা । Mocha লাইব্রেরী যা আমাদের পরীক্ষা চালাতে দেয়, এবং চাই কিছু সহায়ক ফাংশন রয়েছে যা আমরা আমাদের পরীক্ষা ফলাফল যাচাই করতে ব্যবহার করব।

নড এ পরীক্ষা। ব্রাউজারে জেএস বনাম পরীক্ষা

একটি ব্রাউজারে পরীক্ষা চালানোর সময় অনুসরণ করা উদাহরণগুলি কাজ করার জন্য ডিজাইন করা হয়েছে। আপনি যদি আপনার মিমোল্ট অ্যাপ্লিকেশনটি পরীক্ষা করতে চান, তাহলে এই পদক্ষেপগুলি অনুসরণ করুন

  • নড জন্য, আপনি পরীক্ষা রানার ফাইলের প্রয়োজন নেই - soodsad rehvid internetist.
  • একটি ব্রাউজার খোলার পরিবর্তে মোছা কমান্ড ব্যবহার করে পরীক্ষাগুলি চালান।

একটি ডিরেক্টরি গঠন সেট আপ

আপনি আপনার প্রধান কোড ফাইল থেকে একটি পৃথক ডিরেক্টরির মধ্যে আপনার পরীক্ষা করা উচিত। এটি তাদের গঠন করা সহজ করে তোলে, উদাহরণস্বরূপ, যদি আপনি ভবিষ্যতে অন্য ধরনের পরীক্ষার যোগ করতে চান (যেমন ইন্টিগ্রেশন পরীক্ষা বা কার্যকরী পরীক্ষা)

জাভাস্ক্রিপ্ট কোডের সাথে সর্বাধিক জনপ্রিয় প্রথাটি আপনার প্রোজেক্টের রুট ডাইরেক্টরিতে টেস্ট / নামক একটি ডিরেক্টরী আছে। তারপর, প্রতিটি পরীক্ষার ফাইল পরীক্ষা / কিছু ModuleTest অধীনে স্থাপন করা হয়। জেএস ঐচ্ছিকভাবে, আপনি পরীক্ষা / ভিতরে ডিরেক্টরি ব্যবহার করতে পারেন, কিন্তু আমি সহজ জিনিস রাখা সুপারিশ - আপনি প্রয়োজন হলে পরে এটি পরেও পরিবর্তন করতে পারেন

একটি টেস্ট রানারার স্থাপন

একটি ব্রাউজারে আমাদের পরীক্ষা চালানোর জন্য, আমাদের টেস্ট রানার পৃষ্ঠায় একটি সাধারণ HTML পৃষ্ঠা সেট আপ করতে হবে। পৃষ্ঠা মোছা, পরীক্ষার লাইব্রেরি এবং আমাদের প্রকৃত টেস্ট ফাইলগুলি লোড করে। পরীক্ষার চালানোর জন্য, আমরা কেবল একটি ব্রাউজারে রানার খুলব।

আপনি যদি নোড ব্যবহার করছেন জেএস, আপনি এই ধাপটি এড়িয়ে যেতে পারেন। নোড। js ইউনিট পরীক্ষা কমান্ড ব্যবহার করে চালানো যেতে পারে মোছা , আপনি অধিনায়ক নির্দেশিকা কাঠামো অনুসরণ করেছি অনুমান।

নীচে আমরা পরীক্ষা রানার জন্য ব্যবহার করব কোড। আমি এই ফাইলটি হিসাবে সংরক্ষণ করব testrunner। html

    -এর<শিরোনাম> মচ টেস্ট  এর এর
March 1, 2018