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(); + }); });