diff --git a/backlog/completed/task-285 - Rename-anime-visibility-filter-heading-to-title-visibility.md b/backlog/completed/task-285 - Rename-anime-visibility-filter-heading-to-title-visibility.md new file mode 100644 index 00000000..86cddba9 --- /dev/null +++ b/backlog/completed/task-285 - Rename-anime-visibility-filter-heading-to-title-visibility.md @@ -0,0 +1,34 @@ +--- +id: TASK-285 +title: Rename anime visibility filter heading to title visibility +status: Done +assignee: + - codex +created_date: '2026-04-10 00:00' +updated_date: '2026-04-10 00:00' +labels: + - stats + - ui + - bug +milestone: m-1 +dependencies: [] +references: + - stats/src/components/trends/TrendsTab.tsx + - stats/src/components/trends/TrendsTab.test.tsx +priority: low +ordinal: 200000 +--- + +## Description + + +Align the library cumulative trends filter UI with the new terminology by renaming the hardcoded anime visibility heading to title visibility. + + +## Acceptance Criteria + + +- [x] #1 The trends filter heading uses `Title Visibility` +- [x] #2 The component behavior and props stay unchanged +- [x] #3 A regression test covers the rendered heading text + diff --git a/stats/src/components/trends/TrendsTab.test.tsx b/stats/src/components/trends/TrendsTab.test.tsx new file mode 100644 index 00000000..708ad909 --- /dev/null +++ b/stats/src/components/trends/TrendsTab.test.tsx @@ -0,0 +1,19 @@ +import assert from 'node:assert/strict'; +import test from 'node:test'; +import { renderToStaticMarkup } from 'react-dom/server'; +import { AnimeVisibilityFilter } from './TrendsTab'; + +test('AnimeVisibilityFilter uses title visibility wording', () => { + const markup = renderToStaticMarkup( + {}} + onHideAll={() => {}} + onToggleAnime={() => {}} + />, + ); + + assert.match(markup, /Title Visibility/); + assert.doesNotMatch(markup, /Anime Visibility/); +}); diff --git a/stats/src/components/trends/TrendsTab.tsx b/stats/src/components/trends/TrendsTab.tsx index df5baa83..abfbf884 100644 --- a/stats/src/components/trends/TrendsTab.tsx +++ b/stats/src/components/trends/TrendsTab.tsx @@ -29,7 +29,7 @@ interface AnimeVisibilityFilterProps { onToggleAnime: (title: string) => void; } -function AnimeVisibilityFilter({ +export function AnimeVisibilityFilter({ animeTitles, hiddenAnime, onShowAll, @@ -45,7 +45,7 @@ function AnimeVisibilityFilter({

- Anime Visibility + Title Visibility

Shared across all anime trend charts. Default: show everything.