From 9f83f1d20a22285beb553826a633c877407ffb04 Mon Sep 17 00:00:00 2001
From: David Lee <allmywant@gmail.com>
Date: Tue, 18 Feb 2020 12:04:20 +0800
Subject: [PATCH] Fixed an issue of utils.watchElement function (#51)

* Fixed an issue of utils.watchElement
---
 lib/mojito.js         |  9 +++------
 tests/test_suite.html | 25 +++++++++++++++++++++++--
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/lib/mojito.js b/lib/mojito.js
index e5907d1..006a772 100644
--- a/lib/mojito.js
+++ b/lib/mojito.js
@@ -883,11 +883,8 @@ Mojito = (function ()
                 }
             }
 
-            if (!this.domWatcher)
-            {
-                var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
-                this.domWatcher = new MutationObserver(callback);
-            }
+            var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+            var domWatcher = new MutationObserver(callback);
 
             if (!watchOptions)
             {
@@ -911,7 +908,7 @@ Mojito = (function ()
 
             for (var i=0;i<elements.length;i++)
             {
-                this.domWatcher.observe(elements[i], watchOptions);
+                domWatcher.observe(elements[i], watchOptions);
             }
         },
         /**
diff --git a/tests/test_suite.html b/tests/test_suite.html
index c214269..2d54f13 100644
--- a/tests/test_suite.html
+++ b/tests/test_suite.html
@@ -838,16 +838,37 @@
         });
 
         it('WatchElement changes', function (done) {
-            testDiv = document.createElement('div');
+            var testDiv = document.createElement('div');
             testDiv.className = 'watch-changes';
             document.body.appendChild(testDiv);
 
+            var testDiv2 = document.createElement('div');
+            testDiv2.className = 'watch-changes2';
+            document.body.appendChild(testDiv2);
+
+            var testDivChanged = false,
+                testDiv2Changed = false;
+
             Mojito.utils.watchElement('.watch-changes', function (mutationsList)
             {
-                done();
+                testDivChanged = true;
+                if (testDivChanged&&testDiv2Changed)
+                {
+                    done();
+                }
+            });
+
+            Mojito.utils.watchElement('.watch-changes2', function (mutationsList)
+            {
+                testDiv2Changed = true;
+                if (testDivChanged&&testDiv2Changed)
+                {
+                    done();
+                }
             });
 
             testDiv.innerHTML = 'changed';
+            testDiv2.innerHTML = 'changed';
         });
 
     });