Remove news link and news teasers for read only users

client/cypress/integration/frontend/read-only/read-only-banner.spec.js

@@ -1,15 +1,7 @@
+import {getMinimalMe} from '../../../support/helpers';
+
 const getOperations = ({readOnly, classReadOnly = false}) => ({
-  MeQuery: {
-    me: {
-      onboardingVisited: true,
-      readOnly,
-      isTeacher: true,
-      selectedClass: {
-        id: 'selectedClassId',
-        readOnly: classReadOnly
-      }
-    },
-  },
+  MeQuery: getMinimalMe({readOnly, classReadOnly}),
   NewsTeasers: {
     newsTeasers: {
       edges: []

client/cypress/support/helpers.js

@@ -1,5 +1,17 @@
 // todo: clean up this file
 
+export const getMinimalMe = ({readOnly, classReadOnly = false}) => ({
+  me: {
+    onboardingVisited: true,
+    readOnly,
+    isTeacher: true,
+    selectedClass: {
+      id: 'selectedClassId',
+      readOnly: classReadOnly,
+    },
+  },
+});
+
 const getSchoolClassNode = (id, schoolClassName) => ({
   'id': btoa(`SchoolClassNode:${id}`),
   'name': schoolClassName,
@@ -332,8 +344,8 @@ export const mockUpdateLastModule = () => {
   return {
     UpdateLastModule: {
       updateLastModule: {
-        lastModule: {}
-      }
-    }
+        lastModule: {},
+      },
+    },
   };
 };

client/src/components/book-navigation/ContentNavigation.vue

@@ -32,6 +32,8 @@
           :to="{name: 'news'}"
           active-class="content-navigation__link--active"
           class="content-navigation__link"
+          data-cy="news-navigation-link"
+          v-if="!me.readOnly"
           @click.native="close">News
         </router-link>
       </div>

client/src/components/news/NewsTeaser.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="news-teaser">
+  <div
+    class="news-teaser"
+    data-cy="news-teaser">
     <a :href="teaser.newsArticleUrl">
       <img
         :src="teaser.imageUrl"

client/src/pages/start.vue

@@ -28,7 +28,10 @@
           class="button">Alle Module anzeigen
         </router-link>
       </div>
-      <div class="start-page__news news">
+      <div
+        class="start-page__news news"
+        data-cy="news-teasers"
+        v-if="!me.readOnly">
         <h2 class="start-page__heading">News</h2>
         <div class="news__list">
           <news-teaser