diff options
Diffstat (limited to 'src/components/topic_summary')
| -rw-r--r-- | src/components/topic_summary/.topic_summary.svelte.icloud | bin | 0 -> 170 bytes | |||
| -rw-r--r-- | src/components/topic_summary/.topic_summary.test.js.icloud | bin | 0 -> 171 bytes | |||
| -rw-r--r-- | src/components/topic_summary/topic_summary.svelte | 23 | ||||
| -rw-r--r-- | src/components/topic_summary/topic_summary.test.js | 43 |
4 files changed, 0 insertions, 66 deletions
diff --git a/src/components/topic_summary/.topic_summary.svelte.icloud b/src/components/topic_summary/.topic_summary.svelte.icloud Binary files differnew file mode 100644 index 0000000..5060c48 --- /dev/null +++ b/src/components/topic_summary/.topic_summary.svelte.icloud diff --git a/src/components/topic_summary/.topic_summary.test.js.icloud b/src/components/topic_summary/.topic_summary.test.js.icloud Binary files differnew file mode 100644 index 0000000..a1b3613 --- /dev/null +++ b/src/components/topic_summary/.topic_summary.test.js.icloud diff --git a/src/components/topic_summary/topic_summary.svelte b/src/components/topic_summary/topic_summary.svelte deleted file mode 100644 index 86e51d1..0000000 --- a/src/components/topic_summary/topic_summary.svelte +++ /dev/null @@ -1,23 +0,0 @@ -<script> - export let topic; - - import { _ } from 'svelte-i18n'; - import { readableTime } from '$/utils/readable_time.js'; - - $: remainingTime = topic.updated_at + topic.ttl - Date.now(); - $: remaining = readableTime(remainingTime); -</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', { - values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } - })}) - </span> -</li> - -<style> -</style> diff --git a/src/components/topic_summary/topic_summary.test.js b/src/components/topic_summary/topic_summary.test.js deleted file mode 100644 index 9122730..0000000 --- a/src/components/topic_summary/topic_summary.test.js +++ /dev/null @@ -1,43 +0,0 @@ -import '@testing-library/jest-dom/extend-expect'; - -import { render } from '@testing-library/svelte'; -import '$/config/i18n'; - -import TopicSummary from './topic_summary.svelte'; - -const internals = { - 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() - } - } }); - }); - - 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(); - }); -}); |