test: improve plugin layout test

0x-leen · Aug 15, 2021 · 3c9dccd · 3c9dccd
1 parent bfe4f82
commit 3c9dccd
Show file tree

Hide file tree

Showing 6 changed files with 177 additions and 346 deletions.
diff --git a/examples/example-react/src/pages/Flex.tsx b/examples/example-react/src/pages/Flex.tsx
@@ -144,7 +144,14 @@ export default () => {
       </Box>
 
       <Box as="h2">wrap</Box>
-      <Box spaceX3 row flexWrap="wrap">
+      <Box spaceX3 row flexWrap>
+        <Box bgOrange400 m2 p4 w-300></Box>
+        <Box bgOrange500 m2 p4 w-300></Box>
+        <Box bgOrange400 m2 p4 w-300></Box>
+      </Box>
+
+      <Box as="h2">wrap reverse</Box>
+      <Box spaceX3 row flexWrapReverse>
         <Box bgOrange400 m2 p4 w-300></Box>
         <Box bgOrange500 m2 p4 w-300></Box>
         <Box bgOrange400 m2 p4 w-300></Box>

diff --git a/examples/example-react/src/pages/Layout.tsx b/examples/example-react/src/pages/Layout.tsx
@@ -1,6 +1,14 @@
 import { Box } from '@fower/react';
 
 export default () => {
+  return (
+    <Box h-240 textXS debugChildren debug row toLeft>
+      <Box square-100 selfBottom>
+        AAA
+      </Box>
+      <Box square-100>BBB</Box>
+    </Box>
+  );
   return (
     <Box cursorPointer>
       <Box>row toLeft</Box>