Có cách nào để kiểm tra thuộc tính CSS được thừa hưởng trong thước đo góc không?

Question

Tôi đang viết một số bài kiểm tra thước đo góc cho ứng dụng Góc. Sau khi làm mờ trường nhập, tệp CSS được tải lại trong ứng dụng và tôi muốn kiểm tra xem kiểu đó có hiệu quả được áp dụng cho các phần tử sử dụng các lớp từ tệp CSS đó hay không.

Tôi đã thấy tôi có thể đọc các giá trị có hiệu quả trên thuộc tính kiểu.

Nếu không thể, thì có cách nào để kiểm tra một số phần tử được hiển thị chính xác sử dụng thước đo ??

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 không phải là một giá trị css hợp lệ, vì nó mở rộng để border-top, border-left, vv Hãy thử

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