Add spec file for tc-file-input

Author: Nick Litwin

app/directives/tc-file-input/tc-file-input.spec.js

@@ -1,19 +1,58 @@
 /* jshint -W117, -W030 */
-describe('Topcoder File Input Directive', function() {
-  var scope;
-
-  // USE AS TEMPLATE FOR DIRECTIVES
+describe.only('Topcoder File Input Directive', function() {
+  var scope, element, isolateScope;
 
   beforeEach(function() {
-    bard.appModule('tcUIComponents');
+    bard.appModule('topcoder');
     bard.inject(this, '$compile', '$rootScope');
+    scope = $rootScope.$new();
+
+    var html = '' +
+      '<form>' +
+        '<tc-file-input ' +
+          'label-text="Preview Image"' +
+          'field-id="DESIGN_COVER"' +
+          'button-text="Add File"' +
+          'file-type="jpg,jpeg,png"' +
+          'placeholder="Image file as .jpg or .png"' +
+          'mandatory="true"' +
+          'set-file-reference="vm.setFileReference(file, fieldId)"' +
+          'ng-model="vm.submissionForm.submissionZip"' +
+        ' />' +
+      '</form>';
+    var form = angular.element(html);
+    element = form.find('tc-file-input');
+    var formElement = $compile(form)(scope);
+    scope.$digest();
+
+    isolateScope = element.isolateScope();
   });
 
   bard.verifyNoOutstandingHttpRequests();
 
-  xdescribe('', function() {
-    beforeEach(function() {});
+  describe('selectFile', function() {
+    it('triggers a click on the file input', function() {
+      var fileInput = $(element).find('.none')[0];
+      var mockClick = sinon.spy(fileInput, 'click');
+
+      isolateScope.selectFile();
+      scope.$digest();
+
+      expect(mockClick).calledOnce;
+    });
+  });
+
+  describe('change events on the file input', function() {
+    it('do things', function() {
+      expect(false).to.be.true;
+    });
+
+    it('do other things', function() {
+      expect(false).to.be.true;
+    });
 
-    it('', function() {});
+    it('yet some more things', function() {
+      expect(false).to.be.true;
+    });
   });
 });

app/specs.html

@@ -270,6 +270,7 @@ <h1><a href="specs.html">Spec Runner</a></h1>
     <script src="/app/my-dashboard/my-dashboard.spec.js"></script>
     <script src="/app/my-srms/my-srms.spec.js"></script>
     <script src="/app/profile/profile.controller.spec.js"></script>
+    <script src="/app/settings/settings.spec.js"></script>
     <script src="/app/services/authToken.service.spec.js"></script>
     <script src="/app/services/challenge.service.spec.js"></script>
     <script src="/app/services/externalAccounts.service.spec.js"></script>
@@ -280,12 +281,11 @@ <h1><a href="specs.html">Spec Runner</a></h1>
     <script src="/app/services/tcAuth.service.spec.js"></script>
     <script src="/app/services/user.service.spec.js"></script>
     <script src="/app/services/userStats.service.spec.js"></script>
-    <script src="/app/settings/settings.spec.js"></script>
     <script src="/app/skill-picker/skill-picker.spec.js"></script>
     <script src="/app/submissions/submissions.spec.js"></script>
     <script src="/app/account/login/login.spec.js"></script>
-    <script src="/app/account/register/register.spec.js"></script>
     <script src="/app/account/logout/logout.controller.spec.js"></script>
+    <script src="/app/account/register/register.spec.js"></script>
     <script src="/app/account/reset-password/reset-password.spec.js"></script>
     <script src="/app/blocks/exception/exception-handler.provider.spec.js"></script>
     <script src="/app/directives/badges/badge-tooltip.spec.js"></script>