diff --git a/CHANGELOG.md b/CHANGELOG.md
index fcb4ca106..d9cf2d0c5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,8 @@
* UX consistency: Use Save & close button label stripes-component translation key. Refs UIU-3078.
* Fix two "triangle down" icons in select element of "Copy existing fee/fine owner table entries" modal. Refs UIU-2929.
-* Fix incorrect translation key having count-disagreements in Pay fees/fines modal in Fees/Fines Page. Refs - UIU-1097.
+* Fix incorrect translation key having count-disagreements in Pay fees/fines modal in Fees/Fines Page. Refs UIU-1097.
+* Reading Room Access accordion in User record - Basic Layout. Refs UIU-3096.
## [10.1.0](https://github.com/folio-org/ui-users/tree/v10.1.0) (2024-03-20)
[Full Changelog](https://github.com/folio-org/ui-users/compare/v10.0.4...v10.1.0)
diff --git a/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.js b/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.js
index c66b04004..ea17a77e3 100644
--- a/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.js
+++ b/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.js
@@ -56,7 +56,8 @@ const ReadingRoomAccess = (props) => {
// userId,
} = props;
- const filterReadingRoomsByName = (name) => {
+ const filterReadingRoomsByName = (e) => {
+ const name = e.target.value;
const filteredRRs = mockedRRAData.filter(r => r.readingRoomName.includes(name));
setFilteredRRA(filteredRRs);
};
diff --git a/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.test.js b/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.test.js
index 2ce821c01..5526a3a9b 100644
--- a/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.test.js
+++ b/src/components/UserDetailSections/ReadingRoomAccess/ReadingRoomAccess.test.js
@@ -1,4 +1,4 @@
-import { screen, render } from '@folio/jest-config-stripes/testing-library/react';
+import { screen, render, fireEvent } from '@folio/jest-config-stripes/testing-library/react';
import ReadingRoomAccess from './ReadingRoomAccess';
@@ -42,4 +42,11 @@ describe('ReadingRoomAccess', () => {
render();
expect(screen.getByPlaceholderText('ui-users.readingRoom.filter')).toBeDefined();
});
+
+ it('should filter MCL records "Name" column, based on the string entered in search box', () => {
+ render();
+ const inputEl = screen.getByPlaceholderText('ui-users.readingRoom.filter');
+ fireEvent.change(inputEl, { target: { value: '1' } });
+ expect(screen.getByTestId('reading-room-access-mcl')).toBeDefined();
+ });
});