量角器：使用getCssValue

Question

我是量角器的新手，我想查看一些css属性。我这样做（CoffeeScript）：

element.all(By.css(".my-picture")).then (pictures) ->
   for picture in pictures
      picture.getCssValue("border-radius").then (value) ->
         console.log value

以上代码不会打印任何内容。我可以获得“显示”或“颜色”等属性，但没有“border-radius”。

根据this documentation，似乎getCssValue只适用于CSS2规范。根据{{​​3}}，border-radius不存在！

现在，我意识到border-radius是一个CSS3属性。但问题仍然存在，我如何使用量角器进行测试？

Answer 1

element.all(by.css('.my-picture')).then(function (pictures) {
    for (picture in pictures) {
        browser.executeScript(function (domPicture) {
            var style = window.getComputedStyle(domPicture);
            return style.getPropertyValue('border-radius');
        }, picture.getWebElement()).then(function (borderRadius) {
            console.log(borderRadius);
        });
    }
});