Adds a few basic tests and renames classes for prev/next btns

Author: Brad Berger

README.md

@@ -1,6 +1,7 @@
 # AngularJS Material Calendar
 
 [![Build Status](https://semaphoreci.com/api/v1/projects/be573f04-507e-4659-ad3b-0611db2227eb/540401/badge.svg)](https://semaphoreci.com/brad/angular-material-calendar)
+[![Code Climate](https://codeclimate.com/github/bradberger/angular-material-calendar/badges/gpa.svg)](https://codeclimate.com/github/bradberger/angular-material-calendar)
 
 A calendar directive for AngularJS and Angular Material Design.
 It's lightweight at ~2.1 kB, and has a lot of configurability.

dist/angular-material-calendar.html

@@ -1 +1 @@
-<md-content class='calendar-md' layout='column' layout-fill flex md-swipe-left='next()' md-swipe-right='prev()'><md-toolbar><div class='md-toolbar-tools' layout='row'><md-button class='calendar-md-left-btn' ng-click='prev()'>&laquo;</md-button><h2 class='calendar-md-title' flex><span>{{ calendar.start | date:titleFormat:timezone }}</span></h2><md-button class='calendar-md-left-btn' ng-click='next()'>&raquo;</md-button></div></md-toolbar><md-content flex layout='column' layout-fill><div class='calendar-md-subheader' layout='row' layout-fill layout-padding layout-align='space-between center' ng-hide='weekLayout == &quot;column&quot;'><div class='calendar-md-subheader-day' flex ng-repeat='day in calendar.weeks[0]'><md-tooltip>{{ day | date:dayLabelTooltipFormat:timezone }}</md-tooltip>{{ day | date:dayLabelFormat:timezone }}</div></div><div flex class='calendar-md-month' layout='column'><div flex class='calendar-md-week' ng-class='calendarDirection' layout='{{ weekLayout }}' layout-fill ng-repeat='week in calendar.weeks'><div class='calendar-md-day' ng-hide='! sameMonth(day) && weekLayout == columnWeekLayout' ng-class='{&quot;calendar-md-day-inactive&quot; : ! sameMonth(day), active: active === day }' flex layout layout-fill ng-click='handleDayClick(day)' ng-repeat='day in week' ng-class='{ active: active === day }'><md-tooltip>{{ day | date:dayTooltipFormat:timezone }}</md-tooltip><div class='calendar-md-number'>{{ day | date:dayFormat:timezone }}</div><div class='calendar-md-content' flex ng-bind-html='getDayContent(day)'></div></div></div></div></md-content></md-content>
+<md-content class='calendar-md' layout='column' layout-fill flex md-swipe-left='next()' md-swipe-right='prev()'><md-toolbar><div class='md-toolbar-tools' layout='row'><md-button class='calendar-md-prev-btn' ng-click='prev()'>&laquo;</md-button><h2 class='calendar-md-title' flex><span>{{ calendar.start | date:titleFormat:timezone }}</span></h2><md-button class='calendar-md-next-btn' ng-click='next()'>&raquo;</md-button></div></md-toolbar><md-content flex layout='column' layout-fill><div class='calendar-md-subheader' layout='row' layout-fill layout-padding layout-align='space-between center' ng-hide='weekLayout == &quot;column&quot;'><div class='calendar-md-subheader-day' flex ng-repeat='day in calendar.weeks[0]'><md-tooltip>{{ day | date:dayLabelTooltipFormat:timezone }}</md-tooltip>{{ day | date:dayLabelFormat:timezone }}</div></div><div flex class='calendar-md-month' layout='column'><div flex class='calendar-md-week' ng-class='calendarDirection' layout='{{ weekLayout }}' layout-fill ng-repeat='week in calendar.weeks'><div class='calendar-md-day' ng-hide='! sameMonth(day) && weekLayout == columnWeekLayout' ng-class='{&quot;calendar-md-day-inactive&quot; : ! sameMonth(day), active: active === day }' flex layout layout-fill ng-click='handleDayClick(day)' ng-repeat='day in week' ng-class='{ active: active === day }'><md-tooltip>{{ day | date:dayTooltipFormat:timezone }}</md-tooltip><div class='calendar-md-number'>{{ day | date:dayFormat:timezone }}</div><div class='calendar-md-content' flex ng-bind-html='getDayContent(day)'></div></div></div></div></md-content></md-content>

dist/angular-material-calendar.js

@@ -1,9 +1,9 @@
 <md-content class='calendar-md' layout='column' layout-fill flex md-swipe-left='next()' md-swipe-right='prev()'>
   <md-toolbar>
     <div class='md-toolbar-tools' layout='row'>
-      <md-button class='calendar-md-left-btn' ng-click='prev()'>&laquo;</md-button>
+      <md-button class='calendar-md-prev-btn' ng-click='prev()'>&laquo;</md-button>
       <h2 class='calendar-md-title' flex><span>{{ calendar.start | date:titleFormat:timezone }}</span></h2>
-      <md-button class='calendar-md-left-btn' ng-click='next()'>&raquo;</md-button>
+      <md-button class='calendar-md-next-btn' ng-click='next()'>&raquo;</md-button>
     </div>
   </md-toolbar>
   <md-content flex layout="column" layout-fill>

src/angular-material-calendar.html

@@ -1 +1,44 @@
 /* eslint-env protractor, jasmine */
+describe("calendarMd directive test suite", function() {
+
+    beforeEach(function() {
+        browser.get("http://localhost:3000/");
+    });
+
+    it("should compile", function() {
+        expect(element(by.css(".calendar-md")).isPresent()).toBeTruthy();
+    });
+
+    it("should have a prev btn", function() {
+        expect(element(by.css(".calendar-md-prev-btn")).isPresent()).toBeTruthy();
+    });
+
+    it("should have a next btn", function() {
+        expect(element(by.css(".calendar-md-next-btn")).isPresent()).toBeTruthy();
+    });
+
+    it("should have a toolbar", function() {
+        expect(element(by.css(".calendar-md md-toolbar")).isPresent()).toBeTruthy();
+    });
+
+    it("should have a subheader", function() {
+        expect(element(by.css(".calendar-md-subheader")).isPresent()).toBeTruthy();
+    });
+
+    it("should have seven days in the subheader", function() {
+        var elements = element.all(by.css(".calendar-md-subheader .calendar-md-subheader-day"));
+        expect(elements.count()).toEqual(7);
+    });
+
+    it("should have at least four weeks", function() {
+        var elements = element.all(by.css(".calendar-md-week"));
+        expect(elements.count()).toBeGreaterThan(3);
+    });
+
+    it("should have a week repeater", function() {
+        element.all(by.css(".calendar-md-week")).count().then(function(weekCt) {
+            expect(element.all(by.repeater("week in calendar.weeks")).count()).toBe(weekCt);
+        });
+    });
+
+});

test/calendarMdDirective.spec.js

@@ -1,7 +1,13 @@
 /* eslint-env protractor, jasmine */
-describe("Website Test Suite", function() {
+describe("website test suite", function() {
+
     it("should have a title", function() {
         browser.get("http://localhost:3000/");
         expect(browser.getTitle()).toEqual("Angular Material Calendar");
     });
+
+    it("should have a demo calendar", function() {
+        expect(element(by.css("calendar-md")).isPresent()).toBeTruthy();
+    });
+
 });