Wie stelle ich fest, dass ein Element fokussiert ist?

Question

Ich versuche zu überprüfen, dass das fokussierte Element beim Laden der Seite als einer meiner Tests festgelegt ist.

Dies scheint zu funktionieren, und ich kann mit dem Element Explorer überprüfen, aber die Jasmine Matchers scheinen nicht auf diese zu nehmen.

Hier ist mein Code:

var LoginPage = function() { 
    this.basePath = browser.params.baseUrl; 
    this.loginPart = "/#/login"; 
    this.usernameInput = element(by.model('username')); 

    this.get = function() { ... } 
} 

it('should focus on the username field on load', function() { 
    loginPage.get(); 
    expect(loginPage.usernameInput).toBe(browser.driver.switchTo().activeElement()); 
}); 

Das Feld selbst wenn der Fokus immer richtig ist die Seite geladen wird (und Element-Explorer mich richtig ermöglicht dies über browser.driver.switchTo().activeElement() abzufragen, so dass ich denke, dieser Test vorbei sein sollte, aber es . ist nicht

Stattdessen erhalte ich eine enorme Stacktrace, die keine nützlichen Informationen anbietet

Answer 1

ich glaube, ich eine Abhilfe gefunden:.

Da expect erwartet mit dem Versprechen, genannt zu werden, Sie einige Attribute der beiden WebElements vergleichen können (Ihre Eingabe und die zur Zeit activeElement):

it('should focus on the username field on load', function() { 
    loginPage.get(); 
    expect(loginPage.usernameInput.getAttribute('id')).toEqual(browser.driver.switchTo().activeElement().getAttribute('id')); 
}); 

Answer 2

I endete diese schöne einfache Funktion up mit Fokus zu behaupten.

var expectToBeFocused = function(element){ 
    return expect(element.getInnerHtml()). 
    toBe(browser.driver.switchTo().activeElement().getInnerHtml()); 
}; 

Answer 3

ich es geschafft, einen Weg zu finden, ein Element mit dem fokussierten zu vergleichen, ohne auf irgendwelche Attribute Relaying.

element(by.css('div.my-class')).equals(browser.driver.switchTo().activeElement()) 
    .then(equals => expect(equals).toBe(true));