Hide challenge when filtering

ajuvonen · Sep 9, 2024 · 6452302 · 6452302
1 parent d1262e7
commit 6452302
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/VeggieSearch.vue b/src/components/VeggieSearch.vue
@@ -98,7 +98,7 @@ watch(query, scrollToStart);
         <li v-if="filteredVeggies().length === 0 && query !== ''" class="veggie-search__no-results">
           {{ $t('veggieSearch.noResults') }}
         </li>
-        <VeggieSearchChallenge />
+        <VeggieSearchChallenge v-if="!query.length" />
         <VeggieSearchGroup
           v-for="category in Category"
           :key="category"

diff --git a/src/components/__tests__/VeggieSearch.spec.ts b/src/components/__tests__/VeggieSearch.spec.ts
@@ -29,6 +29,7 @@ describe('VeggieSearch', () => {
     expect(wrapper.find('.veggie-search__options').isVisible()).toBe(true);
     expect(wrapper.findAll('.veggie-search__heading').length).toBe(1);
     expect(wrapper.find('.veggie-search__option').text()).toContain('tomato');
+    expect(wrapper.find('#veggie-search-heading-challenge').exists()).toBe(false);
   });
 
   it('shows all categories with matches', async () => {
@@ -67,6 +68,6 @@ describe('VeggieSearch', () => {
   it('shows challenge if available', async () => {
     const wrapper = mounter([], 'raspberry');
     await wrapper.find('.veggie-search__button').trigger('click');
-    expect(wrapper.find('#veggie-search-heading-challenge').isVisible()).toBe(true);
+    expect(wrapper.find('#veggie-search-heading-challenge').exists()).toBe(true);
   });
 });