jasmine: Async callback ไม่ได้ถูกเรียกใช้ภายในระยะเวลาที่กำหนดโดย jasmine.DEFAULT_TIMEOUT_INTERVAL

ฉันมีบริการเชิงมุมที่เรียกว่าrequestNotificationChannel:

app.factory("requestNotificationChannel", function($rootScope) {

    var _DELETE_MESSAGE_ = "_DELETE_MESSAGE_";

    function deleteMessage(id, index) {
        $rootScope.$broadcast(_DELETE_MESSAGE_, { id: id, index: index });
    };

    return {
       deleteMessage: deleteMessage
    };

});

ฉันพยายามทดสอบบริการโดยใช้ดอกมะลิ:

"use strict";

describe("Request Notification Channel", function() {
    var requestNotificationChannel, rootScope, scope;

    beforeEach(function(_requestNotificationChannel_) {
        module("messageAppModule");

        inject(function($injector, _requestNotificationChannel_) {
            rootScope = $injector.get("$rootScope");
            scope = rootScope.$new();
            requestNotificationChannel = _requestNotificationChannel_;
        })

        spyOn(rootScope, '$broadcast');
    });


    it("should broadcast delete message notification", function(done) {

        requestNotificationChannel.deleteMessage(1, 4);
        expect(rootScope.$broadcast).toHaveBeenCalledWith("_DELETE_MESSAGE_", { id: 1, index: 4 });
        done();       
    });
});

ฉันอ่านเกี่ยวกับการสนับสนุนแบบอะซิงโครนัสในจัสมิน แต่เนื่องจากฉันค่อนข้างใหม่กับการทดสอบหน่วยด้วย javascript ไม่สามารถทำงานได้

ฉันได้รับข้อผิดพลาด:

Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL

และการทดสอบของฉันใช้เวลานานเกินไปในการดำเนินการ (ประมาณ 5 วินาที)

บางคนสามารถช่วยฉันอธิบายตัวอย่างการทำงานของโค้ดของฉันพร้อมคำอธิบายได้ไหม

การมีข้อโต้แย้งในitฟังก์ชั่นของคุณ( doneในรหัสด้านล่าง) จะทำให้จัสมินพยายามโทร async

//this block signature will trigger async behavior.
it("should work", function(done){
  //...
});

//this block signature will run synchronously
it("should work", function(){
  //...
});

มันไม่ได้สร้างความแตกต่างในสิ่งที่doneชื่ออาร์กิวเมนต์การดำรงอยู่ของมันคือสิ่งที่สำคัญ ฉันพบปัญหานี้จากการคัดลอก / พาสต้ามากเกินไป

เอกสารสนับสนุน Asynchronous ของจัสมินทราบว่าอาร์กิวเมนต์ (ชื่อdoneด้านบน) คือการเรียกกลับที่สามารถเรียกให้จัสมินทราบได้เมื่อฟังก์ชันอะซิงโครนัสเสร็จสมบูรณ์ หากคุณไม่เคยเรียกมันว่าดอกมะลิจะไม่มีทางรู้ว่าการทดสอบของคุณเสร็จสิ้นและจะหมดเวลาในที่สุด

แม้สำหรับการทดสอบ async มีการหมดเวลาใช้งานในกรณีนี้คุณสามารถแก้ไขข้อผิดพลาดนี้ได้โดยเพิ่มค่าสำหรับการหมดเวลา จำกัด เพื่อประเมินการโทรกลับ async Jasmine

describe('Helper', function () {
    var originalTimeout;

    beforeEach(function() {
        originalTimeout = jasmine.DEFAULT_TIMEOUT_INTERVAL;
        jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000000;
    });

    afterEach(function() {
      jasmine.DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
    });

    it('Template advance', function(doneFn) {
        $.ajax({
            url: 'public/your-end-point.mock.json',
            dataType: 'json',
            success: function (data, response) {
                // Here your expected using data
                expect(1).toBe(1)
                doneFn();
            },
            error: function (data, response) {
                // Here your expected using data
                expect(1).toBe(1)
                doneFn();
            }
        });
    });
});

ที่มา: http://jasmine.github.io/2.0/introduction.html#section-42

ข้อผิดพลาดนี้อาจเกิดจากการปล่อยออกมาเมื่อเริ่มต้นบริการ / โรงงานหรืออะไรก็ตาม ตัวอย่างเช่นมันสามารถโยนได้โดยทำสิ่งนี้:

var service;
beforeEach(function(_TestService_) {
    service = _TestService_;
});

เพื่อแก้ไขมันเพียงแค่ห่อฟังก์ชั่นด้วยการฉีดเพื่อดึงบริการที่เหมาะสม

var service;
beforeEach(inject(function(_TestService_) {
    service = _TestService_;
}));

import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';

ใช้fakeAsync

beforeEach(fakeAsync (() => {

//your code

}));



describe('Intilalize', () => {
        it('should have a defined component', fakeAsync(() => {
            createComponent();
            expect(_AddComponent.ngOnInit).toBeDefined();
        }));
    });

คุณสามารถใช้ปลั๊กอินkarma-jasmineเพื่อตั้งค่าช่วงหมดเวลาเริ่มต้นทั่วโลก

เพิ่มการกำหนดค่านี้ใน karma.conf.js

module.exports = function(config) {
  config.set({
    client: {
      jasmine: {
        timeoutInterval: 10000
      }
    }
  })
}

ข้อผิดพลาดนี้เริ่มต้นจากสีน้ำเงินสำหรับฉันในการทดสอบที่ได้ผลเสมอ ฉันไม่พบข้อเสนอแนะใด ๆ ที่ช่วยจนกระทั่งฉันสังเกตเห็นว่า Macbook ของฉันทำงานช้า ฉันสังเกตว่าซีพียูถูกตรึงด้วยกระบวนการอื่นซึ่งฉันฆ่า ข้อผิดพลาด async ของ Jasmine หายไปและการทดสอบของฉันกลับมาใช้งานได้อีกครั้ง

อย่าถามฉันทำไมฉันไม่รู้ แต่ในสถานการณ์ของฉันมันดูเหมือนจะขาดทรัพยากรระบบที่ผิด

นี่เป็นข้อสังเกตมากกว่าคำตอบ แต่อาจช่วยคนอื่นที่รู้สึกหงุดหงิดเหมือนฉัน

ฉันได้รับข้อผิดพลาดจากการทดสอบสองครั้งในชุดของฉัน ฉันคิดว่าฉันทำแบบทดสอบหักด้วยการปรับโครงสร้างที่ฉันทำอยู่ดังนั้นหลังจากการสำรองการเปลี่ยนแปลงไม่ได้ผลฉันจึงเปลี่ยนรหัสก่อนหน้าเป็นสองเท่า (แก้ไขสองครั้งหลัง) คิดว่าจะกำจัดข้อผิดพลาดได้ การทำเช่นนั้นไม่ได้เปลี่ยนแปลงอะไรเลย ฉันไล่ตามหางของฉันทั้งวันเมื่อวานและเป็นส่วนหนึ่งของเช้านี้โดยไม่ต้องแก้ไขปัญหา

ฉันหงุดหงิดและลองดูโค้ดบนแล็ปท็อปเมื่อเช้านี้ เรียกใช้ชุดทดสอบทั้งหมด (ประมาณ 180 การทดสอบ) ไม่มีข้อผิดพลาด ดังนั้นข้อผิดพลาดไม่เคยอยู่ในรหัสหรือการทดสอบ กลับไปที่กล่อง dev ของฉันและรีบูตมันเพื่อล้างอะไรในหน่วยความจำที่อาจทำให้เกิดปัญหา ไม่มีการเปลี่ยนแปลงข้อผิดพลาดเดียวกันในการทดสอบทั้งสองแบบเดียวกัน ดังนั้นฉันจึงลบไดเรกทอรีออกจากเครื่องของฉันและตรวจสอบมันกลับออกมา Voila! ไม่มีข้อผิดพลาด

ไม่ทราบว่าเกิดจากสาเหตุใดหรือแก้ไขอย่างไร แต่การลบไดเรกทอรีทำงานและตรวจสอบกลับไปแก้ไขสิ่งที่มันเป็น

หวังว่านี่จะช่วยใครซักคน

อย่าใช้doneเพียงปล่อยให้การเรียกใช้ฟังก์ชันว่างเปล่า

คุณจะได้รับข้อผิดพลาดนี้เมื่อคาดหวังบางอย่างในbeforeAllฟังก์ชั่น!

describe('...', function () {

    beforeAll(function () {
        ...

        expect(element(by.css('[id="title"]')).isDisplayed()).toBe(true);
    });

    it('should successfully ...', function () {

    }
}

ในกรณีของฉันข้อผิดพลาดนี้เกิดจากการใช้ "fixture.detectChanges ()" อย่างไม่เหมาะสมดูเหมือนว่าวิธีนี้เป็นฟังเหตุการณ์ (async) ซึ่งจะตอบกลับการโทรกลับเมื่อตรวจพบการเปลี่ยนแปลงเท่านั้น หากตรวจไม่พบการเปลี่ยนแปลงมันจะไม่เรียกใช้การเรียกกลับทำให้เกิดข้อผิดพลาดการหมดเวลา หวังว่าจะช่วย :)

ทำงานหลังจากลบการscopeอ้างอิงและฟังก์ชันอาร์กิวเมนต์:

"use strict";

describe("Request Notification Channel", function() {
    var requestNotificationChannel, rootScope;

    beforeEach(function() {
        module("messageAppModule");

        inject(function($injector, _requestNotificationChannel_) {
            rootScope = $injector.get("$rootScope");
            requestNotificationChannel = _requestNotificationChannel_;
        })
        spyOn(rootScope, "$broadcast");
    });


    it("should broadcast delete message notification with provided params", function() {
        requestNotificationChannel.deleteMessage(1, 4);
        expect(rootScope.$broadcast).toHaveBeenCalledWith("_DELETE_MESSAGE_", { id: 1, index: 4} );
    });
});

ตามที่บันทึกไว้โดย @mastablasta แต่ยังต้องเพิ่มว่าถ้าคุณเรียกอาร์กิวเมนต์ 'เสร็จสิ้น' หรือแทนที่จะตั้งชื่อให้สมบูรณ์คุณเพียงแค่โทรกลับเสร็จสมบูรณ์ () ในการทดสอบของคุณเมื่อเสร็จสิ้น

// this block signature will trigger async behavior.
it("should work", function(done){
  // do stuff and then call done...
  done();
});

// this block signature will run synchronously
it("should work", function(){
  //...
});

jasmine.DEFAULT_TIMEOUT_INTERVAL = 100000;

การเก็บสิ่งนี้ไว้ในบล็อกช่วยแก้ไขปัญหาของฉัน

it('', () => {
 jasmine.DEFAULT_TIMEOUT_INTERVAL = 100000;
});

สิ่งที่ฉันทำคือ: เพิ่ม / อัปเดตรหัสต่อไปนี้:

framework: 'jasmine',
jasmineNodeOpts: 
{
    // Jasmine default timeout
    defaultTimeoutInterval: 60000,
    expectationResultHandler(passed, assertion) 
    {
      // do something
    },
}

แทน

beforeEach(() => {..

ใช้

beforeEach(fakeAsync(() => {..

ดูเหมือนว่าการทดสอบกำลังรอการติดต่อกลับที่ไม่เคยเกิดขึ้นมาก่อน อาจเป็นเพราะการทดสอบไม่ได้ดำเนินการกับพฤติกรรมแบบอะซิงโครนัส

ก่อนอื่นดูว่าเพียงแค่ใช้ fakeAsync ในสถานการณ์ "มัน" ของคุณ:

it('should do something', fakeAsync(() => {

คุณยังสามารถใช้flush()เพื่อรอคิว microTask ให้เสร็จหรือtick()รอเวลาที่กำหนด

หากคุณมีข้อโต้แย้ง ( done) ในitฟังก์ชั่นพยายามที่จะลบมันเช่นกันมันเป็นสายภายในฟังก์ชั่นของตัวเอง:

it("should broadcast delete message notification", function(/*done -> YOU SHOULD REMOVE IT */) {

    requestNotificationChannel.deleteMessage(1, 4);
    expect(rootScope.$broadcast).toHaveBeenCalledWith("_DELETE_MESSAGE_", { id: 1, index: 4 });
    // done(); -> YOU SHOULD REMOVE IT        
});