add a minimal application with tests

Foxandxss · Foxandxss · commit 0499f9841059 · 2016-03-02T13:21:34.000+01:00
diff --git a/src/app/app.html b/src/app/app.html
@@ -0,0 +1,9 @@
+<main>
+  <h1 class="title">Hello from Angular !</h1>
+
+  <!-- Images (and assets) are parsed and loaded from within the public directory -->
+  <img src="/img/logo.png">
+</main>
+<footer>
+  <a ng-href="{{app.url}}">Webpack Angular Starter</a>
+</footer>
diff --git a/src/app/app.js b/src/app/app.js
@@ -1,3 +1,25 @@
 import angular from 'angular';
 
-angular.module('app', []);
+import '../style/app.css';
+
+let app = () => {
+  return {
+    template: require('./app.html'),
+    controller: 'AppCtrl',
+    controllerAs: 'app'
+  }
+};
+
+class AppCtrl {
+  constructor() {
+    this.url = 'https://github.com/preboot/angular-webpack';
+  }
+}
+
+const MODULE_NAME = 'app';
+
+angular.module(MODULE_NAME, [])
+  .directive('app', app)
+  .controller('AppCtrl', AppCtrl);
+
+export default MODULE_NAME;
diff --git a/src/app/app.spec.js b/src/app/app.spec.js
@@ -0,0 +1,20 @@
+import app from './app';
+
+describe('app', () => {
+
+  describe('AppCtrl', () => {
+    let ctrl;
+
+    beforeEach(() => {
+      angular.mock.module(app);
+
+      angular.mock.inject(($controller) => {
+        ctrl = $controller('AppCtrl', {});
+      });
+    });
+
+    it('should contain the starter url', () => {
+      expect(ctrl.url).toBe('https://github.com/preboot/angular-webpack');
+    });
+  });
+});
diff --git a/src/public/img/logo.png b/src/public/img/logo.png
diff --git a/src/public/index.html b/src/public/index.html
@@ -8,6 +8,6 @@
   <base href="/">
 </head>
 <body>
-  Hello, World
+  <app></app>
 </body>
 </html>
diff --git a/src/style/app.css b/src/style/app.css
@@ -0,0 +1,22 @@
+/* styles in src/style directory are applied to the whole page */
+body {
+  background: #0147A7;
+  color: #fff;
+}
+
+a {
+  color: #03A9F4;
+}
+
+main {
+  padding: 1em;
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: center;
+  margin-top: 50px;
+  display: block;
+}
+
+footer {
+  text-align: center;
+  font-size: 0.8em;
+}
