Initial Commit

client/components/oauth-buttons/oauth-buttons.directive.spec.js

@@ -0,0 +1,59 @@
+'use strict';
+
+const $ = require('sprint-js');
+import OauthButtons from './index';
+
+describe('Directive: oauthButtons', function() {
+  // load the directive's module and view
+  beforeEach(angular.mock.module(OauthButtons));
+  // beforeEach(angular.mock.module('components/oauth-buttons/oauth-buttons.html'));
+
+  var element, parentScope, elementScope;
+
+  var compileDirective = function(template) {
+    inject(function($compile) {
+      element = angular.element(template);
+      element = $compile(element)(parentScope);
+      parentScope.$digest();
+      elementScope = element.isolateScope();
+    });
+  };
+
+  beforeEach(inject(function($rootScope) {
+    parentScope = $rootScope.$new();
+  }));
+
+  it('should contain anchor buttons', function() {
+    compileDirective('<oauth-buttons></oauth-buttons>');
+    expect($(element[0])
+        .find('a.btn.btn-social')
+        .length)
+      .to.be.at.least(1);
+  });
+
+  it('should evaluate and bind the classes attribute to scope.classes', function() {
+    parentScope.scopedClass = 'scopedClass1';
+    compileDirective('<oauth-buttons classes="testClass1 {{scopedClass}}"></oauth-buttons>');
+    expect(elementScope.classes)
+      .to.equal('testClass1 scopedClass1');
+  });
+
+  it('should bind scope.classes to class names on the anchor buttons', function() {
+    compileDirective('<oauth-buttons></oauth-buttons>');
+    // Add classes
+    elementScope.classes = 'testClass1 testClass2';
+    elementScope.$digest();
+    expect($(element[0])
+        .find('a.btn.btn-social.testClass1.testClass2')
+        .length)
+      .to.be.at.least(1);
+
+    // Remove classes
+    elementScope.classes = '';
+    elementScope.$digest();
+    expect($(element[0])
+        .find('a.btn.btn-social.testClass1.testClass2')
+        .length)
+      .to.equal(0);
+  });
+});