fix

Author: kendallgassner

test/auto-complete-element.js

@@ -4,6 +4,31 @@ import {AutoCompleteElement} from '../src/index.ts'
 const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
 
 describe('auto-complete element', function () {
+  describe('no results', () => {
+    beforeEach(function () {
+      document.body.innerHTML = `
+        <div id="mocha-fixture">
+          <auto-complete src="/noresults" for="popup">
+            <input type="text">
+            <ul id="popup"></ul>
+            <div id="popup-feedback"></div>
+          </auto-complete>
+        </div>
+      `
+    })
+
+    it('checks that no results is displayed', async () => {
+      const container = document.querySelector('auto-complete')
+      const input = container.querySelector('input')
+      const popup = container.querySelector('#popup')
+
+      triggerInput(input, 'none')
+      await once(container, 'loadend')
+      assert.isTrue(container.open)
+      assert.equal(1, popup.children.length)
+    })
+  })
+
   describe('element creation', function () {
     it('creates from document.createElement', function () {
       const el = document.createElement('auto-complete')
@@ -434,31 +459,6 @@ describe('auto-complete element', function () {
       assert.isFalse(popup.matches(':popover-open'), 'is not popover-open')
     })
   })
-
-  describe('no results', () => {
-    beforeEach(function () {
-      document.body.innerHTML = `
-        <div id="mocha-fixture">
-          <auto-complete src="/no_results" for="popup">
-            <input type="text">
-            <ul id="popup"></ul>
-            <div id="popup-feedback"></div>
-          </auto-complete>
-        </div>
-      `
-    })
-
-    it('checks that no results is displayed', async () => {
-      const container = document.querySelector('auto-complete')
-      const input = container.querySelector('input')
-      const popup = container.querySelector('#popup')
-
-      triggerInput(input, 'hub')
-      await once(container, 'loadend')
-      assert.equal(1, popup.children.length)
-      
-    })
-  })
 })
 
 function waitForElementToChange(el) {

web-test-runner.config.js

@@ -28,9 +28,11 @@ export default {
             <li role="option" aria-disabled="true"><span>fourth</span></li>
             <li><a role="option" href="#hash">link</a></li>
           `
-      } else if (method === 'GET' && url.startsWith('/no_results?q=hub')) {
+      } else if (method === 'GET' && url.startsWith('/noresults?q=none')) {
         response.status = 200
-        response.body = `<li role="presentation" aria-hidden="true" disabled data-no-result-found="true">No results found!</li>`
+        response.body = `
+            <li role="presentation" aria-hidden="true" disabled data-no-result-found="true">No results found!</li>
+          `
       }
       await next()
     },