使用量角器显示AngularJS E2E测试中新记录的背景色
我正在为我的angular应用程序中的“添加新用户”编写E2E测试用例。这里,我想为新创建的用户(或记录)显示背景色。这是我的测试用例使用量角器显示AngularJS E2E测试中新记录的背景色,angularjs,protractor,angularjs-e2e,e2e-testing,Angularjs,Protractor,Angularjs E2e,E2e Testing,我正在为我的angular应用程序中的“添加新用户”编写E2E测试用例。这里,我想为新创建的用户(或记录)显示背景色。这是我的测试用例 element(by.model('newrecord.firatName')).sendKeys('Juli'); element(by.model('newrecord.lastName')).sendKeys('Robert'); element( by.css('[ng-click="ok()"]')
element(by.model('newrecord.firatName')).sendKeys('Juli');
element(by.model('newrecord.lastName')).sendKeys('Robert');
element( by.css('[ng-click="ok()"]') ).click();
提前谢谢 量角器并不意味着对页面进行非用户式的更改,因此如果您希望它使用量角器更改页面的背景颜色,您可能应该重新考虑。但是…如果您决定使用它,您可以使用
browser.executeScript(statement)
,并且“statement”将被评估为JavaScript,就像您在控制台中运行它一样。选择有问题的元素并以这种方式给它一个CSSbackground color
属性将是相当简单的
如果您的意思是要测试元素的背景色,那么可以使用element(selector).getAttribute('style')。然后(function(style){})代码>并执行一点JS字符串操作魔术,以获得您想要的内容。看起来是这样的:
var bgIndex = style.indexOf('#', style.indexOf('background-color:')) + 1;
var bgColor = style.substr(bgIndex, 6);
上面的内容有点过于具体(例如,如果您使用的是rgb()
values),那么它将不起作用,但您应该了解总体思路
@jsmarkus说您还可以使用getCssValue('background-color')
。这将为您节省一些字符串操作的麻烦。问题是什么?如何显示新记录的背景色?如果您想测试背景色属性,请使用getCssValue('background-color')。效果更好