 
 (deftest test-render-animals-tutorial
   (let [result-markup (remove-whitespace
-                        "<div data-reactid=\".0\">
-                           <h2 data-reactid=\".0.0\">Animals</h2>
-                           <ul data-reactid=\".0.1\">
-                             <li data-reactid=\".0.1.0\">1. Ant</li>
-                             <li data-reactid=\".0.1.1\">2. Antelope</li>
-                             <li data-reactid=\".0.1.2\">3. Bird</li>
-                             <li data-reactid=\".0.1.3\">4. Cat</li>
-                             <li data-reactid=\".0.1.4\">5. Dog</li>
-                             <li data-reactid=\".0.1.5\">6. Lion</li>
-                             <li data-reactid=\".0.1.6\">7. Mouse</li>
-                             <li data-reactid=\".0.1.7\">8. Monkey</li>
-                             <li data-reactid=\".0.1.8\">9. Snake</li>
-                             <li data-reactid=\".0.1.9\">10. Zebra</li>
+                        "<div data-reactroot=\"\" data-reactid=\"1\">
+                           <h2 data-reactid=\"2\">Animals</h2>
+                           <ul data-reactid=\"3\">
+                             <li data-reactid=\"4\">1. Ant</li>
+                             <li data-reactid=\"5\">2. Antelope</li>
+                             <li data-reactid=\"6\">3. Bird</li>
+                             <li data-reactid=\"7\">4. Cat</li>
+                             <li data-reactid=\"8\">5. Dog</li>
+                             <li data-reactid=\"9\">6. Lion</li>
+                             <li data-reactid=\"10\">7. Mouse</li>
+                             <li data-reactid=\"11\">8. Monkey</li>
+                             <li data-reactid=\"12\">9. Snake</li>
+                             <li data-reactid=\"13\">10. Zebra</li>
                            </ul>
                          </div>")]
     (testing "render with factory"

(deftest test-cian-tutorial
  (let [c (cellophane/add-root! cian-reconciler RootView nil)]
    (is (= (#'dom/render-to-str* c)
           (remove-whitespace "<div data-reactid=\".0\">
                                 <h2 data-reactid=\".0.0\">List A</h2>
                                 <ul data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one]\">
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$John\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$John.0\">John, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$John.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$John.2\">-</button>
                                   </li>
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Mary\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Mary.0\">Mary, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Mary.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Mary.2\">-</button>
                                   </li>
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Bob\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Bob.0\">Bob, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Bob.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/one].$Bob.2\">-</button>
                                   </li>
                                 </ul>
                                 <h2 data-reactid=\".0.2\">List B</h2>
                                 <ul data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two]\">
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Mary\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Mary.0\">Mary, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Mary.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Mary.2\">-</button>
                                   </li>
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Gwen\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Gwen.0\">Gwen, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Gwen.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Gwen.2\">-</button>
                                   </li>
                                   <li data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Jeff\">
                                     <label data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Jeff.0\">Jeff, points: 0</label>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Jeff.1\">+</button>
                                     <button data-reactid=\".0.$cellophane$om_tutorials_test$ListView_[=2list/two].$Jeff.2\">-</button>
                                   </li>
                                 </ul>
                               </div>")))))

  (let [c (cellophane/add-root! links-reconciler LinksSomeList nil)]
    (is (= (#'dom/render-to-str* c)
           (remove-whitespace
             "<div data-reactroot=\"\" data-reactid=\"1\">
                <h2 data-reactid=\"2\">A List!</h2>
                <ul data-reactid=\"3\">
                  <li data-reactid=\"4\">
                    <div data-reactid=\"5\">Foo</div>
                    <div data-reactid=\"6\">bob.smith@gmail.com</div>
                  </li>
                  <li data-reactid=\"7\">
                    <div data-reactid=\"8\">Bar</div>
                    <div data-reactid=\"9\">bob.smith@gmail.com</div>
                  </li>
                  <li data-reactid=\"10\">
                    <div data-reactid=\"11\">Baz</div>
                    <div data-reactid=\"12\">bob.smith@gmail.com</div>
                  </li>
                </ul>
              </div>")))))
