Add test for custom and network error events

Author: muan

test/karma.config.js

@@ -1,15 +1,23 @@
 function reply(request, response, next) {
   if (request.method === 'GET') {
-    const status = request.url.startsWith('/500') ? 500 : 200
-    response.writeHead(status)
-    response.ok = status === 200
-    response.end(`
-      <ol data-src="${request.url}">
-        <li>item</li>
-        <li>item</li>
-        <li>item</li>
-      </ol>
-    `)
+    if (request.url.startsWith('/500')) {
+      response.writeHead(500)
+      response.ok = false
+      response.end('Server error')
+    } else if (request.url.startsWith('/network-error')) {
+      request.destroy(new Error())
+      response.end()
+    } else {
+      response.writeHead(200)
+      response.ok = true
+      response.end(`
+        <ol data-src="${request.url}">
+          <li>item</li>
+          <li>item</li>
+          <li>item</li>
+        </ol>
+      `)
+    }
     return
   }
   next()

test/test.js

@@ -30,7 +30,12 @@ describe('remote-input', function() {
       const input = document.querySelector('input')
       const results = document.querySelector('#results')
       assert.equal(results.innerHTML, '')
+      let successEvent = false
+      remoteInput.addEventListener('remote-input-success', function() {
+        successEvent = true
+      })
       remoteInput.addEventListener('loadend', function() {
+        assert.ok(successEvent, 'success event happened')
         assert.equal(results.querySelector('ol').getAttribute('data-src'), '/results?q=test')
         done()
       })
@@ -44,17 +49,34 @@ describe('remote-input', function() {
       const results = document.querySelector('#results')
       remoteInput.src = '/500'
       assert.equal(results.innerHTML, '')
-      let errorHappened = false
-      remoteInput.addEventListener('error', function() {
-        errorHappened = true
+      let errorEvent = false
+      remoteInput.addEventListener('remote-input-error', function() {
+        errorEvent = true
       })
       remoteInput.addEventListener('loadend', function() {
-        assert.ok(errorHappened, 'error event happened')
+        assert.ok(errorEvent, 'error event happened')
+        assert.equal(results.innerHTML, '', 'nothing was appended')
+        done()
+      })
+      input.value = 'test'
+      input.focus()
+    })
+
+    it('handles network error', function(done) {
+      const remoteInput = document.querySelector('remote-input')
+      const input = document.querySelector('input')
+      const results = document.querySelector('#results')
+      remoteInput.src = '/network-error'
+      assert.equal(results.innerHTML, '')
+      remoteInput.addEventListener('error', async function() {
+        await Promise.resolve()
         assert.equal(results.innerHTML, '', 'nothing was appended')
+        assert.notOk(remoteInput.hasAttribute('loading'), 'loading attribute was removed')
         done()
       })
       input.value = 'test'
       input.focus()
+      assert.ok(remoteInput.hasAttribute('loading'), 'loading attribute was added')
     })
 
     it('repects param attribute', function(done) {