@nextsparkjs/theme-default 0.1.0-beta.44 → 0.1.0-beta.45

package/tests/cypress/e2e/_utils/selectors/dashboard-sidebar.bdd.md

@@ -2,15 +2,17 @@
 feature: Dashboard Sidebar UI Selectors Validation
 priority: medium
 tags: [selectors, sidebar, dashboard, ui-validation]
-grepTags: [ui-selectors, sidebar, SEL_DBAR_001, SEL_DBAR_DOC]
-coverage: 2
+grepTags: [ui-selectors, dashboard, sidebar, SEL_DBAR_001]
+coverage: 1
 ---
 
 # Dashboard Sidebar UI Selectors Validation
 
-> Validates that dashboard sidebar component selectors exist in the DOM. This is a lightweight test that ONLY checks selector presence, not functionality. Some tests are skipped due to misalignment between CORE_SELECTORS definitions and component implementations.
+> Validates that dashboard sidebar component selectors exist in the DOM. This is a lightweight test that ONLY checks selector presence, not functionality. Runs as Phase 12 sub-gate before functional tests.
 
-**IMPORTANT:** Sidebar is only visible on desktop viewports (>= 1024px) when authenticated. The component uses `createCyId()` which sometimes produces different selectors than defined in CORE_SELECTORS.
+**IMPORTANT:** Sidebar is only visible on desktop viewports (>= 1024px) when authenticated.
+
+**Login:** Uses Developer via `loginAsDefaultDeveloper()`.
 
 ## @test SEL_DBAR_001: Sidebar Structure
 
@@ -18,94 +20,57 @@ coverage: 2
 - **Priority:** High
 - **Type:** Selector Validation
 - **Tags:** sidebar, structure, desktop
-- **Grep:** `@ui-selectors` `@SEL_DBAR_001`
-- **Status:** Partial - 1 passing, 3 skipped
+- **Grep:** `@ui-selectors` `@dashboard` `@sidebar` `@SEL_DBAR_001`
+- **Status:** Active (4 passing, 1 skipped)
 
 ```gherkin:en
 Scenario: Dashboard sidebar has required structure selectors
 
-Given I am logged in as a valid user
+Given I am logged in as a developer user
 And I am viewing the dashboard on desktop viewport
-Then I should find the sidebar main container
-And the sidebar header should exist (skipped - selector mismatch)
-And the sidebar content should exist (skipped - not implemented)
-And the sidebar footer should exist (skipped - not implemented)
+Then I should find the sidebar container
+And I should find the sidebar header
+And I should find the sidebar logo
+And I should find the sidebar content
+And I should find the sidebar footer (not implemented in component)
 ```
 
 ```gherkin:es
 Scenario: Sidebar del dashboard tiene selectores de estructura requeridos
 
-Given estoy logueado como usuario valido
+Given estoy logueado como usuario developer
 And estoy viendo el dashboard en viewport desktop
-Then deberia encontrar el contenedor principal del sidebar
-And deberia existir el header del sidebar (skipped - selectores desalineados)
-And deberia existir el contenido del sidebar (skipped - no implementado)
-And deberia existir el footer del sidebar (skipped - no implementado)
+Then deberia encontrar el contenedor del sidebar
+And deberia encontrar el header del sidebar
+And deberia encontrar el logo del sidebar
+And deberia encontrar el contenido del sidebar
+And deberia encontrar el footer del sidebar (no implementado en componente)
 ```
 
 ### Expected Results
-- `sidebar-main` selector exists (WORKING)
-- `sidebar-header` skipped - component uses `sidebar-header-section` instead
-- `sidebar-content` skipped - not implemented in Sidebar.tsx
-- `sidebar-footer` skipped - not implemented in Sidebar.tsx
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.sidebar.container | dashboard.selectors.sidebarContainer | sidebar-main | Implemented |
+| dashboard.sidebar.header | dashboard.selectors.sidebarHeader | sidebar-header | Implemented |
+| dashboard.sidebar.logo | dashboard.selectors.sidebarLogo | sidebar-logo | Implemented |
+| dashboard.sidebar.content | dashboard.selectors.sidebarContent | sidebar-content | Implemented |
+| dashboard.sidebar.footer | dashboard.selectors.sidebarFooter | sidebar-footer | **NOT IMPLEMENTED** |
 
 ### Notes
-The Sidebar.tsx component uses these data-cy attributes:
-- `sidebar-main` - Main sidebar container (aligned with CORE_SELECTORS)
-- `sidebar-header-section` - NOT `sidebar-header`
-- `sidebar-logo` - Logo container
-- `sidebar-nav` - Navigation container
-- `sidebar-nav-items` - Navigation items wrapper
-
----
-
-## @test SEL_DBAR_DOC: Selector Documentation
-
-### Metadata
-- **Priority:** Low
-- **Type:** Documentation
-- **Tags:** sidebar, documentation
-- **Grep:** `@ui-selectors` `@SEL_DBAR_DOC`
-- **Status:** Active
-
-```gherkin:en
-Scenario: Document all sidebar component selectors
-
-Given the sidebar selector tests are running
-Then the test should log all sidebar selectors
-And document which selectors are implemented vs defined in CORE_SELECTORS
-And document any selector/component mismatches
-```
-
-```gherkin:es
-Scenario: Documentar todos los selectores de componente sidebar
-
-Given los tests de selectores de sidebar estan corriendo
-Then el test deberia loguear todos los selectores de sidebar
-And documentar que selectores estan implementados vs definidos en CORE_SELECTORS
-And documentar cualquier desalineacion entre selectores y componentes
-```
-
-### Expected Results
-- Test logs all sidebar selectors for reference
-- Documents implemented vs not-implemented selectors
-- Notes selector naming mismatches
+- The sidebar footer selector is not currently implemented in Sidebar.tsx component
+- Sidebar is only visible on desktop viewports when authenticated
+- Component file: `packages/core/src/components/dashboard/Sidebar.tsx`
 
 ---
 
-## Known Issues
+## Related Components
 
-### Selector/Component Misalignment
+| Component | File | Selectors |
+|-----------|------|-----------|
+| Sidebar | `packages/core/src/components/dashboard/Sidebar.tsx` | sidebar-main, sidebar-header, sidebar-logo, sidebar-content |
 
-| CORE_SELECTORS Path | Expected data-cy | Component Uses | Status |
-|---------------------|-----------------|----------------|--------|
-| `dashboard.sidebar.main` | `sidebar-main` | `sidebar-main` | ✅ Aligned |
-| `dashboard.sidebar.header` | `sidebar-header` | `sidebar-header-section` | ⚠️ Mismatch |
-| `dashboard.sidebar.content` | `sidebar-content` | N/A | ❌ Not implemented |
-| `dashboard.sidebar.footer` | `sidebar-footer` | N/A | ❌ Not implemented |
+## Related POMs
 
-### Recommendation
-Future fix should either:
-1. Update CORE_SELECTORS to match component (`sidebar-header-section`)
-2. Update component to match CORE_SELECTORS (`sidebar-header`)
-3. Add missing selectors to component (`sidebar-content`, `sidebar-footer`)
+| POM | File | Usage |
+|-----|------|-------|
+| DashboardPOM | `themes/default/tests/cypress/src/features/DashboardPOM.ts` | Sidebar selectors and methods |

package/tests/cypress/e2e/_utils/selectors/dashboard-sidebar.cy.ts

@@ -15,17 +15,23 @@
  * - Fast execution (< 30 seconds per describe block)
  *
  * Test IDs:
- * - SEL_DBAR_001: Sidebar Structure
- * - SEL_DBAR_DOC: Sidebar Selector Documentation
+ * - SEL_DBAR_001: Sidebar Structure (4 selectors)
+ *
+ * Component: Sidebar.tsx
+ * Selectors:
+ * - dashboard.sidebar.container → 'sidebar-main'
+ * - dashboard.sidebar.header → 'sidebar-header'
+ * - dashboard.sidebar.logo → 'sidebar-logo'
+ * - dashboard.sidebar.content → 'sidebar-content'
+ * - dashboard.sidebar.footer → 'sidebar-footer' (not implemented in component)
  *
  * NOTE: Sidebar is only visible on desktop viewports when authenticated.
- * Some selectors are skipped due to misalignment between CORE_SELECTORS and component implementation.
  */
 
 import { DashboardPOM } from '../../../src/features/DashboardPOM'
 import { loginAsDefaultDeveloper } from '../../../src/session-helpers'
 
-describe('Dashboard Sidebar Selectors Validation', { tags: ['@ui-selectors', '@sidebar'] }, () => {
+describe('Dashboard Sidebar Selectors Validation', { tags: ['@ui-selectors', '@dashboard', '@sidebar'] }, () => {
   const dashboard = DashboardPOM.create()
 
   beforeEach(() => {
@@ -35,55 +41,28 @@ describe('Dashboard Sidebar Selectors Validation', { tags: ['@ui-selectors', '@s
   })
 
   // ============================================
-  // SEL_DBAR_001: SIDEBAR STRUCTURE
-  // NOTE: Component uses createCyId() with different values than CORE_SELECTORS
-  // - sidebar-main: implemented correctly
-  // - sidebar-header: NOT implemented (component uses sidebar-header-section)
-  // - sidebar-content: NOT implemented
-  // - sidebar-footer: NOT implemented
+  // SEL_DBAR_001: SIDEBAR STRUCTURE (4 selectors)
   // ============================================
   describe('SEL_DBAR_001: Sidebar Structure', { tags: '@SEL_DBAR_001' }, () => {
-    it('should find sidebar main container', () => {
-      cy.get(dashboard.selectors.sidebarMain).should('exist')
+    it('should find sidebar container', () => {
+      cy.get(dashboard.selectors.sidebarContainer).should('exist')
     })
 
-    // Selector mismatch: CORE_SELECTORS='sidebar-header' vs component='sidebar-header-section'
-    it.skip('should find sidebar header (selector not aligned with component)', () => {
+    it('should find sidebar header', () => {
       cy.get(dashboard.selectors.sidebarHeader).should('exist')
     })
 
-    // Not implemented in Sidebar.tsx
-    it.skip('should find sidebar content (selector not implemented)', () => {
-      cy.get(dashboard.selectors.sidebarContent).should('exist')
+    it('should find sidebar logo', () => {
+      cy.get(dashboard.selectors.sidebarLogo).should('exist')
     })
 
-    // Not implemented in Sidebar.tsx
-    it.skip('should find sidebar footer (selector not implemented)', () => {
-      cy.get(dashboard.selectors.sidebarFooter).should('exist')
+    it('should find sidebar content', () => {
+      cy.get(dashboard.selectors.sidebarContent).should('exist')
     })
-  })
 
-  // ============================================
-  // SEL_DBAR_DOC: DOCUMENTATION
-  // ============================================
-  describe('SEL_DBAR_DOC: Selector Documentation', { tags: '@SEL_DBAR_DOC' }, () => {
-    it('should document sidebar component selectors', () => {
-      cy.log('=== DASHBOARD SIDEBAR SELECTORS ===')
-      cy.log('')
-      cy.log('Implemented (working):')
-      cy.log('- sidebar-main: Main sidebar container')
-      cy.log('')
-      cy.log('Selector/Component Mismatch:')
-      cy.log('- sidebar-header: CORE_SELECTORS defines, component uses sidebar-header-section')
-      cy.log('')
-      cy.log('Not Implemented in Component:')
-      cy.log('- sidebar-content: No data-cy attribute in Sidebar.tsx')
-      cy.log('- sidebar-footer: No data-cy attribute in Sidebar.tsx')
-      cy.log('')
-      cy.log('Component uses createCyId("sidebar", "..."):')
-      cy.log('- sidebar-main, sidebar-header-section')
-      cy.log('- sidebar-logo, sidebar-nav, sidebar-nav-items')
-      cy.wrap(true).should('be.true')
+    // Not implemented in Sidebar.tsx component
+    it.skip('should find sidebar footer (not implemented in component)', () => {
+      cy.get(dashboard.selectors.sidebarFooter).should('exist')
     })
   })
 })

package/tests/cypress/e2e/_utils/selectors/dashboard-topnav.bdd.md

@@ -2,8 +2,8 @@
 feature: Dashboard Topnav UI Selectors Validation
 priority: high
 tags: [selectors, topnav, dashboard, ui-validation]
-grepTags: [ui-selectors, topnav, SEL_TNAV_001, SEL_TNAV_002, SEL_TNAV_003, SEL_TNAV_004, SEL_TNAV_006]
-coverage: 5
+grepTags: [ui-selectors, dashboard, topnav, SEL_TNAV_001, SEL_TNAV_002, SEL_TNAV_003, SEL_TNAV_004, SEL_TNAV_005, SEL_TNAV_006]
+coverage: 6
 ---
 
 # Dashboard Topnav UI Selectors Validation
@@ -12,23 +12,25 @@ coverage: 5
 
 **NOTE:** Public navbar tests (logo, signin, signup) are in `public.cy.ts`.
 
+**Login:** Uses Developer via `loginAsDefaultDeveloper()`.
+
 ## @test SEL_TNAV_001: Topnav Structure
 
 ### Metadata
 - **Priority:** High
 - **Type:** Selector Validation
 - **Tags:** topnav, structure, desktop
-- **Grep:** `@ui-selectors` `@SEL_TNAV_001`
-- **Status:** Active - 3 tests
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_001`
+- **Status:** Active (3 passing, 0 skipped)
 
 ```gherkin:en
 Scenario: Dashboard topnav has complete structure
 
 Given I am logged in as a developer user
 And I navigate to the dashboard
-Then I should find the topnav header
+Then I should find the topnav container
 And I should find the topnav actions container
-And I should find the topnav search section
+And I should find the topnav search container
 ```
 
 ```gherkin:es
@@ -36,15 +38,17 @@ Scenario: Topnav del dashboard tiene estructura completa
 
 Given estoy logueado como usuario developer
 And navego al dashboard
-Then deberia encontrar el header del topnav
+Then deberia encontrar el contenedor del topnav
 And deberia encontrar el contenedor de acciones del topnav
-And deberia encontrar la seccion de busqueda del topnav
+And deberia encontrar el contenedor de busqueda del topnav
 ```
 
 ### Expected Results
-- `topnav-header` selector exists
-- `topnav-actions` selector exists
-- `topnav-search-section` selector exists
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.container | dashboard.selectors.topnavContainer | topnav-header | Implemented |
+| dashboard.topnav.actions | dashboard.selectors.topnavActions | topnav-actions | Implemented |
+| dashboard.topnav.searchContainer | dashboard.selectors.topnavSearchContainer | topnav-search-section | Implemented |
 
 ---
 
@@ -54,8 +58,8 @@ And deberia encontrar la seccion de busqueda del topnav
 - **Priority:** High
 - **Type:** Selector Validation
 - **Tags:** topnav, actions, buttons
-- **Grep:** `@ui-selectors` `@SEL_TNAV_002`
-- **Status:** Active - 4 passing
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_002`
+- **Status:** Active (4 passing, 0 skipped)
 
 ```gherkin:en
 Scenario: Dashboard topnav has all action buttons
@@ -63,7 +67,7 @@ Scenario: Dashboard topnav has all action buttons
 Given I am logged in as a valid user
 And I navigate to the dashboard
 Then I should find the sidebar toggle button
-And I should find the notifications button
+And I should find the notifications trigger
 And I should find the help button
 And I should find the theme toggle button
 ```
@@ -74,16 +78,18 @@ Scenario: Topnav del dashboard tiene todos los botones de accion
 Given estoy logueado como usuario valido
 And navego al dashboard
 Then deberia encontrar el boton de toggle del sidebar
-And deberia encontrar el boton de notificaciones
+And deberia encontrar el trigger de notificaciones
 And deberia encontrar el boton de ayuda
 And deberia encontrar el boton de cambio de tema
 ```
 
 ### Expected Results
-- `topnav-sidebar-toggle` selector exists
-- `topnav-notifications` selector exists
-- `topnav-help` selector exists
-- `topnav-theme-toggle` selector exists
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.sidebarToggle | dashboard.selectors.topnavSidebarToggle | topnav-sidebar-toggle | Implemented |
+| dashboard.topnav.notificationsTrigger | dashboard.selectors.topnavNotificationsTrigger | topnav-notifications | Implemented |
+| dashboard.topnav.help | dashboard.selectors.topnavHelp | topnav-help | Implemented |
+| dashboard.topnav.themeToggle | dashboard.selectors.topnavThemeToggle | topnav-theme-toggle | Implemented |
 
 ---
 
@@ -93,8 +99,8 @@ And deberia encontrar el boton de cambio de tema
 - **Priority:** Medium
 - **Type:** Selector Validation
 - **Tags:** topnav, admin, superadmin, devtools
-- **Grep:** `@ui-selectors` `@SEL_TNAV_003`
-- **Status:** Active - 2 tests
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_003`
+- **Status:** Active (2 passing, 0 skipped)
 
 ```gherkin:en
 Scenario: Topnav shows admin links for developer users
@@ -119,8 +125,14 @@ And deberia encontrar el link de devtools
 ```
 
 ### Expected Results
-- `topnav-superadmin` selector exists (developer sees with showToDevelopers: true)
-- `topnav-devtools` selector exists (developer has access)
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.superadmin | dashboard.selectors.topnavSuperadmin | topnav-superadmin | Implemented |
+| dashboard.topnav.devtools | dashboard.selectors.topnavDevtools | topnav-devtools | Implemented |
+
+### Notes
+- Superadmin link: `superadminAccess.enabled && (isSuperAdmin || (isDeveloper && showToDevelopers))`
+- Devtools link: `devtoolsAccess.enabled && isDeveloper`
 
 ---
 
@@ -130,8 +142,8 @@ And deberia encontrar el link de devtools
 - **Priority:** High
 - **Type:** Selector Validation
 - **Tags:** topnav, user-menu, dropdown
-- **Grep:** `@ui-selectors` `@SEL_TNAV_004`
-- **Status:** Active - 5 passing
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_004`
+- **Status:** Active (5 passing, 0 skipped)
 
 ```gherkin:en
 Scenario: User menu opens and shows all items
@@ -140,8 +152,8 @@ Given I am logged in as a valid user
 And I navigate to the dashboard
 Then I should find the user menu trigger
 When I click on the user menu trigger
-Then I should see the user menu dropdown
-And I should find the profile menu item
+Then I should see the user menu content
+And I should find the profile menu item (user)
 And I should find the settings menu item
 And I should find the signOut action
 ```
@@ -153,18 +165,65 @@ Given estoy logueado como usuario valido
 And navego al dashboard
 Then deberia encontrar el trigger del menu de usuario
 When hago click en el trigger del menu de usuario
-Then deberia ver el dropdown del menu de usuario
-And deberia encontrar el item de menu de perfil
+Then deberia ver el contenido del menu de usuario
+And deberia encontrar el item de menu de perfil (user)
 And deberia encontrar el item de menu de configuracion
 And deberia encontrar la accion de cerrar sesion
 ```
 
 ### Expected Results
-- `topnav-user-menu-trigger` selector exists
-- `topnav-user-menu` visible when opened
-- `topnav-menu-item-user` selector exists
-- `topnav-menu-item-settings` selector exists
-- `topnav-menu-action-signOut` selector exists
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.userMenuTrigger | dashboard.selectors.topnavUserMenuTrigger | topnav-user-menu-trigger | Implemented |
+| dashboard.topnav.userMenuContent | dashboard.selectors.topnavUserMenuContent | topnav-user-menu | Implemented |
+| dashboard.topnav.userMenuItem(item) | dashboard.selectors.topnavUserMenuItem('user') | topnav-menu-item-user | Implemented |
+| dashboard.topnav.userMenuItem(item) | dashboard.selectors.topnavUserMenuItem('settings') | topnav-menu-item-settings | Implemented |
+| dashboard.topnav.userMenuAction(action) | dashboard.selectors.topnavUserMenuAction('signOut') | topnav-menu-action-signOut | Implemented |
+
+---
+
+## @test SEL_TNAV_005: Quick Create
+
+### Metadata
+- **Priority:** Medium
+- **Type:** Selector Validation
+- **Tags:** topnav, quick-create, dropdown
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_005`
+- **Status:** Skipped (3 tests) - requires entity with create permission
+
+```gherkin:en
+Scenario: Quick create dropdown shows entity options
+
+Given I am logged in as a user with create permissions
+And I navigate to the dashboard
+Then I should find the quick create trigger
+When I click on the quick create trigger
+Then I should see the quick create content
+And I should find quick create links for entities (e.g., customers)
+```
+
+```gherkin:es
+Scenario: Dropdown de creacion rapida muestra opciones de entidad
+
+Given estoy logueado como usuario con permisos de crear
+And navego al dashboard
+Then deberia encontrar el trigger de creacion rapida
+When hago click en el trigger de creacion rapida
+Then deberia ver el contenido de creacion rapida
+And deberia encontrar links de creacion rapida para entidades (ej. customers)
+```
+
+### Expected Results
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.quickCreateTrigger | dashboard.selectors.topnavQuickCreateTrigger | topnav-quick-create-trigger | **Skipped** |
+| dashboard.topnav.quickCreateContent | dashboard.selectors.topnavQuickCreateContent | topnav-quick-create-content | **Skipped** |
+| dashboard.topnav.quickCreateLink(entity) | dashboard.selectors.topnavQuickCreateLink('customers') | topnav-quick-create-customers | **Skipped** |
+
+### Notes
+- Component renders null if user has no create permissions on any entity
+- Developer role may not have quickCreate entities configured
+- Tests skipped because they require entity with create permission
 
 ---
 
@@ -174,8 +233,8 @@ And deberia encontrar la accion de cerrar sesion
 - **Priority:** Low
 - **Type:** Selector Validation
 - **Tags:** topnav, loading, skeleton
-- **Grep:** `@ui-selectors` `@SEL_TNAV_006`
-- **Status:** 1 Skipped - transient state cannot be reliably tested
+- **Grep:** `@ui-selectors` `@dashboard` `@topnav` `@SEL_TNAV_006`
+- **Status:** Skipped (1 test) - transient state cannot be reliably tested
 
 ```gherkin:en
 Scenario: Topnav shows loading state during auth
@@ -194,7 +253,27 @@ Then deberia encontrar el indicador de estado de carga del usuario
 ```
 
 ### Expected Results
-- `topnav-user-loading` - only visible during auth loading
+| Selector Path | POM Accessor | data-cy Value | Status |
+|---------------|--------------|---------------|--------|
+| dashboard.topnav.userLoading | dashboard.selectors.topnavUserLoading | topnav-user-loading | **Skipped** |
 
 ### Notes
-This transient state is difficult to test in normal flow.
+- This transient state is only visible during auth loading
+- Difficult to test reliably in normal flow
+
+---
+
+## Related Components
+
+| Component | File | Selectors |
+|-----------|------|-----------|
+| Topnav | `packages/core/src/components/dashboard/Topnav.tsx` | topnav-header, topnav-actions, topnav-search-section |
+| TopnavActions | `packages/core/src/components/dashboard/TopnavActions.tsx` | topnav-sidebar-toggle, topnav-notifications, topnav-help, topnav-theme-toggle |
+| TopnavUserMenu | `packages/core/src/components/dashboard/TopnavUserMenu.tsx` | topnav-user-menu-trigger, topnav-user-menu, topnav-menu-item-*, topnav-menu-action-* |
+| TopnavQuickCreate | `packages/core/src/components/dashboard/TopnavQuickCreate.tsx` | topnav-quick-create-trigger, topnav-quick-create-content, topnav-quick-create-* |
+
+## Related POMs
+
+| POM | File | Usage |
+|-----|------|-------|
+| DashboardPOM | `themes/default/tests/cypress/src/features/DashboardPOM.ts` | Topnav selectors and methods |

package/tests/cypress/e2e/_utils/selectors/dashboard-topnav.cy.ts

@@ -19,6 +19,7 @@
  * - SEL_TNAV_002: Topnav Actions (4 selectors)
  * - SEL_TNAV_003: Topnav Admin Links (2 selectors - developer has access)
  * - SEL_TNAV_004: User Menu (5 selectors)
+ * - SEL_TNAV_005: Quick Create (3 selectors)
  * - SEL_TNAV_006: Loading State (1 skipped - transient state)
  *
  * NOTE: Public navbar tests (logo, signin, signup) are in public.cy.ts
@@ -27,7 +28,7 @@
 import { DashboardPOM } from '../../../src/features/DashboardPOM'
 import { loginAsDefaultDeveloper } from '../../../src/session-helpers'
 
-describe('Dashboard Topnav Selectors Validation', { tags: ['@ui-selectors', '@topnav'] }, () => {
+describe('Dashboard Topnav Selectors Validation', { tags: ['@ui-selectors', '@dashboard', '@topnav'] }, () => {
   const dashboard = DashboardPOM.create()
 
   beforeEach(() => {
@@ -41,16 +42,16 @@ describe('Dashboard Topnav Selectors Validation', { tags: ['@ui-selectors', '@to
   // NOTE: Logo test moved to public.cy.ts (only visible when not logged in)
   // ============================================
   describe('SEL_TNAV_001: Topnav Structure', { tags: '@SEL_TNAV_001' }, () => {
-    it('should find topnav header', () => {
-      cy.get(dashboard.selectors.topnavHeader).should('exist')
+    it('should find topnav container', () => {
+      cy.get(dashboard.selectors.topnavContainer).should('exist')
     })
 
     it('should find topnav actions container', () => {
       cy.get(dashboard.selectors.topnavActions).should('exist')
     })
 
-    it('should find topnav search section', () => {
-      cy.get(dashboard.selectors.topnavSearchSection).should('exist')
+    it('should find topnav search container', () => {
+      cy.get(dashboard.selectors.topnavSearchContainer).should('exist')
     })
   })
 
@@ -62,8 +63,8 @@ describe('Dashboard Topnav Selectors Validation', { tags: ['@ui-selectors', '@to
       cy.get(dashboard.selectors.topnavSidebarToggle).should('exist')
     })
 
-    it('should find notifications button', () => {
-      cy.get(dashboard.selectors.topnavNotifications).should('exist')
+    it('should find notifications trigger', () => {
+      cy.get(dashboard.selectors.topnavNotificationsTrigger).should('exist')
     })
 
     it('should find help button', () => {
@@ -99,25 +100,47 @@ describe('Dashboard Topnav Selectors Validation', { tags: ['@ui-selectors', '@to
       cy.get(dashboard.selectors.topnavUserMenuTrigger).should('exist')
     })
 
-    it('should find user menu when opened', () => {
+    it('should find user menu content when opened', () => {
       cy.get(dashboard.selectors.topnavUserMenuTrigger).click()
-      cy.get(dashboard.selectors.topnavUserMenu).should('be.visible')
+      cy.get(dashboard.selectors.topnavUserMenuContent).should('be.visible')
     })
 
     it('should find profile menu item when opened', () => {
       cy.get(dashboard.selectors.topnavUserMenuTrigger).click()
-      cy.get(dashboard.selectors.topnavMenuItem('user')).should('exist')
+      cy.get(dashboard.selectors.topnavUserMenuItem('user')).should('exist')
     })
 
     it('should find settings menu item when opened', () => {
       cy.get(dashboard.selectors.topnavUserMenuTrigger).click()
-      cy.get(dashboard.selectors.topnavMenuItem('settings')).should('exist')
+      cy.get(dashboard.selectors.topnavUserMenuItem('settings')).should('exist')
     })
 
     it('should find signOut action when opened', () => {
       cy.get(dashboard.selectors.topnavUserMenuTrigger).click()
       // Action is 'signOut' per dashboard.config.ts
-      cy.get(dashboard.selectors.topnavMenuAction('signOut')).should('exist')
+      cy.get(dashboard.selectors.topnavUserMenuAction('signOut')).should('exist')
+    })
+  })
+
+  // ============================================
+  // SEL_TNAV_005: QUICK CREATE (3 selectors)
+  // NOTE: Component renders null if user has no create permissions on any entity.
+  // Developer role may not have quickCreate entities configured.
+  // ============================================
+  describe('SEL_TNAV_005: Quick Create', { tags: '@SEL_TNAV_005' }, () => {
+    it.skip('should find quick create trigger (requires entity with create permission)', () => {
+      cy.get(dashboard.selectors.topnavQuickCreateTrigger).should('exist')
+    })
+
+    it.skip('should find quick create content when opened (requires entity with create permission)', () => {
+      cy.get(dashboard.selectors.topnavQuickCreateTrigger).click()
+      cy.get(dashboard.selectors.topnavQuickCreateContent).should('be.visible')
+    })
+
+    it.skip('should find quick create link for entity when opened (requires entity with create permission)', () => {
+      cy.get(dashboard.selectors.topnavQuickCreateTrigger).click()
+      // Test with 'customers' entity (common in default theme)
+      cy.get(dashboard.selectors.topnavQuickCreateLink('customers')).should('exist')
     })
   })