Added js prefix to classes in diff-header55505-mr-diff-karma-tests

2 files changed, 6 insertions, 6 deletions

diff --git a/app/assets/javascripts/diffs/components/diff_file_header.vue b/app/assets/javascripts/diffs/components/diff_file_header.vue
index a759485e61d..5eb007a5f0c 100644
--- a/app/assets/javascripts/diffs/components/diff_file_header.vue
+++ b/app/assets/javascripts/diffs/components/diff_file_header.vue
@@ -226,13 +226,13 @@ export default {
       <a
         v-if="diffFile.replaced_view_path"
         :href="diffFile.replaced_view_path"
-        class="btn view-file js-view-file view-replaced-file"
+        class="btn view-file js-view-file js-view-replaced-file"
         v-html="viewReplacedFileButtonText"
       >
       </a>
       <a
         :href="diffFile.view_path"
-        class="btn view-file js-view-file view-file-button"
+        class="btn view-file js-view-file js-view-file-button"
         v-html="viewFileButtonText"
       >
       </a>
@@ -244,7 +244,7 @@ export default {
         :title="`View on ${diffFile.formatted_external_url}`"
         target="_blank"
         rel="noopener noreferrer"
-        class="btn btn-file-option external-url"
+        class="btn btn-file-option js-external-url"
       >
         <icon name="external-link" />
       </a>
diff --git a/spec/javascripts/diffs/components/diff_file_header_spec.js b/spec/javascripts/diffs/components/diff_file_header_spec.js
index 02490af45d2..ff9b323908c 100644
--- a/spec/javascripts/diffs/components/diff_file_header_spec.js
+++ b/spec/javascripts/diffs/components/diff_file_header_spec.js
@@ -512,9 +512,9 @@ describe('diff_file_header', () => {
           vm = mountComponentWithStore(Component, { props, store });
         });
 
-        const viewReplacedFileButton = () => vm.$el.querySelector('.view-replaced-file');
-        const viewFileButton = () => vm.$el.querySelector('.view-file-button');
-        const externalUrl = () => vm.$el.querySelector('.external-url');
+        const viewReplacedFileButton = () => vm.$el.querySelector('.js-view-replaced-file');
+        const viewFileButton = () => vm.$el.querySelector('.js-view-file-button');
+        const externalUrl = () => vm.$el.querySelector('.js-external-url');
 
         it('should render if add merge request buttons is true and diff file does not have a submodule', () => {
           expect(vm.$el.querySelector('.file-actions')).not.toEqual(null);