Nieudane oczekiwanie: "Oczekiwano [], aby była pustą tablicą".

Question

Oto test braku:

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(); 
    }); 
}); 

gdzie MyPage jest sprawdzonym Strona obiektu:

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; 

gdzie errors ma być tablicą tekstów widocznych błędów znajdujących się na stronie.

Oto błąd kupujemy:

Failures: 

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

FYI, toBeEmptyArray() dopasowujący pochodzi jasmine-matchers trzecie.

---

Próbowałem wydrukować wartości od scope.page.errors ten sposób:

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

I to jest drukowany jako []. Array.isArray(errors) zwraca true.

Z tego co widzę, scope.page.errors jest pustą tablicą, ale oczekiwanie nie powiedzie się. Czego mi brakuje?

Answer 1

Odpowiedź jest cztery linie w dół w protractor src.

ElementArrayFinder extends Promise, natomiast kontrole jaśmin-dopasowujących first checks że błędy są rzeczywiste tablicę dokładnie jak Array.isArray is done, który będzie return false;

Jest to również zgodne z expect(scope.page.errors.length).toBe(0) jest niezdefiniowane, ponieważ obietnice nie mają długości.

Wystarczy uruchomić errors.then na swojej obietnicy i testy że argument jest [] Pokazaliśmy też, co można zrobić, gdy prowadził scope.page.errors.then

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(); 
    }); 
});