CMU-313 / nodebb-spring-26-tigers / 22510696586

79%

push

github

feat: add client-side search filtering to category topic lists

Context
This PR introduces a search bar on category pages that filters topics on the client-side as the user types.

Description
When a user navigates to a category page, a new search input is available in the topic list header. Typing into this input automatically hides topics whose titles don't match the query string. The search query string also securely persists across category navigation using the browser's sessionStorage.

Changes
Added an input search element to the topic list header in vendor/nodebb-theme-harmony-2.1.35/templates/partials/topic-list-bar.tpl
Added client-side filtering and memory logic hooked to action:ajaxify.end in
vendor/nodebb-theme-harmony-2.1.35/public/harmony.js
Added rudimentary assert-based search filtering tests in
test/category-search.js

Testing
Added lightweight client-side equivalent tests to
test/category-search.js and checked whether they correctly simulated the filtering behavior of hiding un-matched topic array titles, passing without breaking the npm run test chain.
Manually tested in the browser by typing strings into the newly created search bar to filter category topics, and clicking into other categories to visibly verify that the query term remained in the input and continued filtering successfully.

11719 of 16717 branches covered (70.1%)

Branch coverage included in aggregate %.

25593 of 30602 relevant lines covered (83.63%)

1484.41 hits per line