diff options
Diffstat (limited to 'spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js')
-rw-r--r-- | spec/frontend/vue_shared/components/markdown/suggestion_diff_row_spec.js | 20 |
1 files changed, 19 insertions, 1 deletions
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 6ae405017c9..b67f4cf12bf 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 @@ -34,12 +34,25 @@ describe('SuggestionDiffRow', () => { const findOldLineWrapper = () => wrapper.find('.old_line'); const findNewLineWrapper = () => wrapper.find('.new_line'); + const findSuggestionContent = () => wrapper.find('[data-testid="suggestion-diff-content"]'); afterEach(() => { wrapper.destroy(); }); describe('renders correctly', () => { + it('renders the correct base suggestion markup', () => { + factory({ + propsData: { + line: oldLine, + }, + }); + + expect(findSuggestionContent().html()).toBe( + '<td data-testid="suggestion-diff-content" class="line_content old"><span class="line">oldrichtext</span></td>', + ); + }); + it('has the right classes on the wrapper', () => { factory({ propsData: { @@ -47,7 +60,12 @@ describe('SuggestionDiffRow', () => { }, }); - expect(wrapper.is('.line_holder')).toBe(true); + expect(wrapper.classes()).toContain('line_holder'); + expect( + findSuggestionContent() + .find('span') + .classes(), + ).toContain('line'); }); it('renders the rich text when it is available', () => { |