diff options
author | Devlin Junker <devlin.junker@gmail.com> | 2023-08-16 15:28:17 -0700 |
---|---|---|
committer | Benjamin Brahmer <info@b-brahmer.de> | 2023-08-22 08:34:39 +0200 |
commit | efb1ac236e0e5f2038886fccf4d01337b486732a (patch) | |
tree | d33293f99d4a8c89b229a3d8e14e5c441f41c618 /src | |
parent | 0bfb6162c7a7d9b1c67fbcbab04d6b408bbec828 (diff) |
basic unit tests
Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/FeedItem.vue | 2 | ||||
-rw-r--r-- | src/components/ItemSkeleton.vue | 22 | ||||
-rw-r--r-- | src/components/VirtualScroll.vue | 6 |
3 files changed, 18 insertions, 12 deletions
diff --git a/src/components/FeedItem.vue b/src/components/FeedItem.vue index 332754e8e..3d59b4f92 100644 --- a/src/components/FeedItem.vue +++ b/src/components/FeedItem.vue @@ -197,7 +197,7 @@ export default Vue.extend({ } }, getFeed(id: number): Feed { - return this.$store.getters.feeds.find((feed: Feed) => feed.id === id) + return this.$store.getters.feeds.find((feed: Feed) => feed.id === id) || {} }, getMediaType(mime: any): 'audio' | 'video' | false { // TODO: figure out how to check media type diff --git a/src/components/ItemSkeleton.vue b/src/components/ItemSkeleton.vue index 3b3b3f50c..8762df971 100644 --- a/src/components/ItemSkeleton.vue +++ b/src/components/ItemSkeleton.vue @@ -5,24 +5,28 @@ --> <template> - <div :class="{ - item: true, - }" - :style="{ background: 'var(--color-placeholder-dark)', height: '45px'}"> + <div class="item-skeleton"> <div class="item__labels" /> <div class="item__actions" /> </div> </template> + <script> +import Vue from 'vue' -export default { +export default Vue.extend({ name: 'ItemSkeleton', components: { }, computed: { - viewMode() { - return this.$store.state.settings.viewMode - }, + }, -} +}) </script> + +<style> +.item-skeleton { + background: 'var(--color-placeholder-dark)'; + height: '45px'; +} +</style> diff --git a/src/components/VirtualScroll.vue b/src/components/VirtualScroll.vue index 5487a11fb..775855969 100644 --- a/src/components/VirtualScroll.vue +++ b/src/components/VirtualScroll.vue @@ -4,13 +4,15 @@ - This file is licensed under the Affero General Public License version 3 or later. See the COPYING file. --> <script> +import Vue from 'vue' + import ItemSkeleton from './ItemSkeleton.vue' const GRID_ITEM_HEIGHT = 200 + 10 // const GRID_ITEM_WIDTH = 250 + 10 const LIST_ITEM_HEIGHT = 45 + 1 -export default { +export default Vue.extend({ name: 'VirtualScroll', props: { reachedEnd: { @@ -113,7 +115,7 @@ export default { h('div', { class: 'lower-padding', style: { height: Math.max((lowerPaddingItems) * itemHeight, 0) + 'px' } }), ]) }, -} +}) </script> <style scoped> |