Update test cases

HollyPony · HollyPony · commit aaf10aed5e4f · 2017-12-11T01:10:45.000+01:00
diff --git a/src/dev-server.html b/src/dev-server.html
@@ -8,11 +8,6 @@
 </head>
 
 <body ng-app="dev-server" ng-strict-di>
-  <input-file data-ng-model="files"></input-file>
-  <input-file data-ng-model="files" multiple="true"></input-file>
-  <input-file data-ng-model="files" multiple="false"></input-file>
-  <input-file data-ng-model="files" multiple></input-file>
-  <img ng-repeat="file in files" ng-src="{{file.binary}}" height="170" />
-  <pre>{{ files | json }}</pre>
+<dev-server></dev-server>
 </body>
 </html>
diff --git a/src/dev-server.js b/src/dev-server.js
@@ -2,6 +2,55 @@ import angular from 'angular';
 
 import './input-file.component';
 
+function DevServerComponent($timeout) {
+  const vm = this;
+  vm.$onInit = () => {
+    vm.files = [];
+  };
+
+  vm.fileChanged = result => {
+    console.log('Hey !', result);
+    vm.files.length = 0;
+    $timeout(() => {
+      [].push.apply(vm.files, result);
+    });
+  };
+}
+
 angular.module('dev-server', [
   'angularjs-input-file'
-]);
+]).component('devServer', {
+  controller: ['$timeout', DevServerComponent],
+  template: `
+<form>
+  <label>no params</label>
+  <input-file data-ng-model="$ctrl.files"></input-file>
+</form>
+<form>
+  <label>multiple</label>
+  <input-file multiple></input-file>
+  <!-- Also accept multiple="true" -->
+</form>
+<form>
+  <label>ngChange - Default</label>
+  <input-file files-loaded="$ctrl.fileChanged"></input-file>
+</form>
+<form>
+  <label>ngChange - Base64</label>
+  <input-file files-loaded="$ctrl.fileChanged"
+              file-format="Base64">
+  </input-file>
+</form>
+<form>
+  <label>ngChange - Text</label>
+  <input-file files-loaded="$ctrl.fileChanged"
+              file-format="Text">
+  </input-file>
+</form>
+
+<div>
+  <h3>Result:</h3>
+  <pre>{{ $ctrl.files | json }}</pre>
+</div>
+`
+});
