This project is created to demonstrate issue with Firefox. The code is copied from example in EggHead.io lesson.

npm install
bower install
./node_modules/protractor/bin/webdriver-manager update

Run app, Selenium WebDriver and tests in separate shells.

npm start # start project
npm run wd # start Selenium WebDriver
npm run test # run protractor tests
npm run test-ff # run protractor tests in Firefox

Here is the main extracts from code:

app/stylesheets/app.css

.my-sick-button {
  text-transform: uppercase;
}

app/templates/index.tpl.html

<button>Button 1</button>

test/e2e/index/index.spec.js

function () {
  element(by.buttonText('Button 1')).click(); // fails in Chrome
  element(by.buttonText('BUTTON 1')).click(); // fails in Firefox
}

When the text is transformed via CSS property text-transform to uppercase, Chrome can find the element only by capitalized text (same as user see it). In the same case, Firefox can find the element by original text (same as written in HTML).