add a failing test case

Author: Narretz

src/ngMessages/messages.js

@@ -454,7 +454,6 @@ angular.module('ngMessages', [])
            while (prevNode && prevNode !== parent) {
              var prevKey = prevNode.$$ngMessageNode;
              if (prevKey && prevKey.length) {
-               // Only add elements whose key is actually lower than the starting element's
                return messages[prevKey];
              }
 

test/ngMessages/messagesSpec.js

@@ -468,10 +468,59 @@ describe('ngMessages', function() {
 
     inject(function($rootScope, $compile) {
 
-      element = $compile('<div ng-messages="col"><div class="wrapper">' +
-                         '        <div remove-me ng-message="required">Fill in the text field.</div>' +
-                         '        <div ng-message="extra">Extra error message.</div>' +
-                         '</div></div>')($rootScope);
+      element = $compile(
+        '<div ng-messages="col">' +
+          '<div class="wrapper">' +
+            '<div remove-me ng-message="required">Fill in the text field.</div>' +
+            '<div ng-message="extra">Extra error message.</div>' +
+          '</div>' +
+        '</div>'
+      )($rootScope);
+
+      $rootScope.$apply(function() {
+        $rootScope.col = {
+          required: true,
+          extra: false
+        };
+      });
+
+      expect(messageChildren(element).length).toBe(1);
+      expect(trim(element.text())).toEqual('Fill in the text field.');
+
+      $rootScope.$apply('hide = true');
+
+      expect(messageChildren(element).length).toBe(0);
+    });
+  });
+
+
+  xit('should not crash when a deeply nested messages is removed', function() {
+
+    module(function($compileProvider) {
+      $compileProvider.directive('removeMe', function() {
+        return {
+          link: function(scope, element) {
+            scope.$watch('hide', function(newVal) {
+              if (newVal === true) element.remove();
+            });
+          }
+        };
+      });
+    });
+
+    inject(function($rootScope, $compile) {
+
+      element = $compile(
+        '<div ng-messages="col">' +
+          '<div class="another-wrapper">' +
+            '<div class="wrapper">' +
+              '<div remove-me ng-message="required">Fill in the text field.</div>' +
+              '<div ng-message="extra">Extra error message.</div>' +
+            '</div>' +
+            '<div ng-message="different">Different error message.</div>' +
+          '</div>' +
+        '</div>'
+      )($rootScope);
 
       $rootScope.$apply(function() {
         $rootScope.col = {