diff --git a/client/app/scripts/reducers/__tests__/root-test.js b/client/app/scripts/reducers/__tests__/root-test.js index 704b7c920a..8dc0d130ab 100644 --- a/client/app/scripts/reducers/__tests__/root-test.js +++ b/client/app/scripts/reducers/__tests__/root-test.js @@ -463,4 +463,9 @@ describe('RootReducer', () => { expect(nextState.get('nodeDetails').size).toEqual(1); expect(nextState.get('currentTopology').get('name')).toBe('Topo2'); }); + it('closes the help dialog if the canvas is clicked', () => { + let nextState = initialState.set('showingHelp', true); + nextState = reducer(nextState, { type: ActionTypes.CLICK_BACKGROUND }); + expect(nextState.get('showingHelp')).toBe(false); + }); }); diff --git a/client/app/scripts/reducers/root.js b/client/app/scripts/reducers/root.js index 13f60fb4bf..3cb427f920 100644 --- a/client/app/scripts/reducers/root.js +++ b/client/app/scripts/reducers/root.js @@ -186,6 +186,9 @@ export function rootReducer(state = initialState, action) { } case ActionTypes.CLICK_BACKGROUND: { + if (state.get('showingHelp')) { + state = state.set('showingHelp', false); + } return closeAllNodeDetails(state); }