fix: fix replace / remove, resync keys

Author: gregberge

packages/h2x-traverse/src/NodePath.js

@@ -5,6 +5,7 @@ import traverse from './'
 class NodePath {
   static get({ parent, container, listKey, key, context }) {
     const node = container[key]
+    if (!node) return null
     return new NodePath({
       listKey,
       key,
@@ -49,6 +50,13 @@ class NodePath {
     return false
   }
 
+  resyncKey() {
+    if (!this.container) return
+    for (let i = 0; i < this.container.length; i += 1) {
+      if (this.container[i] === this.node) this.key = i
+    }
+  }
+
   replace(node) {
     this.shouldStop = true
     this.node = node

packages/h2x-traverse/src/index.test.js

@@ -143,18 +143,27 @@ describe('traverse', () => {
   })
 
   it('should be possible to remove attribute', () => {
+    let replaced = false
+
     const enter = jest.fn(path => {
-      if (path.node.name === 'foo') {
+      if (path.node.name === 'bar') {
         path.remove()
+        // replace with remove should work
+        if (replaced) path.replace(path.node)
+      }
+
+      if (!replaced) {
+        replaced = true
+        path.replace(path.node)
       }
     })
 
     const ast = parse(`<div foo bar x></div>`)
 
     traverse(ast, { HTMLAttribute: { enter } })
-    expect(enter).toHaveBeenCalledTimes(3)
+    expect(enter).toHaveBeenCalledTimes(6)
 
     traverse(ast, { HTMLAttribute: { enter } })
-    expect(enter).toHaveBeenCalledTimes(5)
+    expect(enter).toHaveBeenCalledTimes(7)
   })
 })