fix(richEdito): Fix the mixin to allow @ within userids

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

src/components/NcRichContenteditable/NcRichContenteditable.vue

@@ -81,9 +81,9 @@ export default {
 					},
 					subline: 'Visiting London',
 				},
-				'Test 03': {
+				'Test@User': {
 					icon: 'icon-user',
-					id: 'Test 03',
+					id: 'Test@User',
 					title: 'Test 03',
 					source: 'users',
 					status: {

src/mixins/richEditor/index.js

@@ -66,8 +66,8 @@ export default {
 						return Linkify(part)
 					}
 
-					// Extracting the id, nuking the " and @
-					const id = part.replace(/@|"/gi, '')
+					// Extracting the id, nuking the leading @ and all "
+					const id = part.slice(1).replace(/"/gi, '')
 					// Compiling template and prepend with the space we removed during the split
 					return ' ' + this.genSelectTemplate(id)
 				})

tests/unit/mixins/richEditor.spec.js

@@ -82,5 +82,13 @@ describe('richEditor.js', () => {
 
 			expect(output).toMatch(/^hello <span.+role="heading" title="J. Doe"/)
 		})
+
+		it('keep mentions with special characters', () => {
+			const editor = shallowMount(TestEditor, { propsData: { userData: {} } })
+			const input = 'hello @foo@bar - hello @"bar @ foo"'
+			const output = editor.vm.renderContent(input)
+
+			expect(output).toEqual('hello @foo@bar - hello @"bar @ foo"')
+		})
 	})
 })