cr fixes

Author: mabaasit

packages/compass-editor/src/editor.spec.tsx

@@ -4,7 +4,7 @@ import { CodemirrorInlineEditor } from './editor';
 import type { EditorRef } from './types';
 import { expect } from 'chai';
 
-function renderEditor(text: string) {
+function renderCodemirrorInlineEditor(text: string) {
   const editorRef = React.createRef<EditorRef>();
   render(<CodemirrorInlineEditor text={text} ref={editorRef} />);
   return editorRef;
@@ -14,7 +14,7 @@ describe('Editor', function () {
   context('CodemirrorInlineEditor', function () {
     let editorRef: React.RefObject<EditorRef>;
     beforeEach(function () {
-      editorRef = renderEditor('{}');
+      editorRef = renderCodemirrorInlineEditor('{}');
 
       const lines = document.querySelectorAll('.cm-line');
       expect(lines.length).to.equal(1);
@@ -35,6 +35,11 @@ describe('Editor', function () {
       expect(lines[0].textContent).to.equal('{');
       expect(lines[1].textContent?.trim()).to.equal('');
       expect(lines[2].textContent).to.equal('}');
+
+      // 2 new line characters as it it allows for new content to be added
+      // between the opening and closing braces. and it also correctly
+      // indents the cursor position with (2) spaces.
+      expect(editorRef.current?.editorContents).to.equal('{\n  \n}');
     });
 
     it('renders multi lines on {shift}+{enter}', function () {
@@ -46,6 +51,8 @@ describe('Editor', function () {
       expect(lines[0].textContent).to.equal('{');
       expect(lines[1].textContent?.trim()).to.equal('');
       expect(lines[2].textContent).to.equal('}');
+
+      expect(editorRef.current?.editorContents).to.equal('{\n  \n}');
     });
   });
 });