Add tests for unmount/mount using dom node context

Author: ximus

test/dummy/app/views/pages/show.html.erb

@@ -2,8 +2,13 @@
   <li><%= link_to 'Alice', page_path(:id => 0) %></li>
   <li><%= link_to 'Bob', page_path(:id => 1) %></li>
 </ul>
+
 <div id='test-component'>
   <%= react_component 'HelloMessage', :name => @name %>
 </div>
-<a href='#' onClick="ReactRailsUJS.unmountComponents('#test-component')">Unmount at #test-component</a>
-<a href='#' onClick="ReactRailsUJS.mountComponents('#test-component')">Mount at #test-component</a>
+
+<a href='#' onClick="ReactRailsUJS.unmountComponents('#test-component')">Unmount at selector #test-component</a>
+<a href='#' onClick="ReactRailsUJS.mountComponents('#test-component')">Mount at selector #test-component</a>
+
+<a href='#' onClick="ReactRailsUJS.unmountComponents(document.querySelector('#test-component'))">Unmount at node #test-component</a>
+<a href='#' onClick="ReactRailsUJS.mountComponents(document.querySelector('#test-component'))">Mount at node #test-component</a>

test/react/rails/view_helper_test.rb

@@ -87,14 +87,25 @@ class ViewHelperTest < ActionDispatch::IntegrationTest
     assert page.has_content?('Hello Bob')
   end
 
-  test 'react_ujs can unount at node' do
+  test 'react_ujs can unmount/mount using a selector reference' do
     visit '/pages/1'
     assert page.has_content?('Hello Bob')
 
-    page.click_link 'Unmount at #test-component'
+    page.click_link "Unmount at selector #test-component"
     assert page.has_no_content?('Hello Bob')
 
-    page.click_link 'Mount at #test-component'
+    page.click_link "Mount at selector #test-component"
+    assert page.has_content?('Hello Bob')
+  end
+
+  test 'react_ujs can unmount/mount using a dom node context' do
+    visit '/pages/1'
+    assert page.has_content?('Hello Bob')
+
+    page.click_link "Unmount at node #test-component"
+    assert page.has_no_content?('Hello Bob')
+
+    page.click_link "Mount at node #test-component"
     assert page.has_content?('Hello Bob')
   end