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/glyph | |
| parent | 010f307346e525ac2e4239a0549d2c1a4d6d102b (diff) | |
Update / use typescript
Diffstat (limited to 'src/components/glyph')
| -rw-r--r-- | src/components/glyph/.glyph.svelte.icloud | bin | 0 -> 160 bytes | |||
| -rw-r--r-- | src/components/glyph/.glyph.test.js.icloud | bin | 0 -> 161 bytes | |||
| -rw-r--r-- | src/components/glyph/glyph.svelte | 41 | ||||
| -rw-r--r-- | src/components/glyph/glyph.test.js | 32 |
4 files changed, 0 insertions, 73 deletions
diff --git a/src/components/glyph/.glyph.svelte.icloud b/src/components/glyph/.glyph.svelte.icloud Binary files differnew file mode 100644 index 0000000..c2e8af7 --- /dev/null +++ b/src/components/glyph/.glyph.svelte.icloud diff --git a/src/components/glyph/.glyph.test.js.icloud b/src/components/glyph/.glyph.test.js.icloud Binary files differnew file mode 100644 index 0000000..182e8e5 --- /dev/null +++ b/src/components/glyph/.glyph.test.js.icloud diff --git a/src/components/glyph/glyph.svelte b/src/components/glyph/glyph.svelte deleted file mode 100644 index 60f99eb..0000000 --- a/src/components/glyph/glyph.svelte +++ /dev/null @@ -1,41 +0,0 @@ -<script> - import { _ } from 'svelte-i18n'; - import { getGlyphHash } from '$/utils/glyph_hash'; - - export let uuid; -</script> - -<div class="glyphicon" role="img" aria-label={$_('glyph.title')} title={$_('glyph.title')}> - {#each getGlyphHash(uuid) as fragment} - <span class={fragment.glyph} style="color: {fragment.color} "> - {fragment.glyph} - </span> - {/each} -</div> - -<style> - .glyphicon { - border: 1px solid black; - display: inline-block; - font-size: 1.4rem; - height: 48px; - margin-top: 5px; - width: 48px; - background-color: white; - padding: 2px; - } - - span { - display: block; - float: left; - width: 24px; - height: 24px; - text-align: center; - line-height: 24px; - } - - .☽ { - font-size: 2rem; - line-height: 19px; - } -</style> diff --git a/src/components/glyph/glyph.test.js b/src/components/glyph/glyph.test.js deleted file mode 100644 index 93ddc8a..0000000 --- a/src/components/glyph/glyph.test.js +++ /dev/null @@ -1,32 +0,0 @@ -import '@testing-library/jest-dom/extend-expect'; - -import { render } from '@testing-library/svelte'; -import '$/config/i18n'; - -import Glyph from './glyph.svelte'; - -const internals = { - results: null -}; - -describe('Glyph component', () => { - - beforeEach(() => { - - internals.results = render(Glyph, { props: { - uuid: '9fb14ebc-bc64-400b-915f-d429ec44b8fe' - } }); - }); - - test('Should act as an image', () => { - - expect(internals.results.getByRole('img')) - .toBeVisible(); - }); - - test('Should render 4 glyphs', () => { - - expect(internals.results.getByRole('img')) - .toHaveTextContent(/^. . . .$/); - }); -}); |