हूड के नीचे सेटटाइमआउट / सेटइंटरवल युक्त कोड का परीक्षण कैसे करें

हम डेवलपर्स यूनिट परीक्षणों के बहुत शौकीन हैं, जिनमें से उपयोगिता स्पष्ट है। और इसलिए कि ये परीक्षण वास्तव में उपयोगी हैं, और दर्द नहीं लाते हैं, उनकी स्थिरता सुनिश्चित करना आवश्यक है।

हमारी कंपनी वासबी इंटरफ़ेस ढांचा विकसित करती है और इसके आधार पर निर्मित उत्पादों को बेचती है, जो क्लाउड और डेस्कटॉप एप्लिकेशन हैं। रिलीज चक्र कसकर कैलेंडर से बंधा हुआ है, और उत्पाद की गुणवत्ता को नियंत्रित करने के लिए निरंतर अक्षम प्रक्रियाएं निर्धारित की जाती हैं। हम का उपयोग जेनकींस विधानसभाओं और के लिए मोचा के साथ संयोजन के रूप में चाय ज़ोरजावास्क्रिप्ट कोड के परीक्षण के लिए यूनिट। और हाल ही में, हमें एक ऐसी स्थिति का सामना करना पड़ा जहां विधानसभा निगरानी ने यह दिखाना शुरू कर दिया कि उनके पतन के सभी मामलों में से लगभग आधे अस्थिर जावास्क्रिप्ट परीक्षण के कारण थे। लक्षण समान हैं: सेट से एक अलग परीक्षण को चलाने के लिए या तो समय नहीं है, या अपेक्षित रूप से गलत परिणाम देता है। और मामलों के विश्लेषण से लगभग हमेशा इस तथ्य का पता चलता है कि एक परीक्षण जिसमें सेटटाइमआउट या सेटइंटरवल फ़ंक्शन अपने आप में या परीक्षण किए गए कोड क्रैश में कॉल होते हैं । इस स्थिति में क्या करना है, इसके बारे में हम आगे बात करेंगे।

ऐसा क्यों होता है?

सब कुछ सरल है - कोड के अंदर जो डेवलपर परीक्षण कर रहा है, एक अतुल्यकालिक कॉल होता है, जिसके अंत में पर्यावरण की स्थिति किसी तरह बदलती है। और परीक्षण यह सत्यापित करने के लिए डिज़ाइन किया गया है कि यह स्थिति अपेक्षित है। लेकिन जबसे चूंकि हम एक आदर्श दुनिया में नहीं रहते हैं, इसलिए ऐसा होता है कि कोड के लिए एक परीक्षण लिखा जाता है जो पहले से ही युद्ध में काम कर रहा है, और जो मूल रूप से इस तरह के परीक्षण के लिए तैयार नहीं था। और डेवलपर को यह तय करना होगा कि वह ऐसे कोड का परीक्षण कैसे कर सकता है।

एक साधारण उदाहरण पर विचार करें, परीक्षण के तहत कोड एक वर्ग विधि है जो अतुल्यकालिक रूप से एक उदाहरण की स्थिति को बदलता है। और यह पूरी तरह से नहीं लिखा है:

export class Foo {
  propToTest: boolean = false;
  methodToTest(): void {
    setTimeout(() => {
      this.propToTest = true;
    }, 100);
  }
}

? , setTimeout . c , (, 101 100 ). :

it('should set propToTest to true', (done: Function) => {
  const inst = new Foo();
  inst.methodToTest();
  setTimeout(() => {
    assert.isTrue(inst.propToTest);
    done();
  }, 101);
});

? , , .. , callback, setTimeout, . — , 2 , . , . -, . , , - , — -.
setInterval.

, . , . , , .

1. callback- , setTimeout/setInterval (" 1001 101, "). .
2. setTimeout() (" event loop, "). .
3. ( 1 2) — , , .

?

, , . , , : . .

1. — .. .
   , , :

   
   

   export function setProperState(inst: Foo) {
     inst.propToTest = true;
   }
   
   export class Foo {
     propToTest: boolean = false;
     methodToTest(): void {
       setTimeout(() => {
         setProperState(this);
       }, 100);
     }
   }

   
   

   :

   
   

   it('should set propToTest to true', () => {
     const inst = new Foo();
     assert.isFalse(inst.propToTest);
     setProperState(inst);
     assert.isTrue(inst.propToTest);
   });

   
   

   , setProperState methodToTest ( ). , : , . , , .

   
   

2. , , .
   , setTimeout :

   
   

   export class Foo {
     propToTest: boolean = false;
     constructor(readonly awaiter: Function = setTimeout) {
     }
     methodToTest(): void {
       this.awaiter(() => {
         this.propToTest = true;
       }, 100);
     }
   }

   
   

   -, :

   
   

   it('should set propToTest to true', () => {
     const awaiter = (callback) => callback();
     const inst = new Foo(awaiter);
     inst.methodToTest();
     assert.isTrue(inst.propToTest);
   });

   
   

3. , Promise.
   , — , . . . :

   
   

   export class Foo {
     propToTest: boolean = false;
     methodToTest(): Promise<void> {
       return new Promise((resolve) => {
         setTimeout(() => {
           this.propToTest = true;
           resolve();
         }, 100);
        });
     }
   }

   
   

   setTimeout:

   
   

   it('should set propToTest to true', () => {
     const inst = newFoo();
     return inst.methodToTest().then(() => {
       assert.isTrue(inst.propToTest);
     });
   });

   
   

   , , , " ". setTimeout , .

   
   

   export class Foo {
     propToTest: boolean = false;
     constructor(readonly asyncTimeout: number = 100) {
     }
     methodToTest(): void {
       return new Promise((resolve) => {
         setTimeout(() => {
           this.propToTest = true;
           resolve();
         }, this.asyncTimeout);
        });
     }
   }

   
   

   .

   
   

4. fake timers.
   Sinon.JS , . - ( ), setTimeout .
   :

   
   

   export class Foo {
     propToTest: boolean = false;
     methodToTest(): void {
       setTimeout(() => {
         this.propToTest = true;
       }, 100);
     }
   }

   
   

   fake timer, (!):

   
   

   let clock;
   
   beforeEach(() => {
     clock = sinon.useFakeTimers();
   });
   
   afterEach(() => {
     clock.restore();
   });
   
   it('should set propToTest to true', () => {
     const inst = newFoo();
     inst.methodToTest();
     clock.tick(101);
     assert.isTrue(inst.propToTest);
   });

   
   

   " " clock.restore(), .

   
   

- , . - , . , , .