diff --git a/app/assets/javascripts/vue_shared/components/blob_viewers/rich_viewer.vue b/app/assets/javascripts/vue_shared/components/blob_viewers/rich_viewer.vue index 3e24a35ea390528e52b5ef63b8421767cbd94695..2ecf686b1c38f15bae9074b0d3fb221b35f273cb 100644 --- a/app/assets/javascripts/vue_shared/components/blob_viewers/rich_viewer.vue +++ b/app/assets/javascripts/vue_shared/components/blob_viewers/rich_viewer.vue @@ -2,6 +2,7 @@ import SafeHtml from '~/vue_shared/directives/safe_html'; import { handleBlobRichViewer } from '~/blob/viewer'; import MarkdownFieldView from '~/vue_shared/components/markdown/field_view.vue'; +import { handleLocationHash } from '~/lib/utils/common_utils'; import ViewerMixin from './mixins'; export default { @@ -27,6 +28,7 @@ export default { this.isLoading = false; await this.$nextTick(); handleBlobRichViewer(this.$refs.content, this.type); + handleLocationHash(); }); }, safeHtmlConfig: { diff --git a/spec/frontend/vue_shared/components/blob_viewers/rich_viewer_spec.js b/spec/frontend/vue_shared/components/blob_viewers/rich_viewer_spec.js index 1f3029435eee03e61543f4beb73b4a5d63388a01..fc8155bd38195fad3be3c407a0c45a7a3cb077a5 100644 --- a/spec/frontend/vue_shared/components/blob_viewers/rich_viewer_spec.js +++ b/spec/frontend/vue_shared/components/blob_viewers/rich_viewer_spec.js @@ -3,8 +3,10 @@ import { shallowMount } from '@vue/test-utils'; import { handleBlobRichViewer } from '~/blob/viewer'; import RichViewer from '~/vue_shared/components/blob_viewers/rich_viewer.vue'; import MarkdownFieldView from '~/vue_shared/components/markdown/field_view.vue'; +import { handleLocationHash } from '~/lib/utils/common_utils'; jest.mock('~/blob/viewer'); +jest.mock('~/lib/utils/common_utils'); describe('Blob Rich Viewer component', () => { let wrapper; @@ -50,4 +52,8 @@ describe('Blob Rich Viewer component', () => { it('is using Markdown View Field', () => { expect(wrapper.findComponent(MarkdownFieldView).exists()).toBe(true); }); + + it('scrolls to the hash location', () => { + expect(handleLocationHash).toHaveBeenCalled(); + }); });