diff --git a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_row.vue b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_row.vue index 0b598d3acafbaefc16ac0c80de6394b49765420e..05647c0793fdbfbfad55e643d97709217d4a2c15 100644 --- a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_row.vue +++ b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_row.vue @@ -32,9 +32,9 @@ export default { {{ line.new_line }} </td> <td + data-testid="suggestion-diff-content" class="line_content" :class="[{ 'd-table-cell': displayAsCell }, lineType]" - data-testid="suggestion-diff-content" > <span v-if="line.rich_text" v-safe-html="line.rich_text" class="line"></span> <span v-else-if="line.text" class="line">{{ line.text }}</span> diff --git a/scripts/frontend/quarantined_vue3_specs.txt b/scripts/frontend/quarantined_vue3_specs.txt index d66a8cc84fb155dfec90255550e9bdef3d80e061..9de7dcb19aeaf2b6cc4932a48bfe520d108d3d7c 100644 --- a/scripts/frontend/quarantined_vue3_specs.txt +++ b/scripts/frontend/quarantined_vue3_specs.txt @@ -276,7 +276,6 @@ spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root spec/frontend/vue_shared/components/filtered_search_bar/tokens/date_token_spec.js spec/frontend/vue_shared/components/markdown/header_spec.js spec/frontend/vue_shared/components/markdown/markdown_editor_spec.js -spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js spec/frontend/vue_shared/components/markdown_drawer/markdown_drawer_spec.js spec/frontend/vue_shared/components/metric_images/metric_image_details_modal_spec.js spec/frontend/vue_shared/components/page_heading_spec.js diff --git a/spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js b/spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js index c46a2d3e11785a1ff5b22aa11718a8f46ee93b07..fea8aa65001ffff076428480a23c43c393ba5cd9 100644 --- a/spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js +++ b/spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js @@ -1,4 +1,4 @@ -import { shallowMount } from '@vue/test-utils'; +import { shallowMountExtended } from 'helpers/vue_test_utils_helper'; import SuggestionDiffRow from '~/vue_shared/components/markdown/suggestion_diff_row.vue'; const oldLine = { @@ -27,14 +27,14 @@ describe('SuggestionDiffRow', () => { let wrapper; const factory = (options = {}) => { - wrapper = shallowMount(SuggestionDiffRow, { + wrapper = shallowMountExtended(SuggestionDiffRow, { ...options, }); }; const findOldLineWrapper = () => wrapper.find('.old_line'); const findNewLineWrapper = () => wrapper.find('.new_line'); - const findSuggestionContent = () => wrapper.find('[data-testid="suggestion-diff-content"]'); + const findSuggestionContent = () => wrapper.findByTestId('suggestion-diff-content'); describe('renders correctly', () => { it('renders the correct base suggestion markup', () => {