prepare for testing

Author: Athira M

web-exp-bugbash/my-app/package.json

@@ -8,6 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
+    "firebase": "^12.4.0",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0"

web-exp-bugbash/my-app/src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { useEffect, useState } from "react";
 import { initializeApp } from "firebase/app";
-import { getRemoteConfig, fetchAndActivate, getAll, setCustomSignals, getString } from "firebase/remote-config";
+import { getRemoteConfig, fetchAndActivate, getString } from "firebase/remote-config";
 import { getInstallations } from "firebase/installations";
-import { getAnalytics, logEvent } from "firebase/analytics";
+import { getAnalytics } from "firebase/analytics";
 
-function Screen({isLoading, summary} = {isLoading: false, summary: ""}) {
+function Screen({ isLoading, rollout, abt } = { isLoading: false, rollout: "", abt: "" }) {
   if (isLoading) {
-    return (<div>Loading...</div>) 
+    return (<div>Loading...</div>)
   }
   return (
     <div>
@@ -17,8 +17,9 @@ function Screen({isLoading, summary} = {isLoading: false, summary: ""}) {
       </div>
       <br></br>
       <div>
-        Blurred Summary: {summary}
+        Rollout value: {rollout}
         <br></br>
+        ABT value: {abt}
       </div>
     </div>
   )
@@ -28,16 +29,7 @@ export default function Home() {
 
   useEffect(() => {
     const firebaseConfig = {
-      apiKey: process.env.NEXT_PUBLIC_API_KEY,
-      authDomain: "rc-test-123.firebaseapp.com",
-      databaseURL: "https://rc-test-123-default-rtdb.asia-southeast1.firebasedatabase.app",
-      projectId: "rc-test-123",
-      storageBucket: "rc-test-123.firebasestorage.app",
-      messagingSenderId: "985821706564",
-      appId: "1:985821706564:web:56b260fbd62e4ad09a7f11",
-      measurementId: "G-96PZ0KC1WS"
     };
-
     console.log(process.env.API_KEY);
 
     const app = initializeApp(firebaseConfig);
@@ -46,21 +38,20 @@ export default function Home() {
     config.settings.minimumFetchIntervalMillis = 0;
 
     const installations = getInstallations(app);
-    
-    setCustomSignals(config, {'test_signal': 'test'});
 
     fetchAndActivate(config).then(success => {
-      console.log(success, getAll(config));
       setIsLoading(false);
-      setBlurredSummary(getString(config, 'show_blurred_summary'));
-      logEvent(analytics, "test-event");
+      setRolloutValue(getString(config, 'web_param_rollout'));
+      setAbtValue(getString(config, 'web_param_abt'));
     });
   });
 
   const [isLoading, setIsLoading] = useState(true);
-  const [showBlurredSummary, setBlurredSummary] = useState("blurredSummary");
+  const [showRolloutValue, setRolloutValue] = useState("rolloutValue");
+  const [showAbtValue, setAbtValue] = useState("abtValue");
+
 
   return (
-    <Screen isLoading={isLoading} summary={showBlurredSummary}></Screen>
+    <Screen isLoading={isLoading} rollout={showRolloutValue} abt={showAbtValue}></Screen>
   );
 }