test: cover "re-open on focus" behaviour

Author: Krinkle

README.md

@@ -3,12 +3,12 @@
 <div align="center">
 
 [![Continuous integration](https://github.com/jquery/typesense-minibar/actions/workflows/CI.yaml/badge.svg)](https://github.com/jquery/typesense-minibar/actions/workflows/CI.yaml?query=event%3Apush+branch%3Amain)
-[![Test coverage](https://img.shields.io/badge/coverage-93%25-brightgreen.svg)](https://jquery.github.io/typesense-minibar/coverage/)
+[![Test coverage](https://img.shields.io/badge/coverage-95%25-brightgreen.svg)](https://jquery.github.io/typesense-minibar/coverage/)
 [![Tested with QUnit](https://img.shields.io/badge/tested_with-qunit-9c3493.svg)](https://qunitjs.com/)
 
 </div>
 
-**minibar** is a fast 2kB autocomplete search bar for [Typesense](https://typesense.org/). It is an alternative to typesense-docsearch.js, Algolia DocSearch, InstantSearch, autocomplete-js, and typesense-js.
+**minibar** is a fast 2kB autocomplete search bar for [Typesense](https://typesense.org/). It is an alternative to Algolia DocSearch, InstantSearch, autocomplete-js, typesense-docsearch.js, and typesense-js.
 
 ## Features
 

test/test.js

@@ -432,15 +432,37 @@ QUnit.module('typesense-minibar', hooks => {
     const form = parseHTML('<form><input type="search"></form>');
     const input = form.firstChild;
     document.body.append(form);
-    assert.true(!document.activeElement || !form.contains(document.activeElement), 'initial focus');
+    assert.false(form.contains(document.activeElement || null), 'initial focus');
 
     bar = tsminibar(form);
-    assert.true(!document.activeElement || !form.contains(document.activeElement), 'focus after contruct');
+    assert.false(form.contains(document.activeElement || null), 'focus after contruct');
 
     simulate(document, 'keydown', {}, { key: '/' });
     assert.strictEqual(document.activeElement, input, 'focus after slash');
   });
 
+  QUnit.test('focus [re-open results]', async assert => {
+    const form = parseHTML('<form><input type="search"></form>');
+    const input = form.firstChild;
+    document.body.append(form);
+    bar = tsminibar(form);
+    const listbox = form.querySelector('[role=listbox]');
+
+    mockFetchResponse = API_RESP_FULL_MATCH_SOMETHING;
+    input.value = 'something';
+    await expectRender(form, () => {
+      simulate(input, 'input');
+    });
+    assert.false(listbox.hidden, 'listbox not hidden');
+
+    mockFetchResponse = null;
+    simulate(document.body, 'click', { bubbles: true });
+    assert.true(listbox.hidden, 'listbox hidden');
+
+    input.focus();
+    assert.false(listbox.hidden, 'listbox re-opened');
+  });
+
   QUnit.test('focus [preconnect]', async assert => {
     const form = parseHTML('<form><input type="search"></form>');
     const input = form.firstChild;