Clear selection on uncaught keyboard interactions

These interactions are not used to interact with list results,
and we assume they are use to interact with the input, therefore
we unselect items.

Author: muan

src/index.ts

@@ -120,6 +120,8 @@ function keyboardBindings(event: KeyboardEvent, combobox: Combobox) {
         event.preventDefault()
       }
       break
+    default:
+      combobox.clearSelection()
   }
 }
 

test/test.js

@@ -144,6 +144,24 @@ describe('combobox-nav', function() {
       assert.equal(expectedTargets[1], 'baymax')
     })
 
+    it('clear selection on input operation', function() {
+      press(input, 'ArrowDown')
+      assert.equal(options[0].getAttribute('aria-selected'), 'true')
+      assert.equal(input.getAttribute('aria-activedescendant'), 'baymax')
+
+      press(input, 'ArrowLeft')
+      assert(!list.querySelector('[aria-selected=true]'), 'Nothing should be selected')
+      assert(!input.hasAttribute('aria-activedescendant'), 'Nothing should be selected')
+
+      press(input, 'ArrowDown')
+      assert.equal(options[0].getAttribute('aria-selected'), 'true')
+      assert.equal(input.getAttribute('aria-activedescendant'), 'baymax')
+
+      press(input, 'Backspace')
+      assert(!list.querySelector('[aria-selected=true]'), 'Nothing should be selected')
+      assert(!input.hasAttribute('aria-activedescendant'), 'Nothing should be selected')
+    })
+
     it('fires event and follows the link on click', function() {
       let eventFired = false
       document.addEventListener('combobox-commit', function() {