Esiste un modo per verificare una proprietà CSS ereditata nel goniometro?

Question

Sto scrivendo alcuni test del goniometro per un'app Angular. Dopo aver sfocato un campo di input, un file CSS viene ricaricato nell'applicazione e vorrei testare se tale stile è stato effettivamente applicato agli elementi che usano le classi da quel file CSS.

Ho visto che posso leggere i valori che sono effettivamente sull'attributo degli stili.

Se non è possibile, esiste un modo per verificare che qualche elemento sia reso correttamente utilizzando il rapportatore ??

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 non è un valore CSS valido, in quanto si espande per border-top, border-left, ecc Prova

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