Fix scrollbars visual test

Author: DanielleHuisman

packages/leptos/tests/visual/src/spec/hide.rs

@@ -96,8 +96,6 @@ pub fn Hide() -> impl IntoView {
         move || hide_data().map_or(false, |data| data.reference_hidden.unwrap_or(false));
     let escaped = move || hide_data().map_or(false, |data| data.escaped.unwrap_or(false));
 
-    // let hierarchy_update = update.clone();
-
     let UseScrollReturn {
         scroll_ref,
         indicator,
@@ -339,6 +337,7 @@ pub fn Hide() -> impl IntoView {
                                 log::info!("set hierarchy {:?}", local_hierarchy);
                                 set_hierarchy(local_hierarchy);
 
+                                // Match React test behaviour
                                 if ['j', 'm', 'k', 'l'].contains(&local_hierarchy) {
                                     update_scroll();
                                 }

packages/leptos/tests/visual/src/spec/scrollbars.rs

@@ -22,7 +22,9 @@ pub fn Scrollbars() -> impl IntoView {
     ))];
 
     let UseFloatingReturn {
-        floating_styles,
+        x,
+        y,
+        strategy,
         update,
         ..
     } = use_floating(
@@ -50,7 +52,15 @@ pub fn Scrollbars() -> impl IntoView {
             <div _ref=reference_ref class="reference">
                 Reference
             </div>
-            <div _ref=floating_ref class="floating" style=move || format!("{} width: {}px; height: {}px;", String::from(floating_styles()), size(), size())>
+            <div
+                _ref=floating_ref
+                class="floating"
+                style:position=move || format!("{:?}", strategy()).to_lowercase()
+                style:top=move || format!("{}px", y())
+                style:left=move || format!("{}px", x())
+                style:width=move || format!("{}px", size())
+                style:height=move || format!("{}px", size())
+            >
                 Floating
             </div>
         </div>