এখানে একটি উদাহরণ দেওয়া আছে: আমার ওয়েব অ্যাপ্লিকেশনটিতে টেনে নেওয়ার যোগ্য উপাদান রয়েছে। কোনও উপাদান টেনে আনার সময়, ব্রাউজারটি একটি "ভুতের চিত্র" তৈরি করে। আমি টেনে আনার সময় "ভুতের চিত্র" সরাতে চাই এবং আমি এই আচরণের জন্য একটি পরীক্ষা লিখি।
আমার সমস্যাটি হ'ল এই বাগটি কীভাবে ঠিক করা যায় তা প্রাথমিকভাবে আমার কোনও ধারণা নেই এবং আমি পরীক্ষাটি লিখতে পারার একমাত্র উপায় এটি ঠিক করার পরে fixed
একটি সাধারণ ফাংশনে যেমন let sum = (a, b) => a - bআপনি কোনও কোড লেখার আগে কেন sum(1, 2)সমান হয় না তা পরীক্ষা করে লিখতে পারেন 3।
আমি যে ক্ষেত্রে বর্ণনা করছি, আমি পরীক্ষা করতে পারছি না, কারণ যাচাইকরণ কী তা আমি জানি না (জোর কী হওয়া উচিত তা আমি জানি না)।
বর্ণিত সমস্যার সমাধান:
let dataTransfer = e.dataTransfer
let canvas = document.createElement('canvas');
canvas.style.opacity = '0';
canvas.style.position = 'absolute';
canvas.style.top = '-1000px';
dataTransfer.effectAllowed = 'none';
document.body.appendChild(canvas);
dataTransfer.setDragImage(canvas, 0, 0);
আমি জানতে পারি না যে এটিই সমাধান ছিল। অনলাইনে সমাধানটি সন্ধানের পরেও আমি পরীক্ষাটিও লিখতে পারি না, কারণ এটি যদি সত্যই কাজ করে তবে আমি কেবল জানতে পারতাম, এই কোডটি আমার কোডবেজে যুক্ত করা এবং এটির পছন্দসই প্রভাব থাকলে ব্রাউজারের সাথে যাচাই করা। টেস্টটি কোডের পরে লিখতে হয়েছিল, যা টিডিডির বিপরীতে যায়।
এই সমস্যার জন্য টিডিডি পদ্ধতির কী হবে? কোড লিখার আগে কোড বাধ্যতামূলক বা beforeচ্ছিক?