@nextsparkjs/theme-default 0.1.0-beta.31 → 0.1.0-beta.37

package/tests/cypress/e2e/uat/{billing → _core/billing}/usage.cy.ts

@@ -1,12 +1,12 @@
 /// <reference types="cypress" />
 
 import * as allure from 'allure-cypress'
-import { BillingPOM } from '../../../src/features/BillingPOM'
+import { BillingPOM } from '../../../../src/features/BillingPOM'
 import {
   loginAsFreePlanUser,
   loginAsProPlanUser,
   loginAsEnterprisePlanUser
-} from '../../../src/session-helpers'
+} from '../../../../src/session-helpers'
 
 /**
  * Billing Usage Limits UAT Tests

package/tests/cypress/e2e/uat/{devtools → _core/devtools}/api-tester.cy.ts

@@ -18,8 +18,8 @@
  * Workflow Phase: 15 (qa-automation)
  */
 
-import { DevtoolsPOM } from '../../../src/features/DevtoolsPOM'
-import { loginAsDefaultDeveloper } from '../../../src/session-helpers'
+import { DevtoolsPOM } from '../../../../src/features/DevtoolsPOM'
+import { loginAsDefaultDeveloper } from '../../../../src/session-helpers'
 
 describe('DevTools API Tester UAT', () => {
   const devtools = DevtoolsPOM.create()

package/tests/cypress/e2e/uat/{scheduled-actions → _core/scheduled-actions}/devtools-ui.cy.ts

@@ -1,8 +1,8 @@
 /// <reference types="cypress" />
 
 import * as allure from 'allure-cypress'
-import { ScheduledActionsPOM } from '../../../src/features/ScheduledActionsPOM'
-import { loginAsDeveloper } from '../../../src/session-helpers'
+import { ScheduledActionsPOM } from '../../../../src/features/ScheduledActionsPOM'
+import { loginAsDeveloper } from '../../../../src/session-helpers'
 
 /**
  * Scheduled Actions DevTools UI - UAT Tests

package/tests/cypress/e2e/uat/{teams → _core/teams}/roles-matrix.cy.ts

@@ -15,8 +15,8 @@
 
 import * as allure from 'allure-cypress'
 
-import { SuperadminTeamRolesPOM } from '../../../src/features/SuperadminTeamRolesPOM'
-import { loginAsDefaultSuperadmin } from '../../../src/session-helpers'
+import { SuperadminTeamRolesPOM } from '../../../../src/features/SuperadminTeamRolesPOM'
+import { loginAsDefaultSuperadmin } from '../../../../src/session-helpers'
 
 describe('Superadmin - Team Roles Matrix', {
   tags: ['@uat', '@feat-superadmin', '@security', '@regression']

package/tests/cypress/e2e/uat/{teams → _core/teams}/switcher.cy.ts

@@ -11,8 +11,8 @@
 
 import * as allure from 'allure-cypress'
 
-import { DevKeyringPOM } from '../../../src/components/DevKeyringPOM'
-import { TeamSwitcherPOM } from '../../../src/components/TeamSwitcherPOM'
+import { DevKeyringPOM } from '../../../../src/components/DevKeyringPOM'
+import { TeamSwitcherPOM } from '../../../../src/components/TeamSwitcherPOM'
 
 // Test users from default theme
 // Note: DB data shows different team counts than DevKeyring config comments

package/tests/cypress/e2e/uat/{roles → features/roles}/editor-role.cy.ts

@@ -14,8 +14,8 @@
 
 import * as allure from 'allure-cypress'
 
-import { CustomersPOM } from '../../../src/entities/CustomersPOM'
-import { loginAsDefaultEditor } from '../../../src/session-helpers'
+import { CustomersPOM } from '../../../../src/entities/CustomersPOM'
+import { loginAsDefaultEditor } from '../../../../src/session-helpers'
 
 describe('Editor Role - Permission Restrictions', {
   tags: ['@uat', '@feat-teams', '@security', '@role-editor', '@regression']

package/tests/cypress/e2e/uat/{roles → features/roles}/member-restrictions.cy.ts

@@ -2,9 +2,9 @@
 
 import * as allure from 'allure-cypress'
 
-import { CustomersPOM } from '../../../src/entities/CustomersPOM'
-import { TasksPOM } from '../../../src/entities/TasksPOM'
-import { loginAsDefaultMember } from '../../../src/session-helpers'
+import { CustomersPOM } from '../../../../src/entities/CustomersPOM'
+import { TasksPOM } from '../../../../src/entities/TasksPOM'
+import { loginAsDefaultMember } from '../../../../src/session-helpers'
 
 describe('Member Role - Permission Restrictions', {
   tags: ['@uat', '@feat-teams', '@security', '@role-member', '@regression']

package/tests/cypress/e2e/uat/{roles → features/roles}/owner-full-crud.cy.ts

@@ -11,8 +11,8 @@
 
 import * as allure from 'allure-cypress'
 
-import { CustomersPOM } from '../../../src/entities/CustomersPOM'
-import { loginAsDefaultOwner } from '../../../src/session-helpers'
+import { CustomersPOM } from '../../../../src/entities/CustomersPOM'
+import { loginAsDefaultOwner } from '../../../../src/session-helpers'
 
 describe('Owner Role - Full CRUD Permissions', {
   tags: ['@uat', '@feat-teams', '@security', '@role-owner', '@regression']

package/tests/cypress/src/core/DashboardEntityPOM.ts

@@ -105,8 +105,8 @@ export abstract class DashboardEntityPOM extends BasePOM {
       tableContainer: cySelector('entities.table.container', { slug }),
       table: cySelector('entities.table.element', { slug }),
       addButton: cySelector('entities.table.addButton', { slug }),
-      search: cySelector('entities.search.input', { slug }),
-      searchContainer: cySelector('entities.search.container', { slug }),
+      search: cySelector('entities.table.search', { slug }),
+      searchContainer: cySelector('entities.table.search', { slug }),
       searchClear: cySelector('entities.search.clear', { slug }),
       selectAll: cySelector('entities.table.selectAll', { slug }),
       selectionCount: cySelector('entities.table.selectionCount', { slug }),

package/tests/cypress/src/features/DashboardPOM.ts

@@ -58,8 +58,8 @@ export class DashboardPOM extends BasePOM {
       topnavNotifications: cySelector('dashboard.topnav.notifications'),
       topnavHelp: cySelector('dashboard.topnav.help'),
       topnavThemeToggle: cySelector('dashboard.topnav.themeToggle'),
-      topnavAdmin: cySelector('dashboard.topnav.admin'),
-      topnavDevzone: cySelector('dashboard.topnav.devzone'),
+      topnavSuperadmin: cySelector('dashboard.topnav.superadmin'),
+      topnavDevtools: cySelector('dashboard.topnav.devtools'),
       topnavUserMenuTrigger: cySelector('dashboard.topnav.userMenuTrigger'),
       topnavUserMenu: cySelector('dashboard.topnav.userMenu'),
       topnavMenuItem: (icon: string) => cySelector('dashboard.topnav.menuItem', { icon }),

package/tests/cypress/src/features/DevtoolsPOM.ts

@@ -38,7 +38,7 @@ export class DevtoolsPOM extends BasePOM {
 
       // Exit navigation
       exitToDashboard: cySelector('devtools.navigation.exitToDashboard'),
-      goToAdmin: cySelector('devtools.navigation.goToAdmin'),
+      goToAdmin: cySelector('devtools.navigation.goToSuperadmin'),
 
       // Home Page
       homePage: cySelector('devtools.home.page'),
@@ -85,6 +85,17 @@ export class DevtoolsPOM extends BasePOM {
       testsNotFound: cySelector('devtools.tests.notFound'),
       testsBackToList: cySelector('devtools.tests.backToList'),
 
+      // Test Coverage Dashboard (new)
+      testsDashboard: cySelector('devtools.tests.dashboard'),
+      testsDashboardButton: cySelector('devtools.tests.dashboardButton'),
+      testsDashboardStats: cySelector('devtools.tests.dashboardStats'),
+      testsDashboardStatFeatures: cySelector('devtools.tests.dashboardStatFeatures'),
+      testsDashboardStatFlows: cySelector('devtools.tests.dashboardStatFlows'),
+      testsDashboardStatFiles: cySelector('devtools.tests.dashboardStatFiles'),
+      testsDashboardStatTags: cySelector('devtools.tests.dashboardStatTags'),
+      testsDashboardGaps: cySelector('devtools.tests.dashboardGaps'),
+      testsDashboardGapItem: (slug: string) => cySelector('devtools.tests.dashboardGapItem', { slug }),
+
       // Sidebar
       sidebar: cySelector('devtools.navigation.sidebar'),
 

package/tests/cypress/src/session-helpers.ts

@@ -19,35 +19,53 @@
 
 import { DevKeyringPOM as DevKeyring } from './components/DevKeyringPOM'
 
+/**
+ * Environment-based Test Credentials
+ *
+ * These can be overridden via Cypress env variables (cypress.config.ts or CLI):
+ * - CYPRESS_DEVELOPER_EMAIL / CYPRESS_DEVELOPER_PASSWORD - Developer user
+ * - CYPRESS_SUPERADMIN_EMAIL / CYPRESS_SUPERADMIN_PASSWORD - Superadmin user
+ * - CYPRESS_OWNER_EMAIL, CYPRESS_ADMIN_EMAIL, etc. - Demo theme users
+ *
+ * Fallback values are the default users from core and theme sample data.
+ */
+
+// Core system user credentials (configurable via env)
+const DEVELOPER_EMAIL = Cypress.env('DEVELOPER_EMAIL') || 'developer@nextspark.dev'
+const DEVELOPER_PASSWORD = Cypress.env('DEVELOPER_PASSWORD') || 'Pandora1234'
+const SUPERADMIN_PASSWORD = Cypress.env('SUPERADMIN_PASSWORD') || 'Pandora1234'
+
+// Demo user password (configurable via env)
+const TEST_PASSWORD = Cypress.env('TEST_PASSWORD') || 'Test1234'
+
 /**
  * Default Theme Test Users
  * Teams: Everpoint Labs, Ironvale Global, Riverstone Ventures
+ *
+ * Note: These are fallback demo users. For selector tests, use CORE_USER (developer).
  */
 export const DEFAULT_THEME_USERS = {
-  OWNER: 'carlos.mendoza@nextspark.dev',      // Everpoint Labs (owner), Riverstone (member)
-  ADMIN: 'james.wilson@nextspark.dev',        // Everpoint Labs (admin)
-  MEMBER: 'emily.johnson@nextspark.dev',      // Everpoint (member), Riverstone (admin)
-  EDITOR: 'diego.ramirez@nextspark.dev',      // Everpoint Labs (editor) - custom role
-  VIEWER: 'sarah.davis@nextspark.dev',        // Ironvale Global (viewer)
+  OWNER: Cypress.env('OWNER_EMAIL') || 'carlos.mendoza@nextspark.dev',
+  ADMIN: Cypress.env('ADMIN_EMAIL') || 'james.wilson@nextspark.dev',
+  MEMBER: Cypress.env('MEMBER_EMAIL') || 'emily.johnson@nextspark.dev',
+  EDITOR: Cypress.env('EDITOR_EMAIL') || 'diego.ramirez@nextspark.dev',
+  VIEWER: Cypress.env('VIEWER_EMAIL') || 'sarah.davis@nextspark.dev',
 } as const
 
 /**
  * Core System Users (from core/migrations/090_sample_data.sql)
  * These users have special global roles, not team-based roles
+ *
+ * IMPORTANT: DEVELOPER is the recommended user for most tests.
+ * Configurable via CYPRESS_DEVELOPER_EMAIL env variable.
  */
 export const CORE_USERS = {
-  SUPERADMIN: 'superadmin@nextspark.dev',     // Global superadmin role - Admin access
-  DEVELOPER: 'developer@nextspark.dev',       // Global developer role - Dev Zone access
+  SUPERADMIN: Cypress.env('SUPERADMIN_EMAIL') || 'superadmin@nextspark.dev',
+  DEVELOPER: DEVELOPER_EMAIL,
 } as const
 
-// Common password for demo users (team-based)
-const TEST_PASSWORD = 'Test1234'
-
-// Password for core system users (superadmin/developer)
-const CORE_PASSWORD = 'Pandora1234'
-
-// Extended timeout for dev server compilation
-const API_TIMEOUT = 30000
+// Extended timeout for dev server compilation (60s for slow cold starts)
+const API_TIMEOUT = 60000
 
 /**
  * Sets up team context after login (requires page to be loaded for localStorage access)
@@ -290,7 +308,7 @@ export function loginAsDefaultEditor() {
  */
 export function loginAsDefaultSuperadmin() {
   cy.session('default-superadmin-session', () => {
-    apiLogin(CORE_USERS.SUPERADMIN, CORE_PASSWORD).then((apiLoginSucceeded) => {
+    apiLogin(CORE_USERS.SUPERADMIN, SUPERADMIN_PASSWORD).then((apiLoginSucceeded) => {
       if (apiLoginSucceeded) {
         cy.visit('/superadmin', { timeout: 60000 })
       }
@@ -320,7 +338,7 @@ export function loginAsDefaultSuperadmin() {
  */
 export function loginAsDefaultDeveloper() {
   cy.session('default-developer-session', () => {
-    apiLogin(CORE_USERS.DEVELOPER, CORE_PASSWORD).then((apiLoginSucceeded) => {
+    apiLogin(CORE_USERS.DEVELOPER, DEVELOPER_PASSWORD).then((apiLoginSucceeded) => {
       if (apiLoginSucceeded) {
         cy.visit('/devtools', { timeout: 60000 })
       }

package/tests/cypress/support/e2e.ts

@@ -12,7 +12,8 @@
 import '@testing-library/cypress/add-commands'
 
 // Import @cypress/grep for test filtering by tags
-import registerCypressGrep from '@cypress/grep'
+// v5.x uses named export { register }
+import { register as registerCypressGrep } from '@cypress/grep'
 registerCypressGrep()
 
 // Doc commands are optional (require cypress-slow-down)

package/tests/cypress.config.ts

@@ -10,25 +10,46 @@
 import { defineConfig } from 'cypress'
 import path from 'path'
 import fs from 'fs'
+import { fileURLToPath } from 'url'
 
-// __dirname is available because ts-node processes this file as CommonJS
-// (Next.js projects don't use "type": "module" in package.json)
+// ESM/CJS compatibility: Create __dirname for ES modules
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 // Paths relative to this config file
 const themeRoot = path.resolve(__dirname, '..')
-const projectRoot = path.resolve(__dirname, '../../../..')
 const narrationsOutputDir = path.join(__dirname, 'cypress/videos/narrations')
 
-// Detect if running in npm mode (no packages/core folder) vs monorepo
-const isNpmMode = !fs.existsSync(path.join(projectRoot, 'packages/core'))
+// Detect if running in npm mode vs monorepo
+// In monorepo: themes/default/tests -> 3 levels up to repo root
+// In npm mode: contents/themes/default/tests -> 4 levels up to project root
+const monorepoRoot = path.resolve(__dirname, '../../..')
+const npmRoot = path.resolve(__dirname, '../../../..')
+const isNpmMode = !fs.existsSync(path.join(monorepoRoot, 'packages/core'))
+const projectRoot = isNpmMode ? npmRoot : monorepoRoot
 
 // Load environment variables
+// In monorepo: apps/dev/.env | In npm mode: .env at project root
 import dotenv from 'dotenv'
-dotenv.config({ path: path.join(projectRoot, '.env') })
+const envPath = isNpmMode
+  ? path.join(projectRoot, '.env')
+  : path.join(projectRoot, 'apps/dev/.env')
+dotenv.config({ path: envPath })
 
 // Server port (from .env or default 3000)
 const port = process.env.PORT || 3000
 
+// Extract CYPRESS_ prefixed variables from process.env
+// Cypress auto-strips the CYPRESS_ prefix when accessing via Cypress.env()
+const cypressEnvVars: Record<string, string> = {}
+Object.entries(process.env).forEach(([key, value]) => {
+  if (key.startsWith('CYPRESS_') && value) {
+    // Remove CYPRESS_ prefix for Cypress.env() access
+    const cypressKey = key.replace('CYPRESS_', '')
+    cypressEnvVars[cypressKey] = value
+  }
+})
+
 export default defineConfig({
   e2e: {
     // Base URL for the application
@@ -87,14 +108,13 @@ export default defineConfig({
 
     // Environment variables
     env: {
+      // Spread CYPRESS_ prefixed vars from .env (e.g., CYPRESS_DEVELOPER_EMAIL -> DEVELOPER_EMAIL)
+      ...cypressEnvVars,
+
       // Theme info
       ACTIVE_THEME: 'default',
       THEME_PATH: themeRoot,
 
-      // Test user credentials
-      TEST_USER_EMAIL: 'user@example.com',
-      TEST_USER_PASSWORD: 'Testing1234',
-
       // Feature flags
       ENABLE_ALLURE: true,
 
@@ -118,8 +138,9 @@ export default defineConfig({
       })
 
       // @cypress/grep plugin for test filtering by tags
-      const grepPlugin = await import('@cypress/grep/src/plugin.js')
-      ;(grepPlugin.default || grepPlugin)(config)
+      // v5.x uses named export { plugin } from '@cypress/grep/plugin'
+      const { plugin: grepPlugin } = await import('@cypress/grep/plugin')
+      grepPlugin(config)
 
       // Documentation video tasks
       on('task', {

package/tests/tsconfig.json

@@ -1,15 +1,21 @@
 {
-  "extends": "../../../../tsconfig.cypress.json",
   "compilerOptions": {
-    "baseUrl": "../../../..",
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "types": ["cypress", "node"],
+    "baseUrl": ".",
     "paths": {
-      "@/core/*": ["./packages/core/*"],
-      "@/contents/*": ["./contents/*"],
-      "@/*": ["./*"]
+      "@/*": ["../../../*"]
     }
   },
   "include": [
-    "../../../../cypress.d.ts",
-    "cypress/**/*.ts"
+    "cypress/**/*.ts",
+    "cypress.config.ts"
   ]
 }

package/tests/cypress/e2e/_selectors/billing.cy.ts

@@ -1,89 +0,0 @@
-/**
- * UI Selectors Validation: Billing Components
- *
- * This test validates that new billing component selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate DowngradeWarning component selectors
- * - Validate ManageBillingButton selector
- * - Validate SubscriptionStatus updates
- * - Run as Phase 12 sub-gate (v4.1) before functional tests
- *
- * Scope:
- * - Only login and navigate
- * - Assert elements exist in DOM (no CRUD operations)
- * - Fast execution (< 30 seconds)
- */
-
-import { loginAsDefaultOwner } from '../../src/session-helpers'
-
-describe('UI Selectors Validation: Billing', { tags: ['@ui-selectors'] }, () => {
-  beforeEach(() => {
-    loginAsDefaultOwner()
-  })
-
-  describe('ManageBillingButton Selector', () => {
-    beforeEach(() => {
-      cy.visit('/dashboard/settings/billing')
-    })
-
-    it('should have manage-billing-button selector in DOM structure', () => {
-      // Note: Button may not be visible if no externalCustomerId
-      // We're just checking the selector exists in component code
-      // For free tier users, button won't render, so we check conditionally
-
-      cy.get('body').then(($body) => {
-        // If button exists, it should have the correct selector
-        if ($body.find('[data-cy="manage-billing-button"]').length > 0) {
-          cy.get('[data-cy="manage-billing-button"]').should('exist')
-        } else {
-          // Button not rendered (expected for free tier)
-          cy.log('manage-billing-button not rendered (expected for free tier)')
-        }
-      })
-    })
-  })
-
-  describe('SubscriptionStatus Updated Selectors', () => {
-    beforeEach(() => {
-      cy.visit('/dashboard/settings/billing')
-    })
-
-    it('should have subscription-manage-billing container selector', () => {
-      // Check if container exists (may be empty for free tier)
-      cy.get('body').then(($body) => {
-        if ($body.find('[data-cy="subscription-manage-billing"]').length > 0) {
-          cy.get('[data-cy="subscription-manage-billing"]').should('exist')
-        } else {
-          cy.log('subscription-manage-billing container not found')
-        }
-      })
-    })
-  })
-
-  describe('DowngradeWarning Selectors', () => {
-    // Note: DowngradeWarning only renders when overLimitResources.length > 0
-    // This is a modal/alert component that appears in specific workflows
-    // We can't easily trigger it without a full downgrade flow
-    // For now, we document the selectors exist in the component code
-
-    it('should have downgrade-warning selectors defined in component', () => {
-      // This test verifies the component file exists with correct selectors
-      // Actual rendering requires specific state (user with over-limit resources)
-
-      cy.log('DowngradeWarning component selectors:')
-      cy.log('- downgrade-warning')
-      cy.log('- downgrade-warning-title')
-      cy.log('- downgrade-warning-description')
-      cy.log('- downgrade-warning-list')
-      cy.log('- downgrade-limit-{slug}')
-      cy.log('- downgrade-warning-policy')
-      cy.log('- downgrade-warning-confirm')
-      cy.log('- downgrade-warning-cancel')
-
-      // Component exists and is importable
-      cy.wrap(true).should('be.true')
-    })
-  })
-})

package/tests/cypress/e2e/_selectors/dashboard-mobile.cy.ts

@@ -1,113 +0,0 @@
-/**
- * UI Selectors Validation: Dashboard Mobile
- *
- * This test validates that dashboard mobile selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate DashboardPOM mobile selectors work correctly
- * - Ensure all dashboard.mobile.* selectors are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * Scope:
- * - Navigate to dashboard (requires login)
- * - Assert elements exist in DOM (no form submissions)
- *
- * IMPORTANT: Mobile selectors are ONLY visible on small viewports (< 1024px).
- * All tests are marked as skip for desktop testing.
- * To test mobile, use: cy.viewport('iphone-x') or similar.
- */
-
-import { DashboardPOM } from '../../src/features/DashboardPOM'
-
-describe('Dashboard Mobile Selectors Validation', { tags: ['@ui-selectors', '@mobile'] }, () => {
-  const dashboard = DashboardPOM.create()
-
-  // ============================================
-  // DOCUMENTATION (no login needed)
-  // ============================================
-  describe('Mobile Testing Documentation', () => {
-    it('documents how to test mobile selectors', () => {
-      cy.log('Mobile selectors require viewport < 1024px')
-      cy.log('To test: Add cy.viewport("iphone-x") in beforeEach')
-      cy.log('Or run with: --config viewportWidth=375,viewportHeight=812')
-      cy.log('All mobile tests are skipped for desktop viewport')
-    })
-  })
-
-  // ============================================
-  // MOBILE TOPBAR (4 selectors)
-  // NOTE: Only visible on mobile viewports
-  // ============================================
-  describe('Mobile Topbar Selectors', () => {
-    it.skip('should find mobile topbar header (mobile viewport only)', () => {
-      // Requires: cy.viewport('iphone-x')
-      cy.get(dashboard.selectors.mobileTopbarHeader).should('exist')
-    })
-
-    it.skip('should find mobile user profile button (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileTopbarUserProfile).should('exist')
-    })
-
-    it.skip('should find mobile notifications button (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileTopbarNotifications).should('exist')
-    })
-
-    it.skip('should find mobile theme toggle (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileTopbarThemeToggle).should('exist')
-    })
-  })
-
-  // ============================================
-  // MOBILE BOTTOM NAV (2 selectors)
-  // ============================================
-  describe('Mobile Bottom Nav Selectors', () => {
-    it.skip('should find mobile bottom nav (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileBottomNav).should('exist')
-    })
-
-    it.skip('should find mobile bottom nav item (mobile viewport only)', () => {
-      // Example: dashboard, entities, create, more
-      cy.get(dashboard.selectors.mobileBottomNavItem('dashboard')).should('exist')
-    })
-  })
-
-  // ============================================
-  // MOBILE MORE SHEET (5 selectors)
-  // ============================================
-  describe('Mobile More Sheet Selectors', () => {
-    it.skip('should find mobile more sheet content (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileMoreSheetContent).should('exist')
-    })
-
-    it.skip('should find mobile more sheet item (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileMoreSheetItem('settings')).should('exist')
-    })
-
-    it.skip('should find mobile more sheet sector7 link (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileMoreSheetSuperadmin).should('exist')
-    })
-
-    it.skip('should find mobile more sheet team switcher (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileMoreSheetTeamSwitcher).should('exist')
-    })
-
-    it.skip('should find mobile more sheet signout button (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileMoreSheetSignout).should('exist')
-    })
-  })
-
-  // ============================================
-  // MOBILE QUICK CREATE SHEET (2 selectors)
-  // ============================================
-  describe('Mobile Quick Create Sheet Selectors', () => {
-    it.skip('should find mobile quick create sheet content (mobile viewport only)', () => {
-      cy.get(dashboard.selectors.mobileQuickCreateContent).should('exist')
-    })
-
-    it.skip('should find mobile quick create item (mobile viewport only)', () => {
-      // Example: tasks, customers, posts, pages
-      cy.get(dashboard.selectors.mobileQuickCreateItem('tasks')).should('exist')
-    })
-  })
-})

package/tests/cypress/e2e/_selectors/dashboard-navigation.cy.ts

@@ -1,89 +0,0 @@
-/**
- * UI Selectors Validation: Dashboard Navigation
- *
- * This test validates that dashboard navigation selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate DashboardPOM navigation selectors work correctly
- * - Ensure all dashboard.navigation.* selectors are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * Scope:
- * - Navigate to dashboard (requires login)
- * - Assert elements exist in DOM (no form submissions)
- * - Fast execution (< 30 seconds per describe block)
- *
- * NOTE: Entity links are dynamic based on permissions.
- * Section selectors require knowing the exact section IDs.
- */
-
-import { DashboardPOM } from '../../src/features/DashboardPOM'
-import { loginAsDefaultOwner } from '../../src/session-helpers'
-
-describe('Dashboard Navigation Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  const dashboard = DashboardPOM.create()
-
-  beforeEach(() => {
-    loginAsDefaultOwner()
-    cy.visit('/dashboard', { timeout: 60000, failOnStatusCode: false })
-    cy.url().should('include', '/dashboard')
-  })
-
-  // ============================================
-  // NAVIGATION STRUCTURE (2 selectors)
-  // ============================================
-  describe('Navigation Structure', () => {
-    it('should find nav main container', () => {
-      cy.get(dashboard.selectors.navMain).should('exist')
-    })
-
-    // Selector not implemented in DynamicNavigation component
-    it.skip('should find dashboard link (selector not implemented)', () => {
-      cy.get(dashboard.selectors.navDashboard).should('exist')
-    })
-  })
-
-  // ============================================
-  // ENTITY LINKS (dynamic selectors)
-  // ============================================
-  describe('Entity Links', () => {
-    it('should find tasks entity link', () => {
-      cy.get(dashboard.selectors.navEntity('tasks')).should('exist')
-    })
-
-    it('should find customers entity link', () => {
-      cy.get(dashboard.selectors.navEntity('customers')).should('exist')
-    })
-
-    it('should find posts entity link', () => {
-      cy.get(dashboard.selectors.navEntity('posts')).should('exist')
-    })
-
-    it('should find pages entity link', () => {
-      cy.get(dashboard.selectors.navEntity('pages')).should('exist')
-    })
-  })
-
-  // ============================================
-  // NAVIGATION SECTIONS (dynamic selectors)
-  // NOTE: Section IDs depend on theme navigation config
-  // ============================================
-  describe('Navigation Sections', () => {
-    // Section IDs from default theme's navigation.config.ts
-    it.skip('should find section by ID (requires knowing exact section IDs)', () => {
-      // Example: cy.get(dashboard.selectors.navSection('entities')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    it.skip('should find section label (requires knowing exact section IDs)', () => {
-      // Example: cy.get(dashboard.selectors.navSectionLabel('entities')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    it.skip('should find section item (requires knowing exact section and item IDs)', () => {
-      // Example: cy.get(dashboard.selectors.navSectionItem('entities', 'tasks')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-  })
-})