Add an attribute to uniquely identify divs used to render content component (#470)

* Add `data-slate-content` attribute to the divs used to render `content` components.
Use that attribute to uniquely identify them.
Update test expected results.

* Fix lint complaints.

src/components/content.js

@@ -166,7 +166,7 @@ class Content extends React.Component {
     const { target } = event
     return (
       (target.isContentEditable) &&
-      (target === element || target.closest('[contenteditable]') == element)
+      (target === element || target.closest('[data-slate-content]') === element)
     )
   }
 
@@ -720,6 +720,7 @@ class Content extends React.Component {
 
     return (
       <div
+        data-slate-content
         key={this.forces}
         ref={this.ref}
         contentEditable={!readOnly}

test/rendering/fixtures/custom-block-void/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span style="position:absolute;top:0px;left:-9999px;text-indent:-9999px;">
       <span>

test/rendering/fixtures/custom-block/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>word</span>

test/rendering/fixtures/custom-decorator/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>o</span>

test/rendering/fixtures/custom-inline-void/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>

test/rendering/fixtures/custom-inline/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>

test/rendering/fixtures/custom-mark-with-component/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>one</span>

test/rendering/fixtures/custom-mark-with-function/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>one</span>

test/rendering/fixtures/custom-mark-with-mixed/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span><span style="font-weight:bold;">one</span></span>

test/rendering/fixtures/custom-mark-with-object/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>one</span>

test/rendering/fixtures/custom-mark-with-string/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>one</span>

test/rendering/fixtures/default-block-and-inline/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>

test/rendering/fixtures/default-block/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>word</span>

test/rendering/fixtures/empty-text/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span><br></span>

test/rendering/fixtures/multiple-custom-block/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>word</span>

test/rendering/fixtures/multiple-custom-inline/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>

test/rendering/fixtures/nested-text-direction/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
   <div dir="rtl" style="position:relative;">
     <span>

test/rendering/fixtures/text-direction/output.html

@@ -1,5 +1,5 @@
 
-<div contenteditable="true">
+<div data-slate-content="true" contenteditable="true">
   <div style="position:relative;">
     <span>
       <span>Hello World</span>