1 files changed, 30 insertions, 0 deletions
diff --git a/spec/frontend/content_editor/extensions/comment_spec.js b/spec/frontend/content_editor/extensions/comment_spec.js
new file mode 100644
index 00000000000..7d8ff28e4d7
--- /dev/null
+++ b/spec/frontend/content_editor/extensions/comment_spec.js
@@ -0,0 +1,30 @@
+import Comment from '~/content_editor/extensions/comment';
+import { createTestEditor, createDocBuilder, triggerNodeInputRule } from '../test_utils';
+
+describe('content_editor/extensions/comment', () => {
+  let tiptapEditor;
+  let doc;
+  let comment;
+
+  beforeEach(() => {
+    tiptapEditor = createTestEditor({ extensions: [Comment] });
+    ({
+      builders: { doc, comment },
+    } = createDocBuilder({
+      tiptapEditor,
+      names: {
+        comment: { nodeType: Comment.name },
+      },
+    }));
+  });
+
+  describe('when typing the comment input rule', () => {
+    it('inserts a comment node', () => {
+      const expectedDoc = doc(comment());
+
+      triggerNodeInputRule({ tiptapEditor, inputRuleText: '<!-- ' });
+
+      expect(tiptapEditor.getJSON()).toEqual(expectedDoc.toJSON());
+    });
+  });
+});