fix(rich-text-editor): DP-179947 use URL as display text when inserting link without text (#1202)

Author: braddialpad

packages/dialtone-vue/components/rich_text_editor/rich_text_editor.test.js

@@ -1633,6 +1633,26 @@ describe('DtRichTextEditor tests', () => {
       });
     });
 
+    describe('setLink method', () => {
+      const linkOptions = { class: 'd-link' };
+      const supportedProtocols = [/^https?:\/\//, /^ftp?:\/\//, /mailto:/];
+      const defaultPrefix = 'https://';
+
+      beforeEach(async () => {
+        await wrapper.setProps({ link: true, outputFormat: 'html' });
+        wrapper.vm.editor.commands.focus();
+      });
+
+      it.each([
+        ['https://example.com', 'Example', 'Example'],
+        ['https://example.com', '', 'https://example.com'],
+      ])('should render link correctly (url=%s, displayText=%s)', async (url, displayText, expectedSubstring) => {
+        wrapper.vm.setLink(url, displayText, linkOptions, supportedProtocols, defaultPrefix);
+        await wrapper.vm.$nextTick();
+        expect(wrapper.vm.getOutput()).toContain(expectedSubstring);
+      });
+    });
+
     describe('Link keyboard shortcut functionality', () => {
       describe('When Mod+K is pressed and link is enabled', () => {
         it('should emit edit-link event', async () => {

packages/dialtone-vue/components/rich_text_editor/rich_text_editor.vue

@@ -974,12 +974,13 @@ export default {
         .run();
 
       const selection = this.editor?.view?.state?.selection;
+      const displayText = linkText || linkInput;
 
       this.editor
         .chain()
         .focus()
-        .insertContent(linkText)
-        .setTextSelection({ from: selection.from, to: selection.from + linkText.length })
+        .insertContent(displayText)
+        .setTextSelection({ from: selection.from, to: selection.from + displayText.length })
         .setLink({ href: linkInput, class: linkOptions.class })
         .run();
     },