     (let [c (cellophane/add-root! union-reconciler Dashboard nil)]
       (is (= (#'dom/render-to-str* c)
             (remove-whitespace
-              "<ul style=\"padding:0;\" data-reactid=\".0\">
-                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0]\">
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].0\">
-                    <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 0]\">
-                      <h3 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 0].0\">A Post!</h3>
-                      <h4 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 0].1\">Laura Smith</h4>
-                      <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 0].2\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
+              "<ul style=\"padding:0;\" data-reactroot=\"\" data-reactid=\"1\">
+                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\"2\">
+                  <div data-reactid=\"3\">
+                    <div data-reactid=\"4\">
+                      <h3 data-reactid=\"5\">A Post!</h3>
+                      <h4 data-reactid=\"6\">Laura Smith</h4>
+                      <p data-reactid=\"7\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
                     </div>
                   </div>
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].1\">
-                    <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].1.0\">Favorites: 0</p>
-                    <button data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 0].1.1\">Favorite!</button>
+                  <div data-reactid=\"8\">
+                    <p data-reactid=\"9\">Favorites: 0</p>
+                    <button data-reactid=\"10\">Favorite!</button>
                   </div>
                 </li>
-                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1]\">
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].0\">
-                    <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].0.$cellophane$om_tutorials_test$Photo_[=2dashboard/items 1]\">
-                      <h3 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].0.$cellophane$om_tutorials_test$Photo_[=2dashboard/items 1].0\">Photo: A Photo!</h3>
-                      <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].0.$cellophane$om_tutorials_test$Photo_[=2dashboard/items 1].1\">photo.jpg</div>
-                      <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].0.$cellophane$om_tutorials_test$Photo_[=2dashboard/items 1].2\">Caption: </p>
+                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\"11\">
+                  <div data-reactid=\"12\">
+                    <div data-reactid=\"13\">
+                      <h3 data-reactid=\"14\">Photo: A Photo!</h3>
+                      <div data-reactid=\"15\">photo.jpg</div>
+                      <p data-reactid=\"16\">Caption: </p>
                     </div>
                   </div>
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].1\">
-                    <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].1.0\">Favorites: 0</p>
-                    <button data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 1].1.1\">Favorite!</button>
+                  <div data-reactid=\"17\">
+                    <p data-reactid=\"18\">Favorites: 0</p>
+                    <button data-reactid=\"19\">Favorite!</button>
                   </div>
                 </li>
-                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2]\">
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].0\">
-                    <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 2]\">
-                      <h3 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 2].0\">Another Post!</h3>
-                      <h4 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 2].1\">Jim Jacobs</h4>
-                      <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 2].2\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
+                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\"20\">
+                  <div data-reactid=\"21\">
+                    <div data-reactid=\"22\">
+                      <h3 data-reactid=\"23\">Another Post!</h3>
+                      <h4 data-reactid=\"24\">Jim Jacobs</h4>
+                      <p data-reactid=\"25\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
                     </div>
                   </div>
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].1\">
-                    <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].1.0\">Favorites: 0</p>
-                    <button data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 2].1.1\">Favorite!</button>
+                  <div data-reactid=\"26\">
+                    <p data-reactid=\"27\">Favorites: 0</p>
+                    <button data-reactid=\"28\">Favorite!</button>
                   </div>
                 </li>
-                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3]\">
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].0\">
-                    <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].0.$cellophane$om_tutorials_test$Graphic_[=2dashboard/items 3]\">
-                      <h3 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].0.$cellophane$om_tutorials_test$Graphic_[=2dashboard/items 3].0\">Graphic: Charts and Stufff!</h3>
-                      <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].0.$cellophane$om_tutorials_test$Graphic_[=2dashboard/items 3].1\">chart.jpg</div>
+                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\"29\">
+                  <div data-reactid=\"30\">
+                    <div data-reactid=\"31\">
+                      <h3 data-reactid=\"32\">Graphic: Charts and Stufff!</h3>
+                      <div data-reactid=\"33\">chart.jpg</div>
                     </div>
                   </div>
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].1\">
-                    <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].1.0\">Favorites: 0</p>
-                    <button data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 3].1.1\">Favorite!</button>
+                  <div data-reactid=\"34\">
+                    <p data-reactid=\"35\">Favorites: 0</p>
+                    <button data-reactid=\"36\">Favorite!</button>
                   </div>
                 </li>
-                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4]\">
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].0\">
-                    <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 4]\">
-                      <h3 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 4].0\">Yet Another Post!</h3>
-                      <h4 data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 4].1\">May Fields</h4>
-                      <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].0.$cellophane$om_tutorials_test$Post_[=2dashboard/items 4].2\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
+                <li style=\"padding:10px;border-bottom:1px solid black;\" data-reactid=\"37\">
+                  <div data-reactid=\"38\">
+                    <div data-reactid=\"39\">
+                      <h3 data-reactid=\"40\">Yet Another Post!</h3>
+                      <h4 data-reactid=\"41\">May Fields</h4>
+                      <p data-reactid=\"42\">Lorem ipsum dolor sit amet, quem atomorum te quo</p>
                     </div>
                   </div>
-                  <div data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].1\">
-                    <p data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].1.0\">Favorites: 0</p>
-                    <button data-reactid=\".0.$cellophane$om_tutorials_test$DashboardItem_[=2dashboard/items 4].1.1\">Favorite!</button>
+                  <div data-reactid=\"43\">
+                    <p data-reactid=\"44\">Favorites: 0</p>
+                    <button data-reactid=\"45\">Favorite!</button>
                   </div>
                 </li>
               </ul>")))))

  (let [c (cellophane/add-root! links-reconciler LinksSomeList nil)]
    (is (= (#'dom/render-to-str* c)
           (remove-whitespace
             "<div data-reactid=\".0\">
                <h2 data-reactid=\".0.0\">A List!</h2>
                <ul data-reactid=\".0.1\">
                  <li data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 0]\">
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 0].0\">Foo</div>
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 0].1\">bob.smith@gmail.com</div>
                  </li>
                  <li data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 1]\">
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 1].0\">Bar</div>
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 1].1\">bob.smith@gmail.com</div>
                  </li>
                  <li data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 2]\">
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 2].0\">Baz</div>
                    <div data-reactid=\".0.1.$cellophane$om_tutorials_test$LinksItem_[=2items 2].1\">bob.smith@gmail.com</div>
                  </li>
                </ul>
              </div>")))))

(deftest test-cian-tutorial
  (let [c (cellophane/add-root! cian-reconciler RootView nil)]
    (is (= (#'dom/render-to-str* c)
           (remove-whitespace "<div data-reactroot=\"\" data-reactid=\"1\">
                                 <h2 data-reactid=\"2\">List A</h2>
                                 <ul data-reactid=\"3\">
                                   <li data-reactid=\"4\">
                                     <label data-reactid=\"5\">John, points: 0</label>
                                     <button data-reactid=\"6\">+</button>
                                     <button data-reactid=\"7\">-</button>
                                   </li>
                                   <li data-reactid=\"8\">
                                     <label data-reactid=\"9\">Mary, points: 0</label>
                                     <button data-reactid=\"10\">+</button>
                                     <button data-reactid=\"11\">-</button>
                                   </li>
                                   <li data-reactid=\"12\">
                                     <label data-reactid=\"13\">Bob, points: 0</label>
                                     <button data-reactid=\"14\">+</button>
                                     <button data-reactid=\"15\">-</button>
                                   </li>
                                 </ul>
                                 <h2 data-reactid=\"16\">List B</h2>
                                 <ul data-reactid=\"17\">
                                   <li data-reactid=\"18\">
                                     <label data-reactid=\"19\">Mary, points: 0</label>
                                     <button data-reactid=\"20\">+</button>
                                     <button data-reactid=\"21\">-</button>
                                   </li>
                                   <li data-reactid=\"22\">
                                     <label data-reactid=\"23\">Gwen, points: 0</label>
                                     <button data-reactid=\"24\">+</button>
                                     <button data-reactid=\"25\">-</button>
                                   </li>
                                   <li data-reactid=\"26\">
                                     <label data-reactid=\"27\">Jeff, points: 0</label>
                                     <button data-reactid=\"28\">+</button>
                                     <button data-reactid=\"29\">-</button>
                                   </li>
                                 </ul>
                               </div>")))))
