Merge pull request #126 from thormeier/master

Add test for PR #91 regarding disconnected nodes and fix same issue while listening for new components.

src/index.js

@@ -60,7 +60,7 @@ const Alpine = {
 
                         // Discard any changes happening within an existing component.
                         // They will take care of themselves.
-                        if (node.parentElement.closest('[x-data]')) return
+                        if (node.parentElement && node.parentElement.closest('[x-data]')) return
 
                         this.discoverUninitializedComponents((el) => {
                             this.initializeComponent(el)

test/mutations.spec.js

@@ -0,0 +1,25 @@
+import Alpine from 'alpinejs'
+
+test('catch disconnected nodes that were used as targets for any mutations', async () => {
+    const runObservers = []
+
+    global.MutationObserver = class {
+        constructor(callback) { runObservers.push(callback) }
+        observe() {}
+    }
+
+    document.body.innerHTML = `
+        <div x-data="{}">
+        </div>
+    `
+
+    Alpine.start()
+
+    runObservers.forEach(cb => cb([
+        {
+            target: document.createElement('div'),
+            type: 'childList',
+            addedNodes: [ document.createElement('div') ],
+        }
+    ]))
+})