aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/topic_summary
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/components/topic_summary')
-rw-r--r--src/lib/components/topic_summary/topic_summary.svelte16
-rw-r--r--src/lib/components/topic_summary/topic_summary.test.ts53
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();
+ });
});