feat(Codecov): add test search bar with dynamic title to TA page

[adrianviquez]

This PR adds a search bar with dynamic title to the TA page. This component mainly changes the url to add the term key, but this PR doesn't clal the API directly as that part needs to be implemented.

Notes

• Add TestSearchBar component and add it to the tests page
• Expose totalCount from the test results endpoint

[cursor]

Bug: Debounce Function Recreated Due to Incorrect Dependency

The useMemo hook for the handleSearchChange function incorrectly includes searchParams in its dependency array. As searchParams is a new object on each render (especially after URL updates), the debounced function is recreated. This recreation cancels any pending debounced calls, defeating the purpose of debouncing and causing search input to be lost or executed immediately instead of after the intended 500ms delay. The dependency array should only include setSearchParams to maintain proper debounce behavior.

static/app/views/codecov/tests/testSearchBar/testSearchBar.tsx#L32-L47

sentry/static/app/views/codecov/tests/testSearchBar/testSearchBar.tsx

Lines 32 to 47 in 254eb77

	const handleSearchChange = useMemo(
	() =>
	debounce((newValue: string) => {
	const currentParams = Object.fromEntries(searchParams.entries());
	if (newValue) {
	currentParams.term = newValue;
	} else {
	delete currentParams.term;
	}
	setSearchParams(currentParams);
	}, 500),
	[setSearchParams, searchParams]
	);

Fix in Cursor • Fix in Web

---

Was this report helpful? Give feedback by reacting with 👍 or 👎