diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 00:56:06 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 00:56:06 +0200 |
| commit | a7cf03c192470cbab13edeb1aec99e0c66dede10 (patch) | |
| tree | 581b4430d1de958dcb666bae80a7678332134602 /src/components/header | |
| parent | 010f307346e525ac2e4239a0549d2c1a4d6d102b (diff) | |
Update / use typescript
Diffstat (limited to 'src/components/header')
| -rw-r--r-- | src/components/header/.header.svelte.icloud | bin | 0 -> 161 bytes | |||
| -rw-r--r-- | src/components/header/.header.test.js.icloud | bin | 0 -> 162 bytes | |||
| -rw-r--r-- | src/components/header/header.svelte | 63 | ||||
| -rw-r--r-- | src/components/header/header.test.js | 29 |
4 files changed, 0 insertions, 92 deletions
diff --git a/src/components/header/.header.svelte.icloud b/src/components/header/.header.svelte.icloud Binary files differnew file mode 100644 index 0000000..d366346 --- /dev/null +++ b/src/components/header/.header.svelte.icloud diff --git a/src/components/header/.header.test.js.icloud b/src/components/header/.header.test.js.icloud Binary files differnew file mode 100644 index 0000000..0efb8d5 --- /dev/null +++ b/src/components/header/.header.test.js.icloud diff --git a/src/components/header/header.svelte b/src/components/header/header.svelte deleted file mode 100644 index dcf95d5..0000000 --- a/src/components/header/header.svelte +++ /dev/null @@ -1,63 +0,0 @@ -<script> - import { _ } from 'svelte-i18n'; - import { version } from '$/config/config'; - import { topicActions } from '$/stores/actions'; - import TopicActions from '$/components/actions/topic.svelte'; -</script> - -<header title={$_('header.title')}> - <ul> - <li> - <strong - ><a href="/" title={$_('header.long_version', { values: { version } })} - >{$_('header.short_version', { values: { version } })}</a - ></strong - > - </li> - <li> - <a href="/new" title={$_('header.action.new.title')} - >{@html $_('header.action.new.display')}</a - > - </li> - {#if $topicActions} - <TopicActions actions={$topicActions} /> - {/if} - <li> - <a href="/search" title={$_('header.action.search.title')} - >{@html $_('header.action.search.display')}</a - > - </li> - <li> - <a href="/logout" title={$_('header.action.log_out.title')} - >{@html $_('header.action.log_out.display')}</a - > - </li> - </ul> -</header> - -<style> - header { - grid-column: col-start 1 / span 12; - border-bottom: 1px solid black; - } - - ul { - padding: 0; - } - - li { - display: inline; - margin: 5px; - } - - a { - text-decoration: none; - line-height: 3em; - display: inline-block; - } - - strong a { - color: blue; - text-decoration: underline; - } -</style> diff --git a/src/components/header/header.test.js b/src/components/header/header.test.js deleted file mode 100644 index 6be2516..0000000 --- a/src/components/header/header.test.js +++ /dev/null @@ -1,29 +0,0 @@ -import '@testing-library/jest-dom/extend-expect'; - -import { render } from '@testing-library/svelte'; -import '$/config/i18n'; -import { enableTopicActions } from '$/stores/actions'; - -jest.mock('$/config/config.js'); - -import Header from './header.svelte'; - -describe('Header component', () => { - - test('Should not display topic if action is not set', () => { - - const results = render(Header); - - expect(results.queryByTitle('Reply')) - .toBe(null); - }); - - test('Should display topic if action is set', () => { - - enableTopicActions('d138d6d8-e669-42e7-995d-20a7fcc176f5'); - const results = render(Header); - - expect(results.getByTitle('Reply')) - .toBeVisible(); - }); -}); |