it('should still be accessible when search has been opened', async done => {
   const facetElement = getFacetElement();
   getFacetColumn().appendChild(facetElement.el);
   await afterDeferredQuerySuccess();
   (get(facetElement.el) as Facet).facetSearch.focus();
   await afterDelay(500);
   (get(facetElement.el) as Facet).facetSearch.dismissSearchResults();
   await afterDelay(500);
   const axeResults = await axe.run(getRoot());
   expect(axeResults).toBeAccessible();
   done();
 });

 it("should be accessible when there's text", async done => {
   await afterQuerySuccess();
   (get(queryBox) as Querybox).setText('test');
   const axeResults = await axe.run(getRoot());
   expect(axeResults).toBeAccessible();
   done();
 });

 it('should be accessible in settings menu', async done => {
   const preferencesPanelElement = $$('div', { className: Component.computeCssClassName(PreferencesPanel) });
   const settingsElement = testSettingsElement(preferencesPanelElement.el);
   await afterQuerySuccess();
   (get(settingsElement.el) as Settings).open();
   const axeResults = await axe.run(getRoot());
   expect(axeResults).toBeAccessible();
   done();
 });

 it('should be accessible', async done => {
   const advancedSearchElement = getAdvancedSearchElement();
   getResultsColumn().appendChild(advancedSearchElement.el);
   await afterQuerySuccess();
   const advancedSearch = get(advancedSearchElement.el) as AdvancedSearch;
   advancedSearch.open();
   const axeResults = await axe.run(getRoot());
   expect(axeResults).toBeAccessible();
   done();
 });

    it('should be accessible when opened', async done => {
      const shareQueryElement = $$('div', {
        className: Component.computeCssClassName(ShareQuery)
      });

      testSettingsElement(shareQueryElement.el);
      await afterQuerySuccess();
      (get(shareQueryElement.el) as ShareQuery).open();
      const axeResults = await axe.run(getRoot());
      expect(axeResults).toBeAccessible();
      done();
    });

    it('should be accessible when opened', async done => {
      const quickviewElement = $$('div', {
        className: Component.computeCssClassName(Quickview)
      });

      testResultElement(quickviewElement.el);
      await afterQuerySuccess();
      (get(document.querySelector(`.${Component.computeCssClassName(Quickview)}`)) as Quickview).open();
      await afterDelay(500);
      const axeResults = await axe.run(getRoot());
      expect(axeResults).toBeAccessible();
      done();
    });

    it('should be accessible when opened', async done => {
      const cardOverlayElement = $$('div', {
        className: Component.computeCssClassName(CardOverlay)
      });

      testResultElement(cardOverlayElement.el);
      await afterQuerySuccess();
      const cardOverlayInDocument = $$(getRoot()).find(`.${Component.computeCssClassName(CardOverlay)}`);
      const cardOverlayInstance = get(cardOverlayInDocument as HTMLElement) as CardOverlay;
      cardOverlayInstance.openOverlay();
      const axeResults = await axe.run(getRoot());
      expect(axeResults).toBeAccessible();
      done();
    });

    it('should be accessible for simple filter', async done => {
      const breadcrumbElement = getBreadcrumbElement();

      const simpleFilterElement = $$('div', {
        className: Component.computeCssClassName(SimpleFilter),
        'data-field': '@objecttype'
      });

      getResultsColumn().appendChild(breadcrumbElement.el);
      getResultsColumn().appendChild(simpleFilterElement.el);

      await afterQuerySuccess();
      const simpleFilter = get(simpleFilterElement.el) as SimpleFilter;
      simpleFilter.selectValue('Board', true);
      await afterDeferredQuerySuccess();
      const axeResults = await axe.run(getRoot());
      expect(axeResults).toBeAccessible();
      done();
    });