Update AddResultButton to open flyout

elastic · Mar 18, 2021 · a2fc5c5 · a2fc5c5
1 parent a624858
commit a2fc5c5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/.../applications/app_search/components/curations/curation/results/add_result_button.test.tsx b/.../applications/app_search/components/curations/curation/results/add_result_button.test.tsx
@@ -5,6 +5,8 @@
  * 2.0.
  */
 
+import { setMockActions } from '../../../../../__mocks__';
+
 import React from 'react';
 
 import { shallow, ShallowWrapper } from 'enzyme';
@@ -14,9 +16,14 @@ import { EuiButton } from '@elastic/eui';
 import { AddResultButton } from './';
 
 describe('AddResultButton', () => {
+  const actions = {
+    openFlyout: jest.fn(),
+  };
+
   let wrapper: ShallowWrapper;
 
   beforeAll(() => {
+    setMockActions(actions);
     wrapper = shallow(<AddResultButton />);
   });
 
@@ -26,6 +33,6 @@ describe('AddResultButton', () => {
 
   it('opens the add result flyout on click', () => {
     wrapper.find(EuiButton).simulate('click');
-    // TODO: assert on logic action
+    expect(actions.openFlyout).toHaveBeenCalled();
   });
 });
diff --git a/...ublic/applications/app_search/components/curations/curation/results/add_result_button.tsx b/...ublic/applications/app_search/components/curations/curation/results/add_result_button.tsx
@@ -7,12 +7,18 @@
 
 import React from 'react';
 
+import { useActions } from 'kea';
+
 import { EuiButton } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
+import { AddResultLogic } from './';
+
 export const AddResultButton: React.FC = () => {
+  const { openFlyout } = useActions(AddResultLogic);
+
   return (
-    <EuiButton onClick={() => {} /* TODO */} iconType="plusInCircle" size="s" fill>
+    <EuiButton onClick={openFlyout} iconType="plusInCircle" size="s" fill>
       {i18n.translate('xpack.enterpriseSearch.appSearch.engine.curations.addResult.buttonLabel', {
         defaultMessage: 'Add result manually',
       })}