Convert search tabs to pajamas

Changelog: other

app/views/search/_category.html.haml

@@ -5,7 +5,7 @@
 .scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
   .fade-left= sprite_icon('chevron-lg-left', size: 12)
   .fade-right= sprite_icon('chevron-lg-right', size: 12)
-  %ul.nav-links.search-filter.scrolling-tabs.nav.nav-tabs
+  = gl_tabs_nav({ class: 'search-filter scrolling-tabs nav-links'}) do
     - if @project
       - if project_search_tabs?(:blobs)
         = search_filter_link 'blobs', _("Code"), data: { qa_selector: 'code_tab' }

ee/spec/views/search/_category.html.haml_spec.rb

@@ -27,7 +27,7 @@ RSpec.describe 'search/_category' do
 
           render
 
-          expect(rendered).to have_selector('.nav-tabs li', text: tab_name)
+          expect(rendered).to have_selector('.search-filter li', text: tab_name)
         end
 
         it 'hides the tab if FF is disabled' do
@@ -35,7 +35,7 @@ RSpec.describe 'search/_category' do
 
           render
 
-          expect(rendered).not_to have_selector('.nav-tabs li', text: tab_name)
+          expect(rendered).not_to have_selector('.search-filter li', text: tab_name)
         end
       end
 
@@ -49,7 +49,7 @@ RSpec.describe 'search/_category' do
 
           render
 
-          expect(rendered).to have_selector('.nav-tabs li', text: tab_name)
+          expect(rendered).to have_selector('.search-filter li', text: tab_name)
         end
       end
     end