test: add bind test asserting attribute changes are accomodated

Author: keithamus

test/bind.js

@@ -214,4 +214,23 @@ describe('bind', () => {
     el1.click()
     expect(instance.foo).to.have.been.called.exactly(1)
   })
+
+  it('will rebind elements if the attribute changes', async function () {
+    const instance = document.createElement('bind-test-element')
+    chai.spy.on(instance, 'foo')
+    root.appendChild(instance)
+    const button = document.createElement('button')
+    button.setAttribute('data-action', 'submit:bind-test-element#foo')
+    instance.appendChild(button)
+    bind(instance)
+    listenForBind(root)
+    await waitForNextAnimationFrame()
+    button.click()
+    expect(instance.foo).to.have.been.called.exactly(0)
+    button.setAttribute('data-action', 'click:bind-test-element#foo')
+    await waitForNextAnimationFrame()
+    await waitForNextAnimationFrame()
+    button.click()
+    expect(instance.foo).to.have.been.called.exactly(1)
+  })
 })