diff options
Diffstat (limited to 'src/lib/components/topic_summary')
| -rw-r--r-- | src/lib/components/topic_summary/topic_summary.svelte | 16 | ||||
| -rw-r--r-- | src/lib/components/topic_summary/topic_summary.test.ts | 53 |
2 files changed, 34 insertions, 35 deletions
diff --git a/src/lib/components/topic_summary/topic_summary.svelte b/src/lib/components/topic_summary/topic_summary.svelte index bfcf8ab..39dad08 100644 --- a/src/lib/components/topic_summary/topic_summary.svelte +++ b/src/lib/components/topic_summary/topic_summary.svelte @@ -9,14 +9,16 @@ </script> <li class="h-entry" title={$_('topic.title')}> - <span class="p-name"> - <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}"> - {topic.title} - </a></span> - <span class="topic-ttl">({$_('topic.remaining_time', { + <span class="p-name"> + <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}"> + {topic.title} + </a></span + > + <span class="topic-ttl" + >({$_('topic.remaining_time', { values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } - })}) - </span> + })}) + </span> </li> <style> diff --git a/src/lib/components/topic_summary/topic_summary.test.ts b/src/lib/components/topic_summary/topic_summary.test.ts index a4c46bf..f178c89 100644 --- a/src/lib/components/topic_summary/topic_summary.test.ts +++ b/src/lib/components/topic_summary/topic_summary.test.ts @@ -10,38 +10,35 @@ import '$lib/i18n'; import TopicSummary from './topic_summary.svelte'; const internals = { - results: null + results: null }; describe('Topic Summary component', () => { + beforeEach(() => { + internals.results = render(TopicSummary, { + props: { + topic: { + id: 'ea2431c8-5c1c-4ed0-907a-45e012696ab8', + title: 'I sure am a test topic', + ttl: 160 * 1000, + updated_at: Date.now() + } + } + }); + }); - beforeEach(() => { + test('It should display the title', () => { + expect(internals.results.getByText('I sure am a test topic')).toBeVisible(); + }); - internals.results = render(TopicSummary, { props: { - topic: { - id: 'ea2431c8-5c1c-4ed0-907a-45e012696ab8', - title: 'I sure am a test topic', - ttl: 160 * 1000, - updated_at: Date.now() - } - } }); - }); + test('Topic title should be a permalink', () => { + expect(internals.results.getByText('I sure am a test topic').closest('a')).toHaveAttribute( + 'href', + '/t/ea2431c8-5c1c-4ed0-907a-45e012696ab8' + ); + }); - test('It should display the title', () => { - - expect(internals.results.getByText('I sure am a test topic')) - .toBeVisible(); - }); - - test('Topic title should be a permalink', () => { - - expect(internals.results.getByText('I sure am a test topic').closest('a')) - .toHaveAttribute('href', '/t/ea2431c8-5c1c-4ed0-907a-45e012696ab8'); - }); - - test('It should display remaining time in readable format', () => { - - expect(internals.results.getByText(/2 minutes remaining/)) - .toBeVisible(); - }); + test('It should display remaining time in readable format', () => { + expect(internals.results.getByText(/2 minutes remaining/)).toBeVisible(); + }); }); |