Как да тествам стойност, върната в Promise от AngularJS Controller с Jasmine?

Всичко вътре в then няма да бъде изпълнено, освен ако не бъдат извикани обратните извиквания на обещанието - което е риск за фалшив положителен резултат, какъвто сте изпитали тук. Тестът ще премине тук, тъй като очакването никога не е било изпълнявано.

Има много начини да се уверите, че няма да получите фалшив положителен резултат като този. Примери:

А) Върнете обещанието

Jasmine ще изчака обещанието да бъде разрешено в рамките на времето за изчакване.

• Ако не бъде решен навреме, тестът ще бъде неуспешен.
• Ако обещанието бъде отхвърлено, тестът също ще се провали.

Внимание Ако забравите връщането, тестът ви ще даде фалшиво положителен резултат!

describe('test the returned value from the promise', function() {
    return $scope.getTheData(someId)
    .then(function(result) {
        expect(result).toBe('something expected');
    });
});

B) Използвайте обратното извикване done, предоставено от Jasmine на тестовия метод

• Ако done не бъде извикан в рамките на времето за изчакване, тестът ще бъде неуспешен.
• Ако done се извика с аргументи, тестът ще се провали.
  Уловката тук ще предаде грешката на jasmine и ще видите грешката в изхода.

Внимавайте Ако забравите уловката, грешката ви ще бъде погълната и тестът ви ще се провали с обща грешка при изчакване.

describe('test the returned value from the promise', function(done) {
    $scope.getTheData(someId)
    .then(function(result) {
        expect(result).toBe('something expected');
        done();
    })
    .catch(done);
});

C) Използване на шпиони и ръчно завъртане (синхронно тестване)

Ако не сте перфектен, това може да е най-безопасният начин да пишете тестове.

it('test the returned value from the promise', function() {
    var
      data = { data: 'lots of data' },
      successSpy = jasmine.createSpy('success'),
      failureSpy = jasmine.createSpy('failure');

    $scope.getTheData(someId).then(successSpy, failureSpy);

    $httpBackend.expect('GET', 'the/url/to/my/data').respond(200, data);
    $httpBackend.flush();

    expect(successSpy).toHaveBeenCalledWith(data);
    expect(failureSpy).not.toHaveBeenCalled();
});

Трикове за синхронно тестване
Можете ръчно да управлявате httpBackend, времеви изчаквания и промени в обхвата, когато е необходимо, за да накарате контролера/услугите да отидат една крачка напред. $httpBackend.flush(), $timeout.flush(), scope.$apply().

В случай, че някъде има обещание, създадено от $q (и тъй като изглежда, че използвате $httpBackend, това може да е така), тогава моите предложения са да задействате цикъл на дайджест след извикването на getTheData и да се уверите, че повикването към expect не е в then обратно извикване (така че ако нещо е счупено, тестът е неуспешен, вместо просто да не се изпълнява).

var prom = $scope.getTheData(someId);
$scope.$apply();
expect(result).toBe('something expected');

Причината, поради която това може да помогне, е, че обещанията на Angular са обвързани с цикъла на дайджест и техните обратни извиквания се извикват само ако се изпълнява цикъл на дайджест.

Проблемът, с който се сблъсквате, е, че тествате асинхронен код (базиран на обещание), използвайки синхронен код. Това няма да работи, тъй като тестът е приключил преди Thenable във вашия тестов код да започне да изпълнява обратното извикване, съдържащо теста. Документите на Jasmine конкретно показват как да тествате асинхронен код (същият като Mocha), и корекцията е много малка:

describe('test the returned value from the promise', function(done) {
    var prom = $scope.getTheData(someId);
    prom.then(function(result) {
        expect(result).toBe('something expected');  //this code never runs
        done(); // the signifies the test was successful
    }).catch(done); // catches any errors
});