revert changes

ONSdigital · Sep 19, 2023 · 2fc7a1f · 2fc7a1f
1 parent 1cfb9de
commit 2fc7a1f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/autosuggest/autosuggest.spec.js b/src/components/autosuggest/autosuggest.spec.js
@@ -603,9 +603,12 @@ describe('script: autosuggest', () => {
         expect(warningText.trim()).toBe('!Sorry, there is a problem.');
       });
 
-      it('the results list and title elements should be removed from the page', async () => {
-        expect($('.ons-js-autosuggest-listbox').length).toBe(0);
-        expect($('.ons-autosuggest__results-title').length).toBe(0);
+      it('the list and results element should be removed from the page', async () => {
+        const hasListBox = await page.$eval('.ons-autosuggest', (node) => node.classList.contains('.ons-js-autosuggest-listbox'));
+        const hasResultsTitle = await page.$eval('.ons-autosuggest', (node) => node.classList.contains('.ons-autosuggest__results-title'));
+
+        expect(hasListBox).toBe(false);
+        expect(hasResultsTitle).toBe(false);
       });
 
       it('the input should be disabled', async () => {

diff --git a/src/components/autosuggest/autosuggest.ui.js b/src/components/autosuggest/autosuggest.ui.js
@@ -43,7 +43,7 @@ export default class AutosuggestUI {
     this.input = context.querySelector(`.${baseClass}-input`);
     this.resultsContainer = context.querySelector(`.${baseClass}-results`);
     this.listbox = this.resultsContainer.querySelector(`.${baseClass}-listbox`);
-    this.resultsTitleContainer = this.resultsContainer.querySelector(`.${baseClass}__results-title`);
+    this.resultsTitleContainer = this.resultsContainer.querySelector(`.ons-autosuggest__results-title`);
     this.instructions = context.querySelector(`.${baseClass}-instructions`);
     this.ariaStatus = context.querySelector(`.${baseClass}-aria-status`);
     this.form = context.closest('form');
@@ -418,7 +418,6 @@ export default class AutosuggestUI {
       this.input.value = '';
       this.label.classList.add('ons-u-lighter');
 
-      this.listbox.innerHTML = '';
       this.resultsContainer.insertBefore(this.createWarningElement(message), this.resultsContainer.firstChild);
       this.ariaStatus.setAttribute('aria-hidden', 'true');
       this.setAriaStatus(ariaMessage);