Czy istnieje sposób sprawdzenia odziedziczonej właściwości CSS w kątomierzu?

Question

Piszę niektóre testy kątomierza dla aplikacji Angular. Po rozmyciu pola wprowadzania danych, plik CSS jest ponownie ładowany w aplikacji i chciałbym przetestować, czy ten styl został skutecznie zastosowany do elementów, które używają klas z tego pliku CSS.

Widziałem, że mogę odczytać wartości, które są efektywne w atrybucie style.

Jeśli nie jest to możliwe, to czy istnieje jakiś sposób na sprawdzenie, czy element jest renderowany poprawnie za pomocą kątomierza ??

element.all(by.css('.input')).get(0).then(function(styleProperty){ 
    styleProperty.clear(); 
    styleProperty.sendKeys('10px', protractor.Key.TAB); 
    element(by.css('.element')).getCssValue('border').then(function (borderCssValue) { 
    expect(borderCssValue).toBe('10px'); 
    }); 

Message: 
    Expected '' to be '10px'. 

Answer 1

border nie jest prawidłową wartością css, ponieważ rozszerza się border-top, border-left itp Spróbuj

element(by.css('.element')).getCssValue('border-top').then(...)