chore(release): 0.5.1

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## Version 0.5.1
+
+- newestOnTop, with that you can choose whether to add new toasts on the top or bottom. Top by default.
+
 ## Version 0.5.0
 
 - Angular 1.3.x support

dist/angular-toastr.js

@@ -67,6 +67,7 @@ angular.module('toastr', [])
       warning: 'toast-warning'
     },
     messageClass: 'toast-message',
+    newestOnTop: true,
     positionClass: 'toast-top-right',
     tapToDismiss: true,
     timeOut: 5000,
@@ -175,9 +176,15 @@ angular.module('toastr', [])
       toasts.push(newToast);
 
       _setContainer(options).then(function() {
-        $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
-          newToast.scope.init();
-        });
+        if (options.newestOnTop) {
+          $animate.enter(newToast.el, container).then(function() {
+            newToast.scope.init();
+          });
+        } else {
+          $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
+            newToast.scope.init();
+          });
+        }
       });
 
       return newToast;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-toastr",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "devDependencies": {
     "grunt": "~0.4.5",
     "grunt-contrib-less": "~0.11.3",

src/toastr.js

@@ -67,6 +67,7 @@ angular.module('toastr', [])
       warning: 'toast-warning'
     },
     messageClass: 'toast-message',
+    newestOnTop: true,
     positionClass: 'toast-top-right',
     tapToDismiss: true,
     timeOut: 5000,
@@ -175,9 +176,15 @@ angular.module('toastr', [])
       toasts.push(newToast);
 
       _setContainer(options).then(function() {
-        $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
-          newToast.scope.init();
-        });
+        if (options.newestOnTop) {
+          $animate.enter(newToast.el, container).then(function() {
+            newToast.scope.init();
+          });
+        } else {
+          $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
+            newToast.scope.init();
+          });
+        }
       });
 
       return newToast;

test/toastr_spec.js

@@ -1,17 +1,18 @@
 describe('toastr', function() {
   var $animate, $document, $rootScope, $timeout;
-  var toastr;
+  var toastr, toastrConfig;
 
   beforeEach(module('ngAnimate'));
   beforeEach(module('ngAnimateMock'));
   beforeEach(module('toastr'));
 
-  beforeEach(inject(function(_$animate_, _$document_, _$rootScope_, _$timeout_, _toastr_) {
+  beforeEach(inject(function(_$animate_, _$document_, _$rootScope_, _$timeout_, _toastr_, _toastrConfig_) {
     $animate = _$animate_;
     $document = _$document_;
     $rootScope = _$rootScope_;
     $timeout = _$timeout_;
     toastr = _toastr_;
+    toastrConfig = _toastrConfig_;
   }));
 
   beforeEach(function() {
@@ -41,8 +42,6 @@ describe('toastr', function() {
 
       toHaveToastOpen: function(noOfToastr) {
         var toastDomEls = this.actual.find('body > #toast-container > .toast');
-        // console.log(this.actual.find('body').prop('innerHTML'));
-        // console.log('----');
         return toastDomEls.length === noOfToastr;
       },
 
@@ -393,4 +392,22 @@ describe('toastr', function() {
       expect(toast).toHaveButtonWith('1');
     });
   });
+
+  describe('toast order', function() {
+    it('adds the newest toasts on top by default', function() {
+      var toast1 = openToast('success', 'I will be on the bottom');
+      var toast2 = openToast('info', 'I like the top part!');
+      expect($document).toHaveToastWithMessage(toast2.scope.message, 0);
+      expect($document).toHaveToastWithMessage(toast1.scope.message, 1);
+    });
+
+    it('adds the older toasts on top setting newestOnTop to false', function() {
+      toastrConfig.newestOnTop = false;
+
+      var toast1 = openToast('success', 'I will be on the top now');
+      var toast2 = openToast('info', 'I dont like the bottom part!');
+      expect($document).toHaveToastWithMessage(toast2.scope.message, 1);
+      expect($document).toHaveToastWithMessage(toast1.scope.message, 0);
+    });
+  });
 });