test: add searching for username and going to profile test

Author: im-saif

e2e/specs/explore.e2e.js

@@ -4,6 +4,7 @@ import ExploreScreen from '../pageobjects/Explore/ExploreScreen.page';
 import ForYouScreen from '../pageobjects/Home/ForYouScreen.page';
 import LoginEmailScreen from '../pageobjects/Login/LoginEmail.page';
 import LoginPasswordScreen from '../pageobjects/Login/LoginPassword.page';
+import ProfileScreen from '../pageobjects/Profile/ProfileScreen.page';
 import SearchFiltersScreen from '../pageobjects/Search/SearchFiltersScreen.page';
 import SearchScreen from '../pageobjects/Search/SearchScreen.page';
 import StartScreen from '../pageobjects/StartScreen.page';
@@ -21,10 +22,7 @@ describe('Explore and Search Flow', () => {
     await ForYouScreen.forYouTab.waitForDisplayed();
   };
 
-  // Helper to ensure we're on the Explore tab
   const ensureOnExplore = async () => {
-    // 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 {
       await SearchScreen.searchBack.waitForDisplayed();
       await SearchScreen.searchBack.click();
@@ -33,7 +31,6 @@ describe('Explore and Search Flow', () => {
       // Not in search results screen, continue
     }
 
-    // Step 2: Also handle cancel-search button (for when in search input mode without results)
     try {
       await SearchScreen.cancelSearch.waitForDisplayed();
       await SearchScreen.cancelSearch.click();
@@ -42,14 +39,11 @@ describe('Explore and Search Flow', () => {
       // Not in search input mode, continue
     }
 
-    // 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();
   };
@@ -139,7 +133,6 @@ describe('Explore and Search Flow', () => {
 
     it('should submit search query and show results', async () => {
       await SearchScreen.searchFor('test');
-      // Verify we're on search results screen with Top tab visible
       await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
     });
 
@@ -220,6 +213,15 @@ describe('Explore and Search Flow', () => {
     it('should display the trending list', async () => {
       await expect(await ExploreScreen.trendingList.waitForDisplayed({ timeout: 5000 })).toBe(true);
     });
+
+    it('should click on a trend and navigate to search results', async () => {
+      const clicked = await ExploreScreen.clickFirstTrendCard();
+      if (clicked) {
+        await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
+        await SearchScreen.goBack();
+        await expect(await ExploreScreen.isTrendingTabDisplayed()).toBe(true);
+      }
+    });
   });
 
   describe('Hashtag Search', () => {
@@ -230,36 +232,78 @@ describe('Explore and Search Flow', () => {
     it('should search for a hashtag and display results', async () => {
       await ExploreScreen.openSearch();
       await SearchScreen.searchFor('#test');
-      // Verify search results screen is shown with Top tab
       await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
     });
 
+    it('should switch to People tab and verify results list', async () => {
+      await SearchScreen.switchToPeopleTab();
+      await expect(await SearchScreen.isPeopleTabDisplayed()).toBe(true);
+      const hasPeopleResults = await SearchScreen.isPeopleResultsDisplayed();
+      await expect(hasPeopleResults).toBe(true);
+    });
+
     it('should return to explore', async () => {
       await SearchScreen.goBack();
       await expect(await ExploreScreen.forYouTab.waitForDisplayed()).toBe(true);
     });
   });
 
-  describe('Username Search', () => {
+  describe('Search Empty State', () => {
     before(async () => {
       await ensureOnExplore();
       await ExploreScreen.openSearch();
     });
 
-    it('should search for username and display results', async () => {
-      await SearchScreen.searchFor('@notnowomar');
-      // Verify search results screen is shown
+    it('should search for gibberish and show empty or no results', async () => {
+      await SearchScreen.searchFor('zzzxxx999nonexistent42');
       await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
     });
 
-    it('should switch to People tab to see matching users', async () => {
-      await SearchScreen.switchToPeopleTab();
-      await expect(await SearchScreen.isPeopleTabDisplayed()).toBe(true);
+    it('should display empty state or no results message', async () => {
+      await driver.pause(1000);
+      const hasEmptyState = await SearchScreen.isEmptyStateDisplayed();
+      await expect(hasEmptyState).toBe(true);
     });
 
     it('should return to explore', async () => {
       await SearchScreen.goBack();
       await expect(await ExploreScreen.forYouTab.waitForDisplayed()).toBe(true);
     });
   });
+
+  describe('Username Search with Profile Navigation', () => {
+    const targetUsername = 'notnowomar';
+
+    before(async () => {
+      await ensureOnExplore();
+      await ExploreScreen.openSearch();
+    });
+
+    it('should search for username and display results', async () => {
+      await SearchScreen.searchFor(`@${targetUsername}`);
+      await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
+    });
+
+    it('should find the user in Top tab results', async () => {
+      await driver.pause(1000);
+      await driver.pause(1000);
+      const hasUser = await SearchScreen.hasUserInResults(targetUsername);
+      await expect(hasUser).toBe(true);
+    });
+
+    it('should click on user and navigate to their profile', async () => {
+      await SearchScreen.clickOnUserInResults(targetUsername);
+      await expect(await ProfileScreen.username.waitForDisplayed()).toBe(true);
+    });
+
+    it('should display the correct username on profile', async () => {
+      const usernameText = await ProfileScreen.username.getText();
+      await expect(usernameText).toContain(targetUsername);
+    });
+
+    it('should go back to search results', async () => {
+      await ProfileScreen.goBack();
+      await expect(await SearchScreen.isTopTabDisplayed()).toBe(true);
+    });
+  });
 });