add test for the select agreement button

src/components/views/Basket/Basket.js

@@ -8,14 +8,12 @@ import { useOkapiKy } from '@folio/stripes/core';
 
 import {
   Button,
-  Col,
   IconButton,
   Layout,
   MessageBanner,
   Pane,
   PaneMenu,
   Paneset,
-  Row,
 } from '@folio/stripes/components';
 
 import { AGREEMENT_ENDPOINT } from '../../../constants';
@@ -202,14 +200,8 @@ const Basket = ({
             selectedItems={selectedItems}
           />
           <Layout className="marginTop1">
-            <Row>
-              <Col xs={3}>
-                {renderAddToAgreementButton()}
-              </Col>
-              <Col xs={3}>
-                {renderCreateAgreementButton()}
-              </Col>
-            </Row>
+            {renderCreateAgreementButton()}
+            {renderAddToAgreementButton()}
           </Layout>
         </div>
       </Pane>

src/components/views/Basket/Basket.test.js

@@ -1,5 +1,4 @@
 import { MemoryRouter } from 'react-router-dom';
-
 import { useMutation } from 'react-query';
 
 import { waitFor } from '@folio/jest-config-stripes/testing-library/react';
@@ -17,6 +16,7 @@ import translationsProperties from '../../../../test/helpers';
 import { data, handlers } from './testResources';
 
 jest.mock('../../BasketList', () => () => <div>BasketList</div>);
+jest.mock('../../AgreementSearchButton', () => () => <div>AgreementSearchButton</div>);
 
 /* EXAMPLE Mocking useMutation to allow us to test the .then clause */
 // Setting up jest fn here to test paramters passed in by component
@@ -85,4 +85,9 @@ describe('Basket', () => {
       await Button('Create new agreement').click();
     });
   });
+
+  it('renders the AgreementSearchButton component', () => {
+    const { getByText } = renderComponent;
+    expect(getByText('AgreementSearchButton')).toBeInTheDocument();
+  });
 });