add order arrows with css
add global hasClass matcher for tests
add test for click binding
add failing tests for order class toggling
make order class toggling tests pass

used a template to wrap the contents of the directive into a span with the specified class
use ng-click instead of binding a click