Merge branch '338065-update-selector-class-code-search' into 'master'

Global Search - Replace .blob-result css class

See merge request gitlab-org/gitlab!69232

app/assets/javascripts/search/highlight_blob_search_result.js

@@ -2,7 +2,7 @@ export default (search = '') => {
   const highlightLineClass = 'hll';
   const contentBody = document.getElementById('content-body');
   const searchTerm = search.toLowerCase();
-  const blobs = contentBody.querySelectorAll('.blob-result');
+  const blobs = contentBody.querySelectorAll('.js-blob-result');
 
   blobs.forEach((blob) => {
     const lines = blob.querySelectorAll('.line');

app/views/search/results/_blob_data.html.haml

-.blob-result.gl-mt-3.gl-mb-5{ data: { qa_selector: 'result_item_content' } }
+.js-blob-result.gl-mt-3.gl-mb-5{ data: { qa_selector: 'result_item_content' } }
   .file-holder.file-holder-top-border
     .js-file-title.file-title{ data: { qa_selector: 'file_title_content' } }
       = link_to blob_link, data: {track_event: 'click_text', track_label: 'blob_path', track_property: 'search_result'} do

ee/app/assets/javascripts/search/highlight_blob_search_result.js

@@ -3,7 +3,7 @@ import setHighlightClass from '~/search/highlight_blob_search_result';
 export default (searchTerm) => {
   const highlightLineClass = 'hll';
   const contentBody = document.getElementById('content-body');
-  const blobs = contentBody.querySelectorAll('.blob-result');
+  const blobs = contentBody.querySelectorAll('.js-blob-result');
 
   // Supports Basic (backed by Gitaly) Search highlighting
   setHighlightClass(searchTerm);

ee/spec/frontend/search/highlight_blob_search_result_spec.js

@@ -11,7 +11,7 @@ describe('ee/search/highlight_blob_search_result', () => {
 
     setHighlightClass(searchKeyword);
 
-    expect(document.querySelectorAll('.blob-result .hll').length).toBe(4);
+    expect(document.querySelectorAll('.js-blob-result .hll').length).toBe(4);
   });
 
   // Advanced search support
@@ -20,6 +20,6 @@ describe('ee/search/highlight_blob_search_result', () => {
 
     setHighlightClass(searchKeyword);
 
-    expect(document.querySelectorAll('.blob-result .hll').length).toBe(3);
+    expect(document.querySelectorAll('.js-blob-result .hll').length).toBe(3);
   });
 });

spec/frontend/search/highlight_blob_search_result_spec.js

@@ -9,6 +9,6 @@ describe('search/highlight_blob_search_result', () => {
   it('highlights lines with search term occurrence', () => {
     setHighlightClass(searchKeyword);
 
-    expect(document.querySelectorAll('.blob-result .hll').length).toBe(4);
+    expect(document.querySelectorAll('.js-blob-result .hll').length).toBe(4);
   });
 });