1 files changed, 7 insertions, 1 deletions
diff --git a/app/assets/javascripts/observability/components/skeleton/index.vue b/app/assets/javascripts/observability/components/skeleton/index.vue
index d91f2874943..75e5ca81939 100644
--- a/app/assets/javascripts/observability/components/skeleton/index.vue
+++ b/app/assets/javascripts/observability/components/skeleton/index.vue
@@ -61,6 +61,12 @@ export default {
 
       this.hideSkeleton();
     },
+    onError() {
+      clearTimeout(this.errorTimeout);
+      clearTimeout(this.loadingTimeout);
+
+      this.showError();
+    },
     setLoadingTimeout() {
       this.loadingTimeout = setTimeout(() => {
         /**
@@ -130,7 +136,7 @@ export default {
     <transition>
       <div
         v-show="state === $options.SKELETON_STATE.HIDDEN"
-        data-testid="observability-wrapper"
+        data-testid="content-wrapper"
         class="gl-flex-grow-1 gl-display-flex gl-flex-direction-column gl-flex-align-items-stretch"
       >
         <slot></slot>