Merge branch '428638-vue3-migration-enumerated-coercion-3' into 'master'

Fix ATTR_ENUMERATED_COERCION for contenteditable

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/138493



Merged-by: Jose Ivan Vargas <jvargas@gitlab.com>
Approved-by: Eduardo Bonet <ebonet@gitlab.com>
Approved-by: Jose Ivan Vargas <jvargas@gitlab.com>
Co-authored-by: Artur Fedorov <afedorov@gitlab.com>

spec/frontend/diffs/components/diff_row_spec.js

@@ -112,6 +112,8 @@ describe('DiffRow', () => {
   });
 
   const getCommentButton = (side) => wrapper.find(`[data-testid="${side}-comment-button"]`);
+  const findRightCommentButton = () => wrapper.find('[data-testid="right-comment-button"]');
+  const findLeftCommentButton = () => wrapper.find('[data-testid="left-comment-button"]');
 
   describe.each`
     side
@@ -135,6 +137,10 @@ describe('DiffRow', () => {
 
       it('renders', () => {
         wrapper = createWrapper({ props: { line, inline: false } });
+        expect(findRightCommentButton().attributes('draggable')).toBe('true');
+        expect(findLeftCommentButton().attributes('draggable')).toBe(
+          side === 'left' ? 'true' : 'false',
+        );
         expect(getCommentButton(side).exists()).toBe(true);
       });