by.cssContainingText works differently on Chrome and Firefox

[juliemr]

Report is that if the element uses text-transform (http://www.w3schools.com/cssref/pr_text_text-transform.asp), one browser will match uppercase and one will match in original case. We should see if there's a way to unify these that makes sense.

[hege91]

Just made a pull request with a test on this case

#1224

[szimek]

I'm having exactly the same issue.

Switching

element.innerText || element.textContent

to

element.textContent || element.innerText

in

protractor/lib/clientsidescripts.js

Line 504 in 2972e3a

var elementText = element.innerText || element.textContent;

would actually fix the issue or at least the different behaviour on Chrome and Firefox. The same code is in findByButtonText and findByPartialButtonText methods.

On Chrome element.innerText returns modified text and element.textContent returns unmodified text.
On Firefox element.innerText returns undefined and element.textContent returns unmodified text.

[szimek]

@juliemr Thanks! There's probably the same issue in findByButtonText (https://github.com/angular/protractor/blob/master/lib/clientsidescripts.js#L435) and findByPartialButtonText (https://github.com/angular/protractor/blob/master/lib/clientsidescripts.js#L464) functions.