javascript - css 属性不适用于 Protractor ？

Question

我为我的 angularjs 应用程序编写了一些 Protractor 测试并为 css 属性验证编写了一些测试用例，但我的测试用例不适用于 css 属性验证所以有人帮助我如何测试 css 属性吗？在我的测试用例中，我写的是:

element.all(by.css('.detailsFormLabel')).getCssValue('font-family', 'width', 'font-size', 'height', 'color').then(function(cssStyleProperty) {
    expect(cssStyleProperty).toBe['Verdana', 'Verdana', '125px', '11px', '25px', 'rgba(102, 102, 102, 1)'];
});

element.all(by.css('.detailsFormAttribute')).getCssValue('font-family', 'width', 'font-size', 'height', 'color').then(function(cssStyleProperty) {
    expect(cssStyleProperty).toBe['Verdana Regular', 'Verdana', '150px', '11px', '25px', 'rgba(102, 102, 102, 1)'];
});

Answer 1

在 getCssValue() 中传递单个参数 Protractor 的方法，你应该在 expect statements 中使用圆括号 () .检查下面的例子 -

element.all(by.css('.detailsFormLabel')).getCssValue('font-family').then(function (cssStyleProperty) {
      expect(cssStyleProperty).toBe('Verdana');
});

同样也可以获取其他值。希望这会有所帮助。