Add a hidden view-id-tracker view for e2e testing (#22434)

Author: Parveshdhull

.env.e2e

@@ -43,3 +43,4 @@ API_LOGGING_ENABLED=1
 SENTRY_ENABLED=0
 SENTRY_ENVIRONMENT=ci-main
 USE_PUBLIC_LOG_DIR=1
+VIEW_ID_TRACKER=1

.env.jenkins

@@ -40,3 +40,4 @@ API_LOGGING_ENABLED=1
 SENTRY_ENABLED=0
 SENTRY_ENVIRONMENT=ci-main
 USE_PUBLIC_LOG_DIR=0
+VIEW_ID_TRACKER=1

src/status_im/config.cljs

@@ -142,3 +142,6 @@
 ;; download via Appium doesn't seem like a solid long-term
 ;; approach for QA team
 (def use-public-log-dir? (enabled? (get-config :USE_PUBLIC_LOG_DIR "0")))
+
+;; A flag for enabling hidden view-id-tracker view, required for e2e testing
+(def enable-view-id-tracker? (enabled? (get-config :VIEW_ID_TRACKER "0")))

src/status_im/contexts/shell/view.cljs

@@ -2,6 +2,7 @@
   (:require
     [quo.foundations.colors :as colors]
     [react-native.core :as rn]
+    [status-im.config :as config]
     [status-im.contexts.shell.bottom-tabs.view :as bottom-tabs]
     [status-im.contexts.shell.home-stack.view :as home-stack]
     [status-im.contexts.shell.shared-values :as shared-values]
@@ -15,6 +16,16 @@
     (rf/dispatch [:navigate-back])
     true))
 
+;; A hidden view-id-tracker view, required for e2e testing
+(defn- view-id-tracker
+  []
+  (let [view-id (rf/sub [:view-id])]
+    [rn/view
+     {:accessible          true
+      :accessibility-label :view-id-tracker
+      :style               {:position :absolute :z-index -1}}
+     [rn/text {:color :transparent} view-id]]))
+
 (defn shell-stack
   []
   (let [shared-values (shared-values/calculate-and-set-shared-values)]
@@ -23,5 +34,7 @@
        (rn/hw-back-add-listener navigate-back-handler)
        #(rn/hw-back-remove-listener navigate-back-handler)))
     [rn/view {:style {:background-color colors/neutral-100 :flex 1}}
+     (when config/enable-view-id-tracker?
+       [view-id-tracker])
      [home-stack/view shared-values]
      [bottom-tabs/view shared-values]]))