fix: minor fixes to explore tests

Author: im-saif

e2e/specs/explore.e2e.js

@@ -23,29 +23,33 @@ describe('Explore and Search Flow', () => {
 
   // Helper to ensure we're on the Explore tab
   const ensureOnExplore = async () => {
-    // First, make sure we're not stuck in search - go back if needed
+    // Step 1: Check if we're in the Search screen (ROOT.SEARCH is separate from BottomTabs)
+    // If search-back button is visible, we're in search and need to exit first
     try {
-      const searchBack = await $('~search-back');
-      if (await searchBack.isDisplayed()) {
-        await searchBack.click();
-        await driver.pause(500);
-      }
+      await SearchScreen.searchBack.waitForDisplayed();
+      await SearchScreen.searchBack.click();
+      await driver.pause(500);
     } catch {
-      // Not in search results, continue
+      // Not in search results screen, continue
     }
 
-    // Click the Explore tab bar button
+    // Step 2: Also handle cancel-search button (for when in search input mode without results)
     try {
-      const exploreTab = await $('~ExploreTab');
-      if (await exploreTab.isDisplayed()) {
-        await exploreTab.click();
-        await driver.pause(500);
-      }
+      await SearchScreen.cancelSearch.waitForDisplayed();
+      await SearchScreen.cancelSearch.click();
+      await driver.pause(500);
     } catch {
-      // Already on explore or error, continue
+      // Not in search input mode, continue
     }
 
-    // Verify we're actually on the Explore screen by waiting for ForYouTab
+    // Step 3: Wait for the ExploreTab to actually be present and visible
+    // This ensures we're back in the BottomTabs navigator
+    const exploreTab = await $('~ExploreTab');
+    await exploreTab.waitForDisplayed({ timeout: 5000 });
+    await exploreTab.click();
+    await driver.pause(500);
+
+    // Step 4: Verify we're actually on the Explore screen by waiting for ForYouTab
     await ExploreScreen.forYouTab.waitForDisplayed({ timeout: 5000 });
     await ExploreScreen.waitForContentToLoad();
   };
@@ -203,7 +207,8 @@ describe('Explore and Search Flow', () => {
 
   describe('Trending Tab', () => {
     before(async () => {
-      await ensureOnExplore();
+      await SearchScreen.goBack();
+      await SearchScreen.goBack();
     });
 
     it('should navigate to Trending tab', async () => {