added isolate root element

Author: jonasjabari

app/concepts/matestack/ui/core/isolate/children_wrapper.haml

@@ -0,0 +1,2 @@
+%div{@tag_attributes.merge(class: "matestack-isolated-component-root")}
+  =yield

app/concepts/matestack/ui/core/isolate/isolate.rb

@@ -40,7 +40,11 @@ def show
 
     # this method gets called when the isolate vuejs component requests isolated content
     def render_isolated_content
-      render :children if authorized?
+      if authorized?
+        render :children_wrapper do
+          render :children
+        end
+      end
     end
 
     def authorized?

spec/test/components/dynamic/isolate/isolate_spec.rb

@@ -70,10 +70,10 @@ def response
 
     visit "/example"
     # used on page
-    expect(page).to have_xpath('//div[@id="page-div"]/div[@class="matestack-isolated-component-container"]/div[@class="matestack-isolated-component-wrapper"]/div[@class="some-isolated-component"]/span[@id="text" and contains(.,"some isolated compenent")]')
+    expect(page).to have_xpath('//div[@id="page-div"]/div[@class="matestack-isolated-component-container"]/div[@class="matestack-isolated-component-wrapper"]/div[@class="matestack-isolated-component-root"]/div[@class="some-isolated-component"]/span[@id="text" and contains(.,"some isolated compenent")]')
 
     # used on component
-    expect(page).to have_xpath('//div[@id="page-div"]/div[@class="some-other-component"]/div[@class="matestack-isolated-component-container"]/div[@class="matestack-isolated-component-wrapper"]/div[@class="some-isolated-component"]/span[@id="text" and contains(.,"some isolated compenent")]')
+    expect(page).to have_xpath('//div[@id="page-div"]/div[@class="some-other-component"]/div[@class="matestack-isolated-component-container"]/div[@class="matestack-isolated-component-wrapper"]/div[@class="matestack-isolated-component-root"]/div[@class="some-isolated-component"]/span[@id="text" and contains(.,"some isolated compenent")]')
 
   end