From bf60c418054a695c322b4737352c424539503caf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 07:22:56 +0200
Subject: [PATCH 1/8] Overtake 'GroupContentMenu' from branch
 '5344-add-group-members-management'

---
 .../components/Group/GroupContentMenu.spec.js | 35 +++++++
 webapp/components/Group/GroupContentMenu.vue  | 99 +++++++++++++++++++
 2 files changed, 134 insertions(+)
 create mode 100644 webapp/components/Group/GroupContentMenu.spec.js
 create mode 100644 webapp/components/Group/GroupContentMenu.vue

diff --git a/webapp/components/Group/GroupContentMenu.spec.js b/webapp/components/Group/GroupContentMenu.spec.js
new file mode 100644
index 000000000..69c13e6f0
--- /dev/null
+++ b/webapp/components/Group/GroupContentMenu.spec.js
@@ -0,0 +1,35 @@
+import { mount } from '@vue/test-utils'
+import GroupContentMenu from './GroupContentMenu.vue'
+
+const localVue = global.localVue
+
+const propsData = {
+  resource: {},
+  group: {},
+  resourceType: 'group',
+}
+
+describe('GroupContentMenu', () => {
+  let wrapper
+  let mocks
+
+  beforeEach(() => {
+    mocks = {
+      $t: jest.fn(),
+    }
+  })
+
+  describe('mount', () => {
+    const Wrapper = () => {
+      return mount(GroupContentMenu, { propsData, mocks, localVue })
+    }
+
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders', () => {
+      expect(wrapper.findAll('.group-menu')).toHaveLength(1)
+    })
+  })
+})
diff --git a/webapp/components/Group/GroupContentMenu.vue b/webapp/components/Group/GroupContentMenu.vue
new file mode 100644
index 000000000..cfebe65a4
--- /dev/null
+++ b/webapp/components/Group/GroupContentMenu.vue
@@ -0,0 +1,99 @@
+<template>
+  <dropdown class="group-menu" :placement="placement" offset="5">
+    <template #default="{ toggleMenu }">
+      <slot name="button" :toggleMenu="toggleMenu">
+        <base-button
+          icon="ellipsis-v"
+          size="small"
+          circle
+          @click.prevent="toggleMenu()"
+          data-test="group-menu-button"
+        />
+      </slot>
+    </template>
+    <template #popover="{ toggleMenu }">
+      <div class="group-menu-popover">
+        <ds-menu :routes="routes">
+          <template #menuitem="item">
+            {{ item.parents }}
+            <ds-menu-item
+              :route="item.route"
+              :parents="item.parents"
+              @click.stop.prevent="openItem(item.route, toggleMenu)"
+            >
+              <base-icon :name="item.route.icon" />
+              {{ item.route.label }}
+            </ds-menu-item>
+          </template>
+        </ds-menu>
+      </div>
+    </template>
+  </dropdown>
+</template>
+
+<script>
+import Dropdown from '~/components/Dropdown'
+
+export default {
+  name: 'GroupContentMenu',
+  components: {
+    Dropdown,
+  },
+  props: {
+    placement: { type: String, default: 'bottom-end' },
+    resource: { type: Object, required: true },
+    group: { type: Object, required: true },
+    resourceType: {
+      type: String,
+      required: true,
+      validator: (value) => {
+        return value.match(/(group)/)
+      },
+    },
+  },
+  computed: {
+    routes() {
+      const routes = []
+
+      if (this.resourceType === 'group') {
+        routes.push({
+          label: this.$t('group.contentMenu.visitGroupPage'),
+          icon: 'home',
+          name: 'group-id-slug',
+          params: { id: this.group.id, slug: this.group.slug },
+        })
+        if (this.group.myRole === 'owner') {
+          routes.push({
+            label: this.$t('admin.settings.name'),
+            path: `/group/edit/${this.resource.id}`,
+            icon: 'edit',
+          })
+        }
+      }
+
+      return routes
+    },
+  },
+  methods: {
+    openItem(route, toggleMenu) {
+      if (route.callback) {
+        route.callback()
+      } else {
+        this.$router.push(route)
+      }
+      toggleMenu()
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.group-menu-popover {
+  nav {
+    margin-top: -$space-xx-small;
+    margin-bottom: -$space-xx-small;
+    margin-left: -$space-x-small;
+    margin-right: -$space-x-small;
+  }
+}
+</style>

From a5021486ebe4867cb6783b2415c44a058ce0f2bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 12:01:27 +0200
Subject: [PATCH 2/8] Remove 'gost' property from 'ContentMenu' button

---
 webapp/components/ContentMenu/ContentMenu.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/webapp/components/ContentMenu/ContentMenu.vue b/webapp/components/ContentMenu/ContentMenu.vue
index 88d83d059..60bcccf43 100644
--- a/webapp/components/ContentMenu/ContentMenu.vue
+++ b/webapp/components/ContentMenu/ContentMenu.vue
@@ -7,7 +7,6 @@
           icon="ellipsis-v"
           size="small"
           circle
-          ghost
           @click.prevent="toggleMenu()"
         />
       </slot>

From 1e01ccfa7184a866fb21cd2f1f19242bfae130b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 12:02:41 +0200
Subject: [PATCH 3/8] Add 'GroupContentMenu' on group profile page

---
 webapp/components/Group/GroupContentMenu.vue |  9 ++++---
 webapp/pages/group/_id/_slug.vue             | 28 ++++++++++----------
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/webapp/components/Group/GroupContentMenu.vue b/webapp/components/Group/GroupContentMenu.vue
index cfebe65a4..97a884698 100644
--- a/webapp/components/Group/GroupContentMenu.vue
+++ b/webapp/components/Group/GroupContentMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <dropdown class="group-menu" :placement="placement" offset="5">
+  <dropdown class="group-content-menu" :placement="placement" offset="5">
     <template #default="{ toggleMenu }">
       <slot name="button" :toggleMenu="toggleMenu">
         <base-button
@@ -42,7 +42,6 @@ export default {
   props: {
     placement: { type: String, default: 'bottom-end' },
     resource: { type: Object, required: true },
-    group: { type: Object, required: true },
     resourceType: {
       type: String,
       required: true,
@@ -54,15 +53,17 @@ export default {
   computed: {
     routes() {
       const routes = []
+      console.log('resource: ', this.resource)
 
       if (this.resourceType === 'group') {
+        console.log('this.resourceType: ', this.resourceType)
         routes.push({
           label: this.$t('group.contentMenu.visitGroupPage'),
           icon: 'home',
           name: 'group-id-slug',
-          params: { id: this.group.id, slug: this.group.slug },
+          params: { id: this.resource.id, slug: this.resource.slug },
         })
-        if (this.group.myRole === 'owner') {
+        if (this.resource.myRole === 'owner') {
           routes.push({
             label: this.$t('admin.settings.name'),
             path: `/group/edit/${this.resource.id}`,
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 120c79cbd..470513266 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -16,20 +16,20 @@
           </avatar-uploader>
           <profile-avatar v-else :profile="group" class="profile-page-avatar" size="large" />
           <!-- Menu -->
-          <!-- <client-only>
-            <content-menu
+          <client-only>
+            <group-content-menu
               placement="bottom-end"
-              resource-type="user"
-              :resource="user"
-              :is-owner="isGroupOwner"
-              class="user-content-menu"
-              @mute="muteUser"
+              :resourceType="'group'"
+              :resource="group || {}"
+              class="group-content-menu"
+            />
+            <!-- TODO: implement later on -->
+              <!-- @mute="muteUser"
               @unmute="unmuteUser"
               @block="blockUser"
               @unblock="unblockUser"
-              @delete="deleteUser"
-            />
-          </client-only> -->
+              @delete="deleteUser" -->
+          </client-only>
           <ds-space margin="small">
             <!-- Group name -->
             <ds-heading tag="h3" align="center" no-margin>
@@ -314,12 +314,12 @@ import { updateGroupMutation, groupQuery, groupMembersQuery } from '~/graphql/gr
 import postListActions from '~/mixins/postListActions'
 import AvatarUploader from '~/components/Uploader/AvatarUploader'
 import Category from '~/components/Category'
-// import ContentMenu from '~/components/ContentMenu/ContentMenu'
 import ContentViewer from '~/components/Editor/ContentViewer'
 import CountTo from '~/components/CountTo.vue'
 import Empty from '~/components/Empty/Empty'
 // import FollowButton from '~/components/Button/FollowButton'
 // import FollowList from '~/components/features/ProfileList/FollowList'
+import GroupContentMenu from '~/components/Group/GroupContentMenu'
 import JoinLeaveButton from '~/components/Button/JoinLeaveButton'
 import MasonryGrid from '~/components/MasonryGrid/MasonryGrid.vue'
 import MasonryGridItem from '~/components/MasonryGrid/MasonryGridItem.vue'
@@ -341,12 +341,12 @@ export default {
   components: {
     AvatarUploader,
     Category,
-    // ContentMenu,
     ContentViewer,
     CountTo,
     Empty,
     // FollowButton,
     // FollowList,
+    GroupContentMenu,
     JoinLeaveButton,
     PostTeaser,
     ProfileAvatar,
@@ -636,8 +636,8 @@ export default {
   margin: auto;
   margin-top: -60px;
 }
-.page-name-profile-id-slug {
-  .ds-flex-item:first-child .content-menu {
+.page-name-group-id-slug {
+  .ds-flex-item:first-child .group-content-menu {
     position: absolute;
     top: $space-x-small;
     right: $space-x-small;

From 0d8ce0a17213d5c3d938fbb0dd46bb4c9d2337a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 12:04:26 +0200
Subject: [PATCH 4/8] Cleanup

---
 webapp/components/Group/GroupContentMenu.vue | 2 --
 webapp/pages/group/_id/_slug.vue             | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/webapp/components/Group/GroupContentMenu.vue b/webapp/components/Group/GroupContentMenu.vue
index 97a884698..a9a667c57 100644
--- a/webapp/components/Group/GroupContentMenu.vue
+++ b/webapp/components/Group/GroupContentMenu.vue
@@ -53,10 +53,8 @@ export default {
   computed: {
     routes() {
       const routes = []
-      console.log('resource: ', this.resource)
 
       if (this.resourceType === 'group') {
-        console.log('this.resourceType: ', this.resourceType)
         routes.push({
           label: this.$t('group.contentMenu.visitGroupPage'),
           icon: 'home',
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 470513266..873094ba1 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -24,7 +24,7 @@
               class="group-content-menu"
             />
             <!-- TODO: implement later on -->
-              <!-- @mute="muteUser"
+            <!-- @mute="muteUser"
               @unmute="unmuteUser"
               @block="blockUser"
               @unblock="unblockUser"

From 2eda102a71c2b2465effdea7ccf33c6789f5ac0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 16:37:46 +0200
Subject: [PATCH 5/8] Remove doubled 'GroupButton'

---
 webapp/layouts/default.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 9a1e87fe1..6fb3a2f54 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -91,9 +91,6 @@
                   <client-only v-if="SHOW_GROUP_BUTTON_IN_HEADER">
                     <group-button />
                   </client-only>
-                  <client-only>
-                    <group-button />
-                  </client-only>
                   <client-only>
                     <avatar-menu placement="top" />
                   </client-only>

From ac9be9e2a3fd74f5a02fa194273491f8b9ba67db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 16:38:56 +0200
Subject: [PATCH 6/8] Refactor 'GroupContentMenu' component

---
 webapp/components/Group/GroupContentMenu.vue | 27 ++++++++------------
 webapp/components/Group/GroupTeaser.vue      |  7 +----
 webapp/pages/group/_id/_slug.vue             |  4 +--
 3 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/webapp/components/Group/GroupContentMenu.vue b/webapp/components/Group/GroupContentMenu.vue
index 929232bfe..7a7737320 100644
--- a/webapp/components/Group/GroupContentMenu.vue
+++ b/webapp/components/Group/GroupContentMenu.vue
@@ -47,34 +47,27 @@ export default {
         return value.match(/(groupTeaser|groupProfile)/)
       },
     },
-    resource: { type: Object, required: true },
-    resourceType: {
-      type: String,
-      required: true,
-      validator: (value) => {
-        return value.match(/(group)/)
-      },
-    },
+    group: { type: Object, required: true },
     placement: { type: String, default: 'bottom-end' },
   },
   computed: {
     routes() {
       const routes = []
 
-      if (this.resourceType === 'group') {
+      if (this.usage !== 'groupProfile') {
         routes.push({
           label: this.$t('group.contentMenu.visitGroupPage'),
           icon: 'home',
           name: 'group-id-slug',
-          params: { id: this.resource.id, slug: this.resource.slug },
+          params: { id: this.group.id, slug: this.group.slug },
+        })
+      }
+      if (this.group.myRole === 'owner') {
+        routes.push({
+          label: this.$t('admin.settings.name'),
+          path: `/group/edit/${this.group.id}`,
+          icon: 'edit',
         })
-        if (this.resource.myRole === 'owner') {
-          routes.push({
-            label: this.$t('admin.settings.name'),
-            path: `/group/edit/${this.resource.id}`,
-            icon: 'edit',
-          })
-        }
       }
 
       return routes
diff --git a/webapp/components/Group/GroupTeaser.vue b/webapp/components/Group/GroupTeaser.vue
index 1b9ede71e..4d50c1181 100644
--- a/webapp/components/Group/GroupTeaser.vue
+++ b/webapp/components/Group/GroupTeaser.vue
@@ -58,12 +58,7 @@
         <div v-else class="categories-placeholder"></div>
         <!-- group context menu -->
         <client-only>
-          <group-content-menu
-            :usage="'groupProfile'"
-            :resourceType="'group'"
-            :resource="group"
-            :group="group"
-          />
+          <group-content-menu :usage="'groupTeaser'" :group="group || {}" placement="bottom-end" />
         </client-only>
       </footer>
       <footer class="footer">
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 6ec506e2e..22ecda4c9 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -18,10 +18,10 @@
           <!-- Menu -->
           <client-only>
             <group-content-menu
+              v-if="isGroupOwner"
               class="group-content-menu"
               :usage="'groupProfile'"
-              :resourceType="'group'"
-              :resource="group || {}"
+              :group="group || {}"
               placement="bottom-end"
             />
             <!-- TODO: implement later on -->

From f534d1cd40275dff3a96d14fd9a0a922a4352302 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 16:42:22 +0200
Subject: [PATCH 7/8] Move component 'GroupContentMenu' to folder 'ContentMenu'

---
 .../components/{Group => ContentMenu}/GroupContentMenu.spec.js  | 0
 webapp/components/{Group => ContentMenu}/GroupContentMenu.vue   | 0
 webapp/components/Group/GroupTeaser.vue                         | 2 +-
 webapp/pages/group/_id/_slug.vue                                | 2 +-
 4 files changed, 2 insertions(+), 2 deletions(-)
 rename webapp/components/{Group => ContentMenu}/GroupContentMenu.spec.js (100%)
 rename webapp/components/{Group => ContentMenu}/GroupContentMenu.vue (100%)

diff --git a/webapp/components/Group/GroupContentMenu.spec.js b/webapp/components/ContentMenu/GroupContentMenu.spec.js
similarity index 100%
rename from webapp/components/Group/GroupContentMenu.spec.js
rename to webapp/components/ContentMenu/GroupContentMenu.spec.js
diff --git a/webapp/components/Group/GroupContentMenu.vue b/webapp/components/ContentMenu/GroupContentMenu.vue
similarity index 100%
rename from webapp/components/Group/GroupContentMenu.vue
rename to webapp/components/ContentMenu/GroupContentMenu.vue
diff --git a/webapp/components/Group/GroupTeaser.vue b/webapp/components/Group/GroupTeaser.vue
index 4d50c1181..75a1150d6 100644
--- a/webapp/components/Group/GroupTeaser.vue
+++ b/webapp/components/Group/GroupTeaser.vue
@@ -78,7 +78,7 @@
 
 <script>
 import Category from '~/components/Category'
-import GroupContentMenu from '~/components/Group/GroupContentMenu'
+import GroupContentMenu from '~/components/ContentMenu/GroupContentMenu'
 
 export default {
   name: 'GroupTeaser',
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 22ecda4c9..ab342480c 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -320,7 +320,7 @@ import CountTo from '~/components/CountTo.vue'
 import Empty from '~/components/Empty/Empty'
 // import FollowButton from '~/components/Button/FollowButton'
 // import FollowList from '~/components/features/ProfileList/FollowList'
-import GroupContentMenu from '~/components/Group/GroupContentMenu'
+import GroupContentMenu from '~/components/ContentMenu/GroupContentMenu'
 import JoinLeaveButton from '~/components/Button/JoinLeaveButton'
 import MasonryGrid from '~/components/MasonryGrid/MasonryGrid.vue'
 import MasonryGridItem from '~/components/MasonryGrid/MasonryGridItem.vue'

From 5a9d9f9da8c64e577eec41b8fe38cdf5a187fa00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Sep 2022 19:00:13 +0200
Subject: [PATCH 8/8] Fix tests in webapp

---
 .../ContentMenu/GroupContentMenu.spec.js      |  7 ++-
 webapp/pages/group/_id/_slug.spec.js          | 50 ++++++++++++++++++-
 2 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/webapp/components/ContentMenu/GroupContentMenu.spec.js b/webapp/components/ContentMenu/GroupContentMenu.spec.js
index 69c13e6f0..8b17b24b1 100644
--- a/webapp/components/ContentMenu/GroupContentMenu.spec.js
+++ b/webapp/components/ContentMenu/GroupContentMenu.spec.js
@@ -1,9 +1,12 @@
-import { mount } from '@vue/test-utils'
+import { config, mount } from '@vue/test-utils'
 import GroupContentMenu from './GroupContentMenu.vue'
 
 const localVue = global.localVue
 
+config.stubs['router-link'] = '<span><slot /></span>'
+
 const propsData = {
+  usage: 'groupTeaser',
   resource: {},
   group: {},
   resourceType: 'group',
@@ -29,7 +32,7 @@ describe('GroupContentMenu', () => {
     })
 
     it('renders', () => {
-      expect(wrapper.findAll('.group-menu')).toHaveLength(1)
+      expect(wrapper.findAll('.group-content-menu')).toHaveLength(1)
     })
   })
 })
diff --git a/webapp/pages/group/_id/_slug.spec.js b/webapp/pages/group/_id/_slug.spec.js
index 1f92212ab..e70df568a 100644
--- a/webapp/pages/group/_id/_slug.spec.js
+++ b/webapp/pages/group/_id/_slug.spec.js
@@ -6,7 +6,7 @@ const localVue = global.localVue
 localVue.filter('date', (d) => d)
 
 config.stubs['client-only'] = '<span><slot /></span>'
-// config.stubs['v-popover'] = '<span><slot /></span>'
+config.stubs['v-popover'] = '<span><slot /></span>'
 config.stubs['nuxt-link'] = '<span><slot /></span>'
 // config.stubs['infinite-loading'] = '<span><slot /></span>'
 // config.stubs['follow-list'] = '<span><slot /></span>'
@@ -237,6 +237,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(true)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('yoga-practice')
@@ -385,6 +389,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('yoga-practice')
@@ -493,6 +501,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('yoga-practice')
@@ -601,6 +613,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('yoga-practice')
@@ -713,6 +729,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(true)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('school-for-citizens')
@@ -825,6 +845,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('school-for-citizens')
@@ -937,6 +961,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('school-for-citizens')
@@ -1049,6 +1077,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('school-for-citizens')
@@ -1165,6 +1197,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(true)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('investigative-journalism')
@@ -1280,6 +1316,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(true)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(true)
             expect(wrapper.text()).toContain('investigative-journalism')
@@ -1395,6 +1435,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(false)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has no(!) group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(false)
             expect(wrapper.text()).not.toContain('investigative-journalism')
@@ -1498,6 +1542,10 @@ describe('GroupProfileSlug', () => {
             expect(wrapper.find('.profile-avatar').exists()).toBe(false)
           })
 
+          it('has not(!) GroupContentMenu', () => {
+            expect(wrapper.find('.group-content-menu').exists()).toBe(false)
+          })
+
           it('has no(!) group slug', () => {
             expect(wrapper.find('[data-test="at"]').exists()).toBe(false)
             expect(wrapper.text()).not.toContain('investigative-journalism')