tests fixed for clickedCount

webapp/components/PostTeaser/PostTeaser.spec.js

@@ -25,6 +25,7 @@ describe('PostTeaser', () => {
         disabled: false,
         shoutedCount: 0,
         commentsCount: 0,
+        clickedCount: 0,
         name: 'It is a post',
         author: {
           id: 'u1',

webapp/components/PostTeaser/PostTeaser.story.js

@@ -28,6 +28,7 @@ export const post = {
     shoutedCount: 5,
     commentedCount: 39,
     followedByCount: 2,
+    clickedCount: 42,
     followedByCurrentUser: true,
     location: null,
     badges: [

webapp/components/PostTeaser/PostTeaser.vue

@@ -59,14 +59,14 @@
 </template>
 
 <script>
- import UserTeaser from '~/components/UserTeaser/UserTeaser'
+import UserTeaser from '~/components/UserTeaser/UserTeaser'
- import ContentMenu from '~/components/ContentMenu/ContentMenu'
+import ContentMenu from '~/components/ContentMenu/ContentMenu'
- import HcRibbon from '~/components/Ribbon'
+import HcRibbon from '~/components/Ribbon'
- import CounterIcon from '~/components/_new/generic/CounterIcon/CounterIcon'
+import CounterIcon from '~/components/_new/generic/CounterIcon/CounterIcon'
- import { mapGetters } from 'vuex'
+import { mapGetters } from 'vuex'
- import { postMenuModalsData, deletePostMutation } from '~/components/utils/PostHelpers'
+import { postMenuModalsData, deletePostMutation } from '~/components/utils/PostHelpers'
 
- export default {
+export default {
   name: 'PostTeaser',
   components: {
     UserTeaser,
@@ -136,12 +136,12 @@
       this.$emit('unpinPost', post)
     },
   },
- }
+}
 </script>
 <style lang="scss">
- .post-teaser,
+.post-teaser,
- .post-teaser:hover,
+.post-teaser:hover,
- .post-teaser:active {
+.post-teaser:active {
   position: relative;
   display: block;
   height: 100%;
@@ -152,9 +152,9 @@
     top: 50%;
     right: -7px;
   }
- }
+}
 
- .post-teaser > .base-card {
+.post-teaser > .base-card {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -197,5 +197,5 @@
   .user-teaser {
     margin-bottom: $space-small;
   }
- }
+}
 </style>

webapp/components/generic/SearchPost/SearchPost.spec.js

@@ -15,6 +15,7 @@ describe('SearchPost.vue', () => {
         title: 'Post Title',
         commentsCount: 3,
         shoutedCount: 6,
+        clickedCount: 5,
         createdAt: '23.08.2019',
         author: {
           name: 'Post Author',

webapp/components/generic/SearchPost/SearchPost.vue

@@ -5,6 +5,7 @@
       <span class="counts">
         <counter-icon icon="comments" :count="option.commentsCount" soft />
         <counter-icon icon="bullhorn" :count="option.shoutedCount" soft />
+        <counter-icon icon="eye" :count="option.clickedCount" soft />
       </span>
       {{ option.author.name | truncate(32) }} - {{ option.createdAt | dateTime('dd.MM.yyyy') }}
     </div>

webapp/components/generic/SearchableInput/SearchableInput.story.js

@@ -14,6 +14,7 @@ export const searchResults = [
     value: 'User Post by Jenny',
     shoutedCount: 0,
     commentsCount: 4,
+    clickedCount: 8,
     createdAt: '2019-11-13T03:03:16.155Z',
     author: {
       id: 'u3',
@@ -29,6 +30,7 @@ export const searchResults = [
     value: 'Eum quos est molestiae enim magni consequuntur sed commodi eos.',
     shoutedCount: 0,
     commentsCount: 0,
+    clickedCount: 9,
     createdAt: '2019-11-13T03:00:45.478Z',
     author: {
       id: 'u6',
@@ -44,6 +46,7 @@ export const searchResults = [
     value: 'This is post #7',
     shoutedCount: 1,
     commentsCount: 1,
+    clickedCount: 1,
     createdAt: '2019-11-13T03:00:23.098Z',
     author: {
       id: 'u6',
@@ -59,6 +62,7 @@ export const searchResults = [
     value: 'This is post #12',
     shoutedCount: 0,
     commentsCount: 12,
+    clickedCount: 14,
     createdAt: '2019-11-13T03:00:23.098Z',
     author: {
       id: 'u6',

webapp/graphql/Search.js

@@ -12,6 +12,7 @@ export const searchQuery = gql`
         ...post
         commentsCount
         shoutedCount
+        clickedCount
         author {
           ...user
         }
@@ -40,6 +41,7 @@ export const searchPosts = gql`
         ...tagsCategoriesAndPinned
         commentsCount
         shoutedCount
+        clickedCount
         author {
           ...user
         }

webapp/storybook/helpers.js

@@ -81,6 +81,7 @@ const helpers = {
         slug: faker.lorem.slug(title),
         shoutedCount: faker.random.number(),
         commentsCount: faker.random.number(),
+        clickedCount: faker.random.number(),
       }
     })
   },