Changes after PR comments

public/app/features/alerting/TestRuleButton.tsx

@@ -15,10 +15,10 @@ interface State {
 }
 }
 
 
 export class TestRuleButton extends PureComponent<Props, State> {
 export class TestRuleButton extends PureComponent<Props, State> {
-  constructor(props) {
-    super(props);
-    this.state = { isLoading: false, testRuleResponse: {} };
-  }
+  readonly state: State = {
+    isLoading: false,
+    testRuleResponse: {},
+  };
 
 
   componentDidMount() {
   componentDidMount() {
     this.testRule();
     this.testRule();
@@ -39,10 +39,6 @@ export class TestRuleButton extends PureComponent<Props, State> {
       return <LoadingPlaceholder text="Evaluating rule" />;
       return <LoadingPlaceholder text="Evaluating rule" />;
     }
     }
 
 
-    return (
-      <>
-        <JSONFormatter json={testRuleResponse} />
-      </>
-    );
+    return <JSONFormatter json={testRuleResponse} />;
   }
   }
 }
 }

public/app/features/alerting/__snapshots__/TestRuleButton.test.tsx.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 
 exports[`Render should render component 1`] = `
 exports[`Render should render component 1`] = `
-<Fragment>
-  <JSONFormatter
+<JSONFormatter
   config={
   config={
     Object {
     Object {
       "animateOpen": true,
       "animateOpen": true,
@@ -10,6 +9,5 @@ exports[`Render should render component 1`] = `
   }
   }
   json={Object {}}
   json={Object {}}
   open={3}
   open={3}
-  />
-</Fragment>
+/>
 `;
 `;

public/app/features/dashboard/dashgrid/EditorTabBody.tsx

@@ -52,7 +52,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
   onToggleToolBarView = (item: EditorToolbarView) => {
   onToggleToolBarView = (item: EditorToolbarView) => {
     this.setState({
     this.setState({
       openView: item,
       openView: item,
-      isOpen: this.state.openView !== item ? true : !this.state.isOpen,
+      isOpen: this.state.openView !== item || !this.state.isOpen,
     });
     });
   };
   };