JSFiddle - React, Tailwind, and code Playground

The ng-class

by Florian Gropp

HTML

<script src="Chart.bundle.min.js"></script>
<title>Example - example-ng-class1-production</title>  
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
<script src="//code.angularjs.org/snapshot/angular-animate.js"></script>

<body ng-app="ngAnimate">
  <input id="setbtn" type="button" value="set" ng-click="myVar='my-class'">
  <input id="clearbtn" type="button" value="clear" ng-click="myVar=''">
  <br>
  <span class="base-class" ng-class="myVar">Sample Text</span>
</body>

CSS

.base-class {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.base-class.my-class {
  color: red;
  font-size:3em;
}

JavaScript

it('should check ng-class', function() {
  expect(element(by.css('.base-class')).getAttribute('class')).not.
  toMatch(/my-class/);

  element(by.id('setbtn')).click();

  expect(element(by.css('.base-class')).getAttribute('class')).
  toMatch(/my-class/);

  element(by.id('clearbtn')).click();

  expect(element(by.css('.base-class')).getAttribute('class')).not.
  toMatch(/my-class/);
});