fix(extension-mention): parse extraAttrs when parsing DOM (#264)

.changeset/big-pans-kneel.md

@@ -0,0 +1,5 @@
+---
+'@remirror/extension-mention': patch
+---
+
+parse extraAttrs when parsing mention DOM elements

@remirror/extension-mention/src/__tests__/mention.spec.ts

@@ -36,6 +36,33 @@ describe('schema', () => {
     const expected = doc(p(mention(attrs.label)));
     expect(node).toEqualProsemirrorNode(expected);
   });
+
+  describe('extraAttrs', () => {
+    const custom = 'test';
+    const { schema } = createBaseTestManager([
+      {
+        extension: new MentionExtension({
+          matchers: [],
+          extraAttrs: ['data-custom'],
+        }),
+        priority: 1,
+      },
+    ]);
+
+    const { doc, p, mention } = pmBuild(schema, {
+      mention: { markType: 'mention', ['data-custom']: custom, ...attrs },
+    });
+
+    it('parses the dom structure and finds itself with custom attributes', () => {
+      const node = fromHTML({
+        schema,
+        content: `<a class="mention mention-at" data-custom="${custom}" data-mention-id="${attrs.id}" data-mention-name="${attrs.name}">${attrs.label}</a>`,
+      });
+
+      const expected = doc(p(mention(attrs.label)));
+      expect(node).toEqualProsemirrorNode(expected);
+    });
+  });
 });
 
 describe('constructor', () => {

@remirror/extension-mention/src/mention-extension.ts

@@ -90,7 +90,7 @@ export class MentionExtension extends MarkExtension<MentionExtensionOptions> {
             const id = node.getAttribute(dataAttributeId);
             const name = node.getAttribute(dataAttributeName);
             const label = node.innerText;
-            return { id, label, name };
+            return { ...this.getExtraAttrs(node), id, label, name };
           },
         },
       ],