fix application leak tooltip (#3117)

diff --git a/server/sonar-web/src/main/js/apps/overview/components/ApplicationLeakPeriodLegend.tsx b/server/sonar-web/src/main/js/apps/overview/components/ApplicationLeakPeriodLegend.tsx
index 55d8c5082ceebecb3296067267a1c33451fb22bc..6045dd6871d369e0694e703ddcf9df1fbe03854a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/components/ApplicationLeakPeriodLegend.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/components/ApplicationLeakPeriodLegend.tsx
@@ -50,7 +50,7 @@ export default class ApplicationLeakPeriodLegend extends React.Component<Props,
   }
 
   fetchLeaks = (visible: boolean) => {
-    if (visible && this.state.leaks) {
+    if (visible && !this.state.leaks) {
       getApplicationLeak(this.props.component).then(
         leaks => {
           if (this.mounted) {

diff --git a/server/sonar-web/src/main/js/apps/overview/components/__tests__/ApplicationLeakPeriodLegend-test.tsx b/server/sonar-web/src/main/js/apps/overview/components/__tests__/ApplicationLeakPeriodLegend-test.tsx
index ee95828e890bb325d2d0527314679d00a29e1f30..42b2caeb24935f006cb03d343e146b4753b05247 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/components/__tests__/ApplicationLeakPeriodLegend-test.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/components/__tests__/ApplicationLeakPeriodLegend-test.tsx
@@ -20,15 +20,22 @@
 import * as React from 'react';
 import { shallow } from 'enzyme';
 import ApplicationLeakPeriodLegend from '../ApplicationLeakPeriodLegend';
+import { waitAndUpdate } from '../../../../helpers/testUtils';
 
-it('renders', () => {
-  const wrapper = shallow(<ApplicationLeakPeriodLegend component="foo" />);
-  expect(wrapper).toMatchSnapshot();
-  wrapper.setState({
-    leaks: [
+jest.mock('../../../../api/application', () => ({
+  getApplicationLeak: jest.fn(() =>
+    Promise.resolve([
       { date: '2017-01-01T11:39:03+0100', project: 'foo', projectName: 'Foo' },
       { date: '2017-02-01T11:39:03+0100', project: 'bar', projectName: 'Bar' }
-    ]
-  });
+    ])
+  )
+}));
+
+it('renders', async () => {
+  const wrapper = shallow(<ApplicationLeakPeriodLegend component="foo" />);
+  expect(wrapper).toMatchSnapshot();
+
+  wrapper.find('Tooltip').prop<Function>('onVisibleChange')(true);
+  await waitAndUpdate(wrapper);
   expect(wrapper).toMatchSnapshot();
 });