Add test to ensure re-fetch on src changing

Author: muan

test/karma.config.js

@@ -1,9 +1,8 @@
 function request(request, response, next) {
-  if (request.method === 'GET' && request.url.startsWith('/results?q=')) {
+  if (request.method === 'GET') {
     response.writeHead(200)
     response.end(`
-      <ol>
-        <li>item: ${request.url.split('=')[1]}</li>
+      <ol data-src="${request.url}">
         <li>item</li>
         <li>item</li>
         <li>item</li>

test/test.js

@@ -30,11 +30,33 @@ describe('remote-input', function() {
       const input = document.querySelector('input')
       const results = document.querySelector('#results')
       remoteInput.addEventListener('loadend', function() {
-        assert.equal(results.querySelector('li').textContent, 'item: test')
+        assert.equal(results.querySelector('ol').getAttribute('data-src'), '/results?q=test')
         done()
       })
       input.value = 'test'
       input.focus()
     })
+
+    it('loads content again after src is changed', function(done) {
+      const remoteInput = document.querySelector('remote-input')
+      const input = document.querySelector('input')
+      const results = document.querySelector('#results')
+
+      function listenOnce(cb) {
+        remoteInput.addEventListener('loadend', cb, {once: true})
+      }
+      listenOnce(function() {
+        assert.equal(results.querySelector('ol').getAttribute('data-src'), '/results?q=test')
+
+        listenOnce(function() {
+          assert.equal(results.querySelector('ol').getAttribute('data-src'), '/srcChanged?q=test')
+          done()
+        })
+
+        remoteInput.src = '/srcChanged'
+      })
+      input.value = 'test'
+      input.focus()
+    })
   })
 })