Add test

Author: muan

test/karma.config.js

@@ -1,3 +1,18 @@
+function request(request, response, next) {
+  if (request.method === 'GET' && request.url.startsWith('/results?q=')) {
+    response.writeHead(200)
+    response.end(`
+      <ol>
+        <li>item: ${request.url.split('=')[1]}</li>
+        <li>item</li>
+        <li>item</li>
+        <li>item</li>
+      </ol>
+    `)
+    return
+  }
+  next()
+}
 module.exports = function(config) {
   config.set({
     frameworks: ['mocha', 'chai'],
@@ -9,6 +24,13 @@ module.exports = function(config) {
     browsers: ['ChromeHeadless'],
     autoWatch: false,
     singleRun: true,
-    concurrency: Infinity
+    concurrency: Infinity,
+    middleware: ['request'],
+    plugins: [
+      'karma-*',
+      {
+        'middleware:request': ['value', request]
+      }
+    ]
   })
 }

test/test.js

@@ -13,16 +13,28 @@ describe('filterable-input', function() {
 
   describe('after tree insertion', function() {
     beforeEach(function() {
-      document.body.innerHTML = '<filterable-input></filterable-input>'
+      document.body.innerHTML = `
+        <filterable-input aria-owns="results" src="/results">
+          <input>
+        </filterable-input>
+        <div id="results"></div>
+      `
     })
 
     afterEach(function() {
       document.body.innerHTML = ''
     })
 
-    it('initiates', function() {
-      const ce = document.querySelector('filterable-input')
-      assert.equal(ce.textContent, ':wave:')
+    it('loads content', function(done) {
+      const filterable = document.querySelector('filterable-input')
+      const input = document.querySelector('input')
+      const results = document.querySelector('#results')
+      filterable.addEventListener('loadend', function() {
+        assert.equal(results.querySelector('li').textContent, 'item: test')
+        done()
+      })
+      input.value = 'test'
+      input.focus()
     })
   })
 })