From 77836d0529b3c930dae76c4b9f78cae6577bc14c Mon Sep 17 00:00:00 2001
From: Daniel Krupp <daniel.krupp@ericsson.com>
Date: Wed, 8 Jul 2026 22:17:12 +0200
Subject: [PATCH] The statistics pages flakyness at page reload

At tab change we should not refresh the statistics content
when the full page is reloaded (from url), because
the filters may not be ready yet resulting in
unnecessary requests without proper filters.
---
 .../components/Report/ReportFilter/ReportFilter.vue   | 11 +++++++----
 .../Statistics/Guideline/GuidelineStatistics.vue      |  3 +--
 web/server/vue-cli/src/views/Statistics.vue           |  7 ++++++-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/web/server/vue-cli/src/components/Report/ReportFilter/ReportFilter.vue b/web/server/vue-cli/src/components/Report/ReportFilter/ReportFilter.vue
index 7542ad168b..444d362e58 100644
--- a/web/server/vue-cli/src/components/Report/ReportFilter/ReportFilter.vue
+++ b/web/server/vue-cli/src/components/Report/ReportFilter/ReportFilter.vue
@@ -655,17 +655,21 @@ function registerWatchers() {
 
   reportFilterUnwatch.value = store.watch(
     state => state[props.namespace].reportFilter, () => {
-      emit("refresh");
+      if (!isInitializing.value)
+        emit("refresh");
+
     }, { deep: true });
 
   runIdsUnwatch.value = store.watch(
     state => state[props.namespace].runIds, () => {
-      emit("refresh");
+      if (!isInitializing.value)
+        emit("refresh");
     });
 
   cmpDataUnwatch.value = store.watch(
     state => state[props.namespace].cmpData, () => {
-      emit("refresh");
+      if (!isInitializing.value)
+        emit("refresh");
     }, { deep: true });
 }
 
@@ -751,7 +755,6 @@ function updateAllFilters() {
   if (!_filters?.length) return;
 
   _filters.forEach(filter => filter?.update?.() );
-
   emit("refresh");
 }
 
diff --git a/web/server/vue-cli/src/components/Statistics/Guideline/GuidelineStatistics.vue b/web/server/vue-cli/src/components/Statistics/Guideline/GuidelineStatistics.vue
index 407534d58f..f25fe5d3a8 100644
--- a/web/server/vue-cli/src/components/Statistics/Guideline/GuidelineStatistics.vue
+++ b/web/server/vue-cli/src/components/Statistics/Guideline/GuidelineStatistics.vue
@@ -239,6 +239,7 @@ const filteredStatistics = computed(() => {
   return statistics.value;
 });
 
+// Refresh the data on ReportFilter changes
 baseStatistics.setupRefreshListener(fetchStatistics);
 
 watch(() => baseStatistics.runIds, async () => {
@@ -457,7 +458,6 @@ async function fetchStatistics() {
 
 async function fetchProblematicRuns() {
   loading.value = true;
-
   const _runs = await getRunData();
   problematicRuns.value = (await Promise.all(
     _runs.map(async runData => {
@@ -474,7 +474,6 @@ async function fetchProblematicRuns() {
         return null;
       }
     }))).filter(element => element !== null);
-
   runs.value = _runs;
   loading.value = false;
 }
diff --git a/web/server/vue-cli/src/views/Statistics.vue b/web/server/vue-cli/src/views/Statistics.vue
index 1b3b04cd8e..896044244b 100644
--- a/web/server/vue-cli/src/views/Statistics.vue
+++ b/web/server/vue-cli/src/views/Statistics.vue
@@ -133,7 +133,12 @@ const reportFilter = computed(function() {
   return store.getters[`${namespace}/getReportFilter`];
 });
 
-watch(() => tab.value, async () => {
+watch(() => tab.value, async (value, oldValue) => {
+  // Don't refresh on page reload!
+  // When the ReportFilter is loaded
+  // from the URL it will trigger refresh.
+  if (!oldValue)
+    return;
   if (tab.value == null) return;
 
   const currentTab = tabs[tab.value];