Fehlgeschlagene Erwartung: "Erwartet [], um ein leeres Array zu sein."

Question

Hier ist der fehlerhafte Test:

describe("Checking errors", function() { 
    var scope = {}; 

    beforeEach(function() { 
     browser.get("/#endpoint"); 
     browser.waitForAngular(); 

     scope.page = new MyPage(); 
    }); 

    it("should not show any errors", function() { 
     expect(scope.page.errors).toBeEmptyArray(); 
    }); 
}); 

wo MyPage ist ein Seite Objekt:

var MyPage = function() { 
    this.errors = element.all(by.css("div.error-block b.error")) 
     .filter(function (elm) { 
      return elm.isDisplayed().then(function (value) { 
       return value; 
      }); 
     }) 
     .map(function (elm) { 
      return elm.getText(); 
     }); 
}; 

module.exports = MyPage; 

wo errors sollten eine Reihe von sichtbaren Fehlertexten auf einer Seite zu finden sein. Hier

ist der Fehler, den wir bekommen:

Failures: 

    1) Checking errors should not show any errors 
    Message: 
    Expected [ ] to be empty array. 
    Stacktrace: 
    Error: Failed expectation 

FYI, toBeEmptyArray() Matcher kommt von jasmine-matchers Dritter.

---

Ich habe versucht, auf diese Weise den Wert von scope.page.errors auszudrucken:

scope.page.errors.then(function (errors) { 
    console.log(errors); 
}); 

Und es wird als [] ausgedruckt. Array.isArray(errors) gibt true zurück.

Von was ich sehe, scope.page.errors ist ein leeres Array, aber die Erwartung schlägt fehl. Was ich vermisse?

Answer 1

die Antwort ist vier Zeilen nach unten in der protractor src.

ElementArrayFinder extends Promise, während Jasmin-Matcher überprüft first checks, dass Fehler ist ein tatsächliches Array genau wie Array.isArray is done, die falsch zurückgibt;

Dies stimmt auch damit überein, dass expect(scope.page.errors.length).toBe(0) nicht definiert ist, weil Versprechen keine Längen haben.

Gerade errors.then auf Ihrem Versprechen laufen und Test, dass das Argument [] ist Sie haben auch, dass kann getan sichtbar, wenn Sie scope.page.errors.then lief

Answer 2

Inside test script your code line "scope.page = new MyPage();" is creating new empty MyPage object.Code which you have written in application script is creating page object locally and its not bounded with any angular scope.When there is requirement of testing such objects you need to replicate code for page object creation in beforeEach(); block of test script.And test it. 
describe("Checking errors", function() { 
    var scope = {}; 
    var MyPage ; 
    beforeEach(function() { 
     browser.get("/#endpoint"); 
     browser.waitForAngular(); 

     MyPage = function() { 
    this.errors = element.all(by.css("div.error-block b.error")) 
     .filter(function (elm) { 
      return elm.isDisplayed().then(function (value) { 
       return value; 
      }); 
     }) 
     .map(function (elm) { 
      return elm.getText(); 
     }); 
}; 
    }); 

    it("should not show any errors", function() { 
     expect(MyPage.errors).toBeEmptyArray(); 
    }); 
});