@nextsparkjs/core 0.1.0-beta.3 → 0.1.0-beta.5

package/templates/contents/themes/default/tests/cypress/e2e/_selectors/auth.cy.ts

@@ -1,306 +0,0 @@
-/**
- * UI Selectors Validation: Authentication
- *
- * This test validates that authentication component selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate AuthPOM selectors work correctly
- * - Ensure all auth.* selectors from CORE_SELECTORS are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * Scope:
- * - Navigate to auth pages (NO login required - public pages)
- * - Assert elements exist in DOM (no form submissions)
- * - Fast execution (< 30 seconds per describe block)
- */
-
-import { AuthPOM } from '../../src/core/AuthPOM'
-
-describe('Auth Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  const auth = AuthPOM.create()
-
-  // ============================================
-  // LOGIN PAGE SELECTORS (18 selectors)
-  // ============================================
-  describe('Login Page Selectors - Card & Structure', () => {
-    beforeEach(() => {
-      auth.visitLogin()
-      // Wait for card to be visible (form may not be visible by default)
-      cy.get(auth.selectors.loginCard, { timeout: 10000 }).should('be.visible')
-    })
-
-    it('should find login card', () => {
-      cy.get(auth.selectors.loginCard).should('exist')
-    })
-
-    it('should find login header', () => {
-      cy.get(auth.selectors.loginHeader).should('exist')
-    })
-
-    it('should find login footer', () => {
-      cy.get(auth.selectors.loginFooter).should('exist')
-    })
-
-    it('should find signup link', () => {
-      cy.get(auth.selectors.loginSignupLink).should('exist')
-    })
-
-    it('should find Google signin button', () => {
-      cy.get(auth.selectors.loginGoogle).should('exist')
-    })
-
-    it('should find show email button', () => {
-      cy.get(auth.selectors.loginShowEmail).should('exist')
-    })
-
-    // Note: Invite banner only shows when invited
-    it.skip('should find invite banner (requires invite token)', () => {
-      cy.get(auth.selectors.loginInviteBanner).should('exist')
-    })
-  })
-
-  describe('Login Page Selectors - Email Form', () => {
-    beforeEach(() => {
-      auth.visitLogin()
-      // Wait for card and click show email to reveal form
-      cy.get(auth.selectors.loginCard, { timeout: 10000 }).should('be.visible')
-      cy.get(auth.selectors.loginShowEmail).click()
-      cy.get(auth.selectors.loginForm, { timeout: 5000 }).should('be.visible')
-    })
-
-    it('should find login form', () => {
-      cy.get(auth.selectors.loginForm).should('exist')
-    })
-
-    it('should find login options', () => {
-      cy.get(auth.selectors.loginOptions).should('exist')
-    })
-
-    it('should find email input', () => {
-      cy.get(auth.selectors.loginEmail).should('exist')
-    })
-
-    it('should find password input', () => {
-      cy.get(auth.selectors.loginPassword).should('exist')
-    })
-
-    it('should find submit button', () => {
-      cy.get(auth.selectors.loginSubmit).should('exist')
-    })
-
-    it('should find forgot password link', () => {
-      cy.get(auth.selectors.loginForgotPassword).should('exist')
-    })
-
-    it('should find hide email button', () => {
-      cy.get(auth.selectors.loginHideEmail).should('exist')
-    })
-
-    it('should find remember checkbox', () => {
-      cy.get(auth.selectors.loginRememberCheckbox).should('exist')
-    })
-
-    // Note: Error selectors only appear when there's an error
-    it('should find email error when validation fails', () => {
-      cy.get(auth.selectors.loginSubmit).click()
-      cy.get(auth.selectors.loginEmailError).should('exist')
-    })
-
-    it('should find password error when validation fails', () => {
-      cy.get(auth.selectors.loginEmail).type('test@example.com')
-      cy.get(auth.selectors.loginSubmit).click()
-      cy.get(auth.selectors.loginPasswordError).should('exist')
-    })
-
-    it('should find error alert after failed login', () => {
-      cy.get(auth.selectors.loginEmail).type('nonexistent@example.com')
-      cy.get(auth.selectors.loginPassword).type('wrongpassword')
-      cy.get(auth.selectors.loginSubmit).click()
-      cy.get(auth.selectors.loginError, { timeout: 10000 }).should('exist')
-    })
-  })
-
-  // ============================================
-  // SIGNUP PAGE SELECTORS (11 selectors)
-  // ============================================
-  describe('Signup Page Selectors', () => {
-    beforeEach(() => {
-      auth.visitSignup()
-      auth.waitForSignupForm()
-    })
-
-    it('should find signup form', () => {
-      cy.get(auth.selectors.signupForm).should('exist')
-    })
-
-    it('should find first name input', () => {
-      cy.get(auth.selectors.signupFirstName).should('exist')
-    })
-
-    it('should find last name input', () => {
-      cy.get(auth.selectors.signupLastName).should('exist')
-    })
-
-    it('should find email input', () => {
-      cy.get(auth.selectors.signupEmail).should('exist')
-    })
-
-    it('should find password input', () => {
-      cy.get(auth.selectors.signupPassword).should('exist')
-    })
-
-    it('should find confirm password input', () => {
-      cy.get(auth.selectors.signupConfirmPassword).should('exist')
-    })
-
-    it('should find submit button', () => {
-      cy.get(auth.selectors.signupSubmit).should('exist')
-    })
-
-    // Note: Google signup button not implemented in current SignupForm
-    it.skip('should find Google signup button (not implemented)', () => {
-      cy.get(auth.selectors.signupGoogle).should('exist')
-    })
-
-    it('should find login link', () => {
-      cy.get(auth.selectors.signupLoginLink).should('exist')
-    })
-
-    // Note: Invite banner only shows when invited
-    it.skip('should find invite banner (requires invite token)', () => {
-      cy.get(auth.selectors.signupInviteBanner).should('exist')
-    })
-
-    // Note: Error message selector not implemented in current SignupForm
-    it.skip('should find error message (selector not implemented)', () => {
-      cy.get(auth.selectors.signupError).should('exist')
-    })
-  })
-
-  // ============================================
-  // FORGOT PASSWORD SELECTORS (8 selectors)
-  // ============================================
-  describe('Forgot Password Selectors', () => {
-    beforeEach(() => {
-      auth.visitForgotPassword()
-      cy.get(auth.selectors.forgotPasswordForm, { timeout: 10000 }).should('be.visible')
-    })
-
-    it('should find forgot password form', () => {
-      cy.get(auth.selectors.forgotPasswordForm).should('exist')
-    })
-
-    it('should find email input', () => {
-      cy.get(auth.selectors.forgotPasswordEmail).should('exist')
-    })
-
-    it('should find submit button', () => {
-      cy.get(auth.selectors.forgotPasswordSubmit).should('exist')
-    })
-
-    it('should find back to login link', () => {
-      cy.get(auth.selectors.forgotPasswordBack).should('exist')
-    })
-
-    // Note: Success message only appears after successful submission
-    it.skip('should find success message (requires successful submission)', () => {
-      cy.get(auth.selectors.forgotPasswordSuccess).should('exist')
-    })
-
-    // Note: Success back link only appears in success state
-    it.skip('should find success back link (requires success state)', () => {
-      cy.get(auth.selectors.forgotPasswordSuccessBack).should('exist')
-    })
-
-    // Note: Retry button only appears in success state
-    it.skip('should find retry button (requires success state)', () => {
-      cy.get(auth.selectors.forgotPasswordRetry).should('exist')
-    })
-
-    // Note: Error only appears on server error response
-    it.skip('should find error message (requires server error)', () => {
-      cy.get(auth.selectors.forgotPasswordError).should('exist')
-    })
-  })
-
-  // ============================================
-  // DEV KEYRING SELECTORS (4 selectors)
-  // ============================================
-  describe('DevKeyring Selectors', () => {
-    beforeEach(() => {
-      auth.visitLogin()
-      // Wait for login card (not form - form may not be visible by default)
-      cy.get(auth.selectors.loginCard, { timeout: 10000 }).should('be.visible')
-    })
-
-    it('should find devkeyring container', () => {
-      cy.get(auth.selectors.devKeyring).should('exist')
-    })
-
-    it('should find devkeyring trigger', () => {
-      cy.get(auth.selectors.devKeyringTrigger).should('exist')
-    })
-
-    it('should find devkeyring content when opened', () => {
-      auth.openDevKeyring()
-      cy.get(auth.selectors.devKeyringContent).should('be.visible')
-    })
-
-    it('should find devkeyring user options', () => {
-      auth.openDevKeyring()
-      // Test first user option (index 0)
-      cy.get(auth.selectors.devKeyringUser(0)).should('exist')
-    })
-  })
-
-  // ============================================
-  // RESET PASSWORD SELECTORS (5 selectors) - SKIP
-  // Requires valid token from email
-  // ============================================
-  describe('Reset Password Selectors', () => {
-    it.skip('should find reset password form (requires valid token)', () => {
-      // These tests are skipped because they require a valid reset token
-      // To test: auth.visitResetPassword('valid-token')
-      cy.get(auth.selectors.resetPasswordForm).should('exist')
-    })
-
-    it.skip('should find password input (requires valid token)', () => {
-      cy.get(auth.selectors.resetPasswordPassword).should('exist')
-    })
-
-    it.skip('should find confirm password input (requires valid token)', () => {
-      cy.get(auth.selectors.resetPasswordConfirm).should('exist')
-    })
-
-    it.skip('should find submit button (requires valid token)', () => {
-      cy.get(auth.selectors.resetPasswordSubmit).should('exist')
-    })
-
-    it.skip('should find error message (requires valid token)', () => {
-      cy.get(auth.selectors.resetPasswordError).should('exist')
-    })
-  })
-
-  // ============================================
-  // VERIFY EMAIL SELECTORS (4 selectors) - SKIP
-  // Requires pending verification state
-  // ============================================
-  describe('Verify Email Selectors', () => {
-    it.skip('should find verify email container (requires pending verification)', () => {
-      cy.get(auth.selectors.verifyEmailContainer).should('exist')
-    })
-
-    it.skip('should find resend button (requires pending verification)', () => {
-      cy.get(auth.selectors.verifyEmailResend).should('exist')
-    })
-
-    it.skip('should find success message (requires verification complete)', () => {
-      cy.get(auth.selectors.verifyEmailSuccess).should('exist')
-    })
-
-    it.skip('should find error message (requires verification failure)', () => {
-      cy.get(auth.selectors.verifyEmailError).should('exist')
-    })
-  })
-})

package/templates/contents/themes/default/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/templates/contents/themes/default/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/templates/contents/themes/default/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')
-    })
-  })
-})

package/templates/contents/themes/default/tests/cypress/e2e/_selectors/dashboard-sidebar.cy.ts

@@ -1,60 +0,0 @@
-/**
- * UI Selectors Validation: Dashboard Sidebar
- *
- * This test validates that dashboard sidebar selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate DashboardPOM sidebar selectors work correctly
- * - Ensure all dashboard.sidebar.* 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: Sidebar is only visible on desktop viewports when authenticated.
- */
-
-import { DashboardPOM } from '../../src/features/DashboardPOM'
-import { loginAsDefaultOwner } from '../../src/session-helpers'
-
-describe('Dashboard Sidebar Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  const dashboard = DashboardPOM.create()
-
-  beforeEach(() => {
-    loginAsDefaultOwner()
-    cy.visit('/dashboard', { timeout: 60000, failOnStatusCode: false })
-    cy.url().should('include', '/dashboard')
-  })
-
-  // ============================================
-  // SIDEBAR STRUCTURE (4 selectors)
-  // 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
-  // ============================================
-  describe('Sidebar Structure', () => {
-    it('should find sidebar main container', () => {
-      cy.get(dashboard.selectors.sidebarMain).should('exist')
-    })
-
-    // Selector mismatch: CORE_SELECTORS='sidebar-header' vs component='sidebar-header-section'
-    it.skip('should find sidebar header (selector not aligned with component)', () => {
-      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')
-    })
-
-    // Not implemented in Sidebar.tsx
-    it.skip('should find sidebar footer (selector not implemented)', () => {
-      cy.get(dashboard.selectors.sidebarFooter).should('exist')
-    })
-  })
-})