Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用量角器显示AngularJS E2E测试中新记录的背景色_Angularjs_Protractor_Angularjs E2e_E2e Testing - Fatal编程技术网

使用量角器显示AngularJS 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()"]')

我正在为我的angular应用程序中的“添加新用户”编写E2E测试用例。这里,我想为新创建的用户(或记录)显示背景色。这是我的测试用例

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,就像您在控制台中运行它一样。选择有问题的元素并以这种方式给它一个CSS
background 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')。效果更好