Protractor: get the pseudo element : placeholder css

Question

Does anyone have an idea how to get the css for placeholder in input tag in protractor test cases?

Please help.

Answer 1

You can check below example.

Protactor:

element(by.model('yourName')).getAttribute("placeholder").getCssValue("color") .then(function(value){ console.log("color value :: ", value) });

HTML:

<input id="input-search" ng-model="yourName" type="text" placeholder="Filter data" >