chore(demo): add missing tests for demo editor copy-paste

thibaudcolas · Jun 3, 2018 · aead7ef · aead7ef
1 parent 6e3e6af
commit aead7ef
Show file tree

Hide file tree

Showing 2 changed files with 80 additions and 4 deletions.
diff --git a/src/demo/components/DemoEditor.js b/src/demo/components/DemoEditor.js
@@ -106,7 +106,7 @@ type State = {
  */
 class DemoEditor extends Component<Props, State> {
   editorRef: ?Object;
-  copySource: ?Object;
+  copySource: Object;
 
   constructor(props: Props) {
     super(props);
@@ -149,9 +149,7 @@ class DemoEditor extends Component<Props, State> {
   }
 
   componentWillUnmount() {
-    if (this.copySource) {
-      this.copySource.unregister();
-    }
+    this.copySource.unregister();
   }
 
   onChange(nextState: EditorState) {

diff --git a/src/demo/components/DemoEditor.test.js b/src/demo/components/DemoEditor.test.js
@@ -31,6 +31,15 @@ describe("DemoEditor", () => {
     ).toMatchSnapshot();
   });
 
+  it("componentWillUnmount", () => {
+    const wrapper = mount(<DemoEditor extended={false} />);
+    const copySource = wrapper.instance().copySource;
+    jest.spyOn(copySource, "unregister");
+    expect(copySource).not.toBeNull();
+    wrapper.unmount();
+    expect(copySource.unregister).toHaveBeenCalled();
+  });
+
   describe("#extended", () => {
     it("works", () => {
       expect(
@@ -128,6 +137,28 @@ describe("DemoEditor", () => {
       ).toBe(null);
     });
 
+    it("no entity", () => {
+      window.sessionStorage.getItem = jest.fn(() =>
+        JSON.stringify({
+          entityMap: {},
+          blocks: [
+            {
+              type: "atomic",
+              text: " ",
+              entityRanges: [],
+            },
+          ],
+        }),
+      );
+      const editable = mount(<DemoEditor extended={true} />)
+        .instance()
+        .blockRenderer({
+          getType: () => "atomic",
+          getEntityAt: () => null,
+        }).editable;
+      expect(editable).toBe(false);
+    });
+
     it("HORIZONTAL_RULE", () => {
       window.sessionStorage.getItem = jest.fn(() =>
         JSON.stringify({
@@ -198,6 +229,53 @@ describe("DemoEditor", () => {
     });
   });
 
+  describe("handlePastedText", () => {
+    it("handled by handleDraftEditorPastedText", () => {
+      const wrapper = mount(<DemoEditor extended={false} />);
+      const content = {
+        blocks: [
+          {
+            data: {},
+            depth: 0,
+            entityRanges: [],
+            inlineStyleRanges: [],
+            key: "a",
+            text: "hello,\nworld!",
+            type: "unstyled",
+          },
+        ],
+        entityMap: {},
+      };
+      const html = `<div data-draftjs-conductor-fragment='${JSON.stringify(
+        content,
+      )}'><p>Hello, world!</p></div>`;
+
+      expect(
+        wrapper
+          .instance()
+          .handlePastedText(
+            "hello,\nworld!",
+            html,
+            wrapper.state("editorState"),
+          ),
+      ).toBe(true);
+    });
+
+    it("default handling", () => {
+      const wrapper = mount(<DemoEditor extended={false} />);
+
+      expect(
+        wrapper
+          .instance()
+          .handlePastedText(
+            "this is plain text paste",
+            "this is plain text paste",
+            wrapper.state("editorState"),
+          ),
+      ).toBe(false);
+    });
+  });
+
   describe("onTab", () => {
     it("works", () => {
       const wrapper = mount(<DemoEditor extended={false} />);