UIIN-2497 After creating a fast add instance record, only an empty de…

…tail view is displayed (third column) (#2331)

* UIIN-2497 Show Instance record after creating with Fast add option

* UIIN-2497 Added tests for fast add record redirect

CHANGELOG.md

@@ -6,6 +6,7 @@
 * Make Inventory search and browse query boxes expandable. Refs UIIN-2493.
 * Added support for `containsAny` match option in Advanced search. Refs UIIN-2486.
 * Inventory search/browse: Do not retain checkbox selections when toggling search segment. Refs UIIN-2477.
+* Show Instance record after creating with Fast add option. Refs UIIN-2497.
 
 ## [10.0.3] IN PROGRESS
 

src/components/InstancesList/InstancesList.js

@@ -544,7 +544,19 @@ class InstancesList extends React.Component {
     }
   }
 
-  toggleNewFastAddModal = () => {
+  toggleNewFastAddModal = ({ instanceRecord }) => {
+    const {
+      history,
+      location,
+    } = this.props;
+
+    if (instanceRecord?.id) {
+      history.push({
+        pathname: `/inventory/view/${instanceRecord.id}`,
+        search: location.search,
+      });
+    }
+
     this.setState((state) => {
       return { showNewFastAddModal: !state.showNewFastAddModal };
     });

src/components/InstancesList/InstancesList.test.js

@@ -47,6 +47,16 @@ jest.mock('../../hooks', () => ({
   }),
 }));
 
+jest.mock('@folio/stripes/core', () => ({
+  ...jest.requireActual('@folio/stripes/core'),
+  Pluggable: ({ renderTrigger, onClose }) => (
+    <>
+      {renderTrigger()}
+      <button type="button" onClick={() => onClose({ instanceRecord: { id: 'fast-add-record-id' } })}>Save & close</button>
+    </>
+  ),
+}));
+
 const data = {
   contributorTypes: [],
   contributorNameTypes: [],
@@ -331,6 +341,33 @@ describe('InstancesList', () => {
         });
       });
 
+      describe('"New Fast Add record" button', () => {
+        it('should render', () => {
+          renderInstancesList({ segment: 'instances' });
+          openActionMenu();
+
+          expect(screen.getByRole('button', { name: 'New Fast Add Record' })).toBeInTheDocument();
+        });
+
+        describe('when saving the record', () => {
+          it('should redirect to new Instance record', async () => {
+            jest.spyOn(history, 'push');
+            renderInstancesList({ segment: 'instances' });
+            openActionMenu();
+
+            const button = screen.getByRole('button', { name: 'New Fast Add Record' });
+
+            fireEvent.click(button);
+            fireEvent.click(screen.getByText('Save & close'));
+
+            expect(history.push).toHaveBeenCalledWith({
+              pathname: '/inventory/view/fast-add-record-id',
+              search: '',
+            });
+          });
+        });
+      });
+
       describe('"New MARC Bib Record" button', () => {
         it('should render', () => {
           renderInstancesList({ segment: 'instances' });