fix test

microsoft · Jul 26, 2023 · a32e6b5 · a32e6b5
1 parent f522053
commit a32e6b5
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx b/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx
@@ -486,9 +486,6 @@ const AutoSizeAsyncContent = () => {
     overflowBoundary,
   });
 
-  const [isLoaded, setLoaded] = React.useState(false);
-  const onLoaded = () => setLoaded(true);
-
   return (
     <div
       ref={setOverflowBoundary}
@@ -503,21 +500,26 @@ const AutoSizeAsyncContent = () => {
     >
       <button ref={targetRef}>Target</button>
       <Box ref={containerRef} style={{ overflow: 'auto', border: '3px solid green' }}>
-        {isLoaded ? (
-          <span id="full-content">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-            dolore magna aliqua. In fermentum et sollicitudin ac orci phasellus egestas. Facilisi cras fermentum odio eu
-            feugiat pretium nibh ipsum consequat.
-          </span>
-        ) : (
-          <button id="load-content" onClick={onLoaded}>
-            load
-          </button>
-        )}
+        <AsyncFloatingContent />
       </Box>
     </div>
   );
 };
+const AsyncFloatingContent = () => {
+  const [isLoaded, setLoaded] = React.useState(false);
+  const onLoaded = () => setLoaded(true);
+  return isLoaded ? (
+    <span id="full-content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+      magna aliqua. In fermentum et sollicitudin ac orci phasellus egestas. Facilisi cras fermentum odio eu feugiat
+      pretium nibh ipsum consequat.
+    </span>
+  ) : (
+    <button id="load-content" onClick={onLoaded}>
+      load
+    </button>
+  );
+};
 
 const AutoSizeUpdatePosition = () => {
   const styles = useStyles();