[TODO REMOVE, JUST FOR QA] Show storage banners

learningequality · Jul 23, 2024 · 6a573c8 · 6a573c8
1 parent c1d662e
commit 6a573c8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/kolibri/core/assets/src/views/CorePage/AppBarPage.vue b/kolibri/core/assets/src/views/CorePage/AppBarPage.vue
@@ -52,6 +52,7 @@
 
 <script>
 
+  import { LearnerDeviceStatus } from 'kolibri.coreVue.vuex.constants';
   import { mapGetters } from 'vuex';
   import { throttle } from 'frame-throttle';
   import useKResponsiveWindow from 'kolibri-design-system/lib/composables/useKResponsiveWindow';
@@ -72,6 +73,7 @@
     mixins: [commonCoreStrings],
     setup() {
       const userDeviceStatus = useUserSyncStatus().deviceStatus;
+      userDeviceStatus.value = LearnerDeviceStatus.INSUFFICIENT_STORAGE;
       const { windowBreakpoint, windowIsSmall } = useKResponsiveWindow();
       return {
         userDeviceStatus,

diff --git a/kolibri/plugins/learn/assets/src/views/StorageNotification.vue b/kolibri/plugins/learn/assets/src/views/StorageNotification.vue
@@ -113,6 +113,7 @@
     },
     data() {
       return {
+        testTimeoutIsDone: false,
         bannerOpened: false,
       };
     },
@@ -129,6 +130,10 @@
         } else if (this.availableDownload) {
           message = this.$tr('insufficientStorageAvailableDownloads');
         }
+        if (this.testTimeoutIsDone) {
+          message =
+            'Updated storage notification banner message that should be announced by screen readers.';
+        }
         return message;
       },
       insufficientStorageNoDownloads() {
@@ -147,10 +152,7 @@
         return !this.canManageContent && this.hasDownloads && !this.isLearner;
       },
       showBanner() {
-        return (
-          (this.insufficientStorage && this.local_storage_last_synced < this.lastSynced) ||
-          this.local_storage_lastDownloadRemoved < this.lastDownloadRemoved
-        );
+        return this.insufficientStorage;
       },
     },
     watch: {
@@ -174,6 +176,7 @@
     },
     mounted() {
       document.addEventListener('focusin', this.focusChange);
+      setTimeout(() => (this.testTimeoutIsDone = true), 15000);
     },
     beforeDestroy() {
       document.removeEventListener('focusin', this.focusChange);