test: test nested moveable

daybrush · daybrush · commit 89f1be148cd4 · 2022-08-15T01:29:25.000+09:00
diff --git a/packages/react-moveable/stories/99-Tests/Deafult.stories.tsx b/packages/react-moveable/stories/99-Tests/Deafult.stories.tsx
@@ -1,7 +1,7 @@
 import { makeStoryGroup } from "../utils/story";
 
 
-const group = makeStoryGroup("Test Codes", module);
+const group = makeStoryGroup("Variable Situations", module);
 
 
 group.add("No Target", {
@@ -49,3 +49,11 @@ group.add("Stop drag if target is select, input, textarea", {
     app: require("./ReactStopDragApp").default,
     text: require("!!raw-loader!./ReactStopDragApp").default,
 });
+group.add("Stop Click event's Propagation for dragStart", {
+    app: require("./ReactClickApp").default,
+    text: require("!!raw-loader!./ReactClickApp").default,
+});
+group.add("Nested Moveable's target", {
+    app: require("./ReactNestedTargetApp").default,
+    text: require("!!raw-loader!./ReactNestedTargetApp").default,
+});
diff --git a/packages/react-moveable/stories/99-Tests/ReactClickApp.tsx b/packages/react-moveable/stories/99-Tests/ReactClickApp.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import Moveable from "../../../src/react-moveable";
+import Moveable from "../../src/react-moveable";
 
 export default function App(props: Record<string, any>) {
     const targetRef = React.useRef<HTMLDivElement>(null);
diff --git a/packages/react-moveable/stories/99-Tests/ReactNestedTargetApp.tsx b/packages/react-moveable/stories/99-Tests/ReactNestedTargetApp.tsx
@@ -0,0 +1,35 @@
+import * as React from "react";
+import Moveable from "../../src/react-moveable";
+
+export default function App(props: Record<string, any>) {
+
+    return (
+        <div className="root">
+            <div className="container">
+                <div className="target target1">
+                    Target
+                    <div className="target target2">
+                        Target
+                    
+                    </div>    
+                </div>
+                <Moveable
+                    target=".target1"
+                    draggable={true}
+                    stopPropagation={true}
+                    onDrag={e => {
+                        e.target.style.transform = e.transform;
+                    }}
+                />
+                <Moveable
+                    target=".target2"
+                    draggable={true}
+                    stopPropagation={true}
+                    onDrag={e => {
+                        e.target.style.transform = e.transform;
+                    }}
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/packages/react-moveable/stories/9Z-etc/0-Default.stories.tsx b/packages/react-moveable/stories/9Z-etc/0-Default.stories.tsx
@@ -6,7 +6,6 @@ export default {
 };
 export * from "./1-ZoomInZoomOut.stories";
 export * from "./2-ZoomGroup.stories";
-export * from "./4-Click.stories";
 export * from "./5-RotateClippable.stories";
 // export * from "./6-Select.stories";
 export * from "./8-SetRotation.stories";
diff --git a/packages/react-moveable/stories/9Z-etc/4-Click.stories.tsx b/packages/react-moveable/stories/9Z-etc/4-Click.stories.tsx
