fix(tests): add disableTransitionProps

Author: shanejonas

src/ExamplePairings/ExamplePairings.test.tsx

@@ -20,18 +20,22 @@ it("renders empty with no example", () => {
 
 it("renders empty with empty example", () => {
   const div = document.createElement("div");
-  ReactDOM.render(<ExamplePairings examples={[]}/>, div);
+  ReactDOM.render(<ExamplePairings examples={[]} />, div);
   expect(div.innerHTML).toBe("");
   ReactDOM.unmountComponentAtNode(div);
 });
 
 it("renders examples", async () => {
   const div = document.createElement("div");
   const simpleMath = await refParser.dereference(examples.simpleMath) as OpenRPC;
-  ReactDOM.render(<ExamplePairings examples={simpleMath.methods[0].examples as ExamplePairingObject[]} />, div);
+  ReactDOM.render(
+    <ExamplePairings
+      method={simpleMath.methods[0]}
+      examples={simpleMath.methods[0].examples as ExamplePairingObject[]
+    } />
+  , div);
   expect(div.innerHTML.includes("simpleMathAdditionTwo")).toBe(true);
   expect(div.innerHTML.includes("2")).toBe(true);
   expect(div.innerHTML.includes("4")).toBe(true);
-  expect(div.innerHTML.includes("8")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });

src/Methods/Methods.test.tsx

@@ -39,7 +39,7 @@ it("renders schema methods name", () => {
       },
     ],
   };
-  ReactDOM.render(<Methods schema={schema as any}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("get_pet")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });
@@ -61,7 +61,7 @@ it("renders schema plugin", () => {
     );
   };
 
-  ReactDOM.render(<Methods schema={schema as any} methodPlugins={[TestComponent]}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} methodPlugins={[TestComponent]} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("get_pet")).toBe(true);
   expect(div.innerHTML.includes("Plugin Test")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
@@ -79,7 +79,7 @@ it("renders schema methods summary", () => {
       },
     ],
   };
-  ReactDOM.render(<Methods schema={schema as any}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("a short summary")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });
@@ -93,7 +93,7 @@ it("renders schema methods description", () => {
       },
     ],
   } as OpenRPC;
-  ReactDOM.render(<Methods schema={schema}/>, div);
+  ReactDOM.render(<Methods schema={schema} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("verbose get_pet description")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });
@@ -109,7 +109,7 @@ it("renders schema methods params", () => {
       },
     ],
   };
-  ReactDOM.render(<Methods schema={schema as any}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("foobarz")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });
@@ -141,7 +141,7 @@ it("renders schema methods result", () => {
       },
     ],
   };
-  ReactDOM.render(<Methods schema={schema as any}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("name")).toBe(true);
   expect(div.innerHTML.includes("tag")).toBe(true);
   expect(div.innerHTML.includes("id")).toBe(true);
@@ -213,7 +213,7 @@ it("renders schema methods tags", () => {
       },
     ],
   };
-  ReactDOM.render(<Methods schema={schema as any}/>, div);
+  ReactDOM.render(<Methods schema={schema as any} disableTransitionProps={true}/>, div);
   expect(div.innerHTML.includes("tag3")).toBe(true);
   expect(div.innerHTML.includes("tag4")).toBe(true);
   expect(div.innerHTML.includes("salad")).toBe(true);

src/Methods/Methods.tsx

@@ -50,11 +50,12 @@ interface IProps extends WithStyles<typeof styles> {
   uiSchema?: any;
   reactJsonOptions?: object;
   methodPlugins?: Array<React.FC<IMethodPluginProps>>;
+  disableTransitionProps?: boolean;
 }
 
 class Methods extends Component<IProps> {
   public render() {
-    const { schema, classes, uiSchema } = this.props;
+    const { schema, classes, uiSchema, disableTransitionProps } = this.props;
     if (!schema) {
       return null;
     }
@@ -67,7 +68,7 @@ class Methods extends Component<IProps> {
         {schema.methods.map((method, i) => (
           <ExpansionPanel
             key={i + method.name}
-            TransitionProps={{unmountOnExit: true}}
+            TransitionProps={{unmountOnExit: disableTransitionProps ? false : true}}
             defaultExpanded={uiSchema && uiSchema.methods["ui:defaultExpanded"]}
           >
             <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>