refactor itemsearch tests

cypress/e2e/search/item-search.cy.ts

@@ -1,50 +1,42 @@
 /// <reference types="cypress" />
 
-describe('Utopia Map Item Search', () => {
-  beforeEach(() => {
-    cy.clearCookies()
-    cy.clearLocalStorage()
-    cy.window().then((win) => {
-      win.sessionStorage.clear()
+describe('Utopia Map Search', () => {
+  describe('Item Search', () => {
+    beforeEach(() => {
+      cy.clearCookies()
+      cy.clearLocalStorage()
+      cy.window().then((win) => {
+        win.sessionStorage.clear()
+      })
+
+      cy.visit('/')
+      cy.waitForMapReady()
     })
 
-    cy.visit('/')
-    cy.waitForMapReady()
-  })
-
-  it('should find items by exact name match', () => {
-    cy.searchFor('Tech Meetup Munich')
-    cy.get('[data-cy="search-suggestions"]').should('contain', 'Tech Meetup Munich')
-  })
-
-  it('should find items by partial name match (case insensitive)', () => {
-    cy.searchFor('café collaboration')
-    cy.get('[data-cy="search-suggestions"]').should('contain', 'Café Collaboration London')
-  })
-
-  it('should find items by text content', () => {
-    cy.searchFor('sustainability')
-    cy.get('[data-cy="search-suggestions"]').should('contain', 'Alex Entrepreneur')
-  })
-
-  it('should navigate to item profile when clicking search result', () => {
-    cy.intercept('GET', '**/items*').as('getItems')
-
-    cy.visit('/')
-    cy.waitForMapReady()
-
-    cy.searchFor('makerspace')
-    cy.get('[data-cy="search-suggestions"]').within(() => {
-      cy.get('[data-cy="search-item-result"]').contains('Makerspace Tokyo').click()
+    it('should find items by exact name match', () => {
+      cy.searchFor('Tech Meetup Munich')
+      cy.get('[data-cy="search-suggestions"]').should('contain', 'Tech Meetup Munich')
     })
 
-    cy.url().should('match', /\/(item\/|[a-f0-9-]+)/)
-    cy.get('body').should('contain', 'Makerspace Tokyo')
+    it('should find items by partial name match (case insensitive)', () => {
+      cy.searchFor('café collaboration')
+      cy.get('[data-cy="search-suggestions"]').should('contain', 'Café Collaboration London')
+    })
 
-    // Verify search uses local filtering (items already loaded)
-    cy.get('@getItems.all').then((calls) => {
-      expect(calls.length).to.be.greaterThan(0)
+    it('should find items by text content', () => {
+      cy.searchFor('sustainability')
+      cy.get('[data-cy="search-suggestions"]').should('contain', 'Alex Entrepreneur')
+    })
+
+    it('should navigate to item profile when clicking search result', () => {
+      cy.searchFor('makerspace')
+      cy.get('[data-cy="search-suggestions"]').within(() => {
+        cy.get('[data-cy="search-item-result"]').contains('Makerspace Tokyo').click()
+      })
+
+      cy.url().should('match', /\/(item\/|[a-f0-9-]+)/)
+      cy.get('[data-cy="profile-view"]').should('exist')
+      cy.get('[data-cy="profile-title"]').should('contain', 'Makerspace Tokyo')
     })
   })
-
 })

lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx

@@ -102,6 +102,7 @@ export function HeaderView({
               <div
                 className={`${big ? 'tw:xl:text-3xl tw:text-2xl' : 'tw:text-xl'} tw:font-semibold tw:truncate`}
                 title={title}
+                data-cy="profile-title"
               >
                 {title}
               </div>

lib/src/Components/Profile/ProfileView.tsx

@@ -174,10 +174,11 @@ export function ProfileView({ attestationApi }: { attestationApi?: ItemsApi<any>
       {item && (
         <MapOverlayPage
           key={item.id}
+          data-cy="profile-view"
           className={`tw:p-0! tw:overflow-scroll tw:m-4! tw:md:w-[calc(50%-32px)] tw:w-[calc(100%-32px)] tw:min-w-80 tw:max-w-3xl tw:left-0! tw:sm:left-auto! tw:top-0 tw:bottom-0 tw:transition-opacity tw:duration-500 ${!selectPosition ? 'tw:opacity-100 tw:pointer-events-auto' : 'tw:opacity-0 tw:pointer-events-none'} tw:max-h-[1000px]`}
         >
           <>
-            <div className={'tw:px-6 tw:pt-6'}>
+            <div className={'tw:px-6 tw:pt-6'} data-cy="profile-header">
               <HeaderView
                 api={item.layer?.api}
                 item={item}