@nextsparkjs/theme-default 0.1.0-beta.38 → 0.1.0-beta.40

package/components/ai-chat/ChatPanel.tsx

@@ -8,7 +8,7 @@ import { MessageInput } from './MessageInput'
 import { MarkdownRenderer } from './MarkdownRenderer'
 import { TypingIndicator } from './TypingIndicator'
 import { ConversationSidebar } from './ConversationSidebar'
-import { createCyId } from '@nextsparkjs/core/lib/testing-utils'
+import { createCyId } from '@nextsparkjs/testing/utils'
 import { cn } from '@nextsparkjs/core/lib/utils'
 import { Bot, User, Loader2, Trash2, ListTodo, Users, FileText, Sparkles, X } from 'lucide-react'
 import type { ConversationInfo } from '../../lib/hooks/useConversations'

package/components/ai-chat/Message.tsx

@@ -2,7 +2,7 @@ import { cn } from '@nextsparkjs/core/lib/utils'
 import { Message as MessageType } from '../../lib/hooks/useAiChat'
 import { MarkdownRenderer } from './MarkdownRenderer'
 import { User, Bot } from 'lucide-react'
-import { createCyId } from '@nextsparkjs/core/lib/testing-utils'
+import { createCyId } from '@nextsparkjs/testing/utils'
 
 interface MessageProps {
     message: MessageType

package/components/ai-chat/MessageInput.tsx

@@ -2,7 +2,7 @@ import { KeyboardEvent } from 'react'
 import { Button } from '@nextsparkjs/core/components/ui/button'
 import { Textarea } from '@nextsparkjs/core/components/ui/textarea'
 import { Send } from 'lucide-react'
-import { createCyId } from '@nextsparkjs/core/lib/testing-utils'
+import { createCyId } from '@nextsparkjs/testing/utils'
 
 interface MessageInputProps {
     value: string

package/components/ai-chat/MessageList.tsx

@@ -3,7 +3,7 @@ import { ScrollArea } from '@nextsparkjs/core/components/ui/scroll-area'
 import { Message as MessageType } from '../../lib/hooks/useAiChat'
 import { Message } from './Message'
 import { TypingIndicator } from './TypingIndicator'
-import { createCyId } from '@nextsparkjs/core/lib/testing-utils'
+import { createCyId } from '@nextsparkjs/testing/utils'
 
 interface MessageListProps {
     messages: MessageType[]

package/components/ai-chat/TypingIndicator.tsx

@@ -1,4 +1,4 @@
-import { createCyId } from '@nextsparkjs/core/lib/testing-utils'
+import { createCyId } from '@nextsparkjs/testing/utils'
 
 export function TypingIndicator() {
     return (

package/lib/selectors.ts

@@ -9,8 +9,7 @@
  * - Cypress tests (via tests/cypress/src/selectors.ts)
  */
 
-import { createSelectorHelpers } from '@nextsparkjs/core/lib/test/selector-factory'
-import { CORE_SELECTORS } from '@nextsparkjs/core/lib/test/core-selectors'
+import { createSelectorHelpers, CORE_SELECTORS } from '@nextsparkjs/testing/selectors'
 
 // =============================================================================
 // BLOCK SELECTORS
@@ -197,5 +196,5 @@ export const entitySelectors = helpers.entitySelectors
  */
 export type ThemeSelectorsType = typeof THEME_SELECTORS
 export type BlockSelectorsType = typeof BLOCK_SELECTORS
-export type { Replacements } from '@nextsparkjs/core/lib/test/selector-factory'
+export type { Replacements } from '@nextsparkjs/testing/selectors'
 export { CORE_SELECTORS }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/theme-default",
-  "version": "0.1.0-beta.38",
+  "version": "0.1.0-beta.40",
   "private": false,
   "type": "module",
   "main": "./config/theme.config.ts",
@@ -17,7 +17,8 @@
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
     "zod": "^4.0.0",
-    "@nextsparkjs/core": "0.1.0-beta.38"
+    "@nextsparkjs/core": "0.1.0-beta.40",
+    "@nextsparkjs/testing": "0.1.0-beta.40"
   },
   "nextspark": {
     "type": "theme",

package/tests/cypress/e2e/api/_core/billing/BillingAPIController.js

@@ -6,7 +6,7 @@
  * - API Key with appropriate scopes (or superadmin with *)
  * - x-team-id header for team context
  */
-const BaseAPIController = require('../../../src/controllers/BaseAPIController')
+const BaseAPIController = require('../../../../src/controllers/BaseAPIController')
 
 class BillingAPIController extends BaseAPIController {
   /**

package/tests/cypress/e2e/api/_core/settings/api-keys.crud.cy.ts

@@ -12,7 +12,7 @@
 
 import * as allure from 'allure-cypress'
 
-const ApiKeysAPIController = require('../../../src/controllers/ApiKeysAPIController.js')
+const ApiKeysAPIController = require('../../../../src/controllers/ApiKeysAPIController.js')
 
 describe('API Keys API - CRUD Operations', {
   tags: ['@api', '@feat-api-keys', '@crud', '@security', '@regression']

package/tests/cypress/e2e/api/_core/users/users-crud.cy.ts

@@ -9,7 +9,7 @@
 
 import * as allure from 'allure-cypress'
 
-const UsersAPIController = require('../../../src/controllers/UsersAPIController.js')
+const UsersAPIController = require('../../../../src/controllers/UsersAPIController.js')
 
 describe('Users API - CRUD Operations', {
   tags: ['@api', '@feat-users', '@crud', '@regression']

package/tests/cypress/e2e/api/_core/users/users-metas.cy.ts

@@ -10,7 +10,7 @@
 
 import * as allure from 'allure-cypress'
 
-const UsersAPIController = require('../../../src/controllers/UsersAPIController.js')
+const UsersAPIController = require('../../../../src/controllers/UsersAPIController.js')
 
 describe('Users API - Metadata Tests', {
   tags: ['@api', '@feat-users', '@metas', '@regression']

package/tests/cypress/e2e/api/entities/customers/customers-crud.cy.ts

@@ -14,7 +14,7 @@
 
 import * as allure from 'allure-cypress'
 
-const CustomerAPIController = require('../../../src/controllers/CustomerAPIController.js')
+const CustomerAPIController = require('../../../../src/controllers/CustomerAPIController.js')
 
 describe('Customers API - CRUD Operations', {
   tags: ['@api', '@feat-customers', '@crud', '@regression']

package/tests/cypress/e2e/api/entities/customers/customers-metas.cy.ts

@@ -10,7 +10,7 @@
 
 import * as allure from 'allure-cypress'
 
-const CustomerAPIController = require('../../../src/controllers/CustomerAPIController.js')
+const CustomerAPIController = require('../../../../src/controllers/CustomerAPIController.js')
 
 describe('Customers API - Metadata Operations', {
   tags: ['@api', '@feat-customers', '@metas', '@regression']

package/tests/cypress/e2e/api/entities/tasks/tasks-crud.cy.ts

@@ -9,7 +9,7 @@
 
 import * as allure from 'allure-cypress'
 
-const TaskAPIController = require('../../../src/controllers/TaskAPIController.js')
+const TaskAPIController = require('../../../../src/controllers/TaskAPIController.js')
 
 describe('Tasks API - CRUD Operations', {
   tags: ['@api', '@feat-tasks', '@crud', '@regression']

package/tests/cypress/e2e/api/entities/tasks/tasks-metas.cy.ts

@@ -10,7 +10,7 @@
 
 import * as allure from 'allure-cypress'
 
-const TaskAPIController = require('../../../src/controllers/TaskAPIController.js')
+const TaskAPIController = require('../../../../src/controllers/TaskAPIController.js')
 
 describe('Tasks API - Metadata Operations', {
   tags: ['@api', '@feat-tasks', '@metas', '@regression']

package/tests/cypress/e2e/uat/_core/teams/team-switcher.md

@@ -142,7 +142,7 @@ To enable pending tests, add these attributes:
 
 ## POM Class
 
-**Path:** `test/cypress/src/classes/components/teams/TeamSwitcher.js`
+**Path:** `cypress/src/components/TeamSwitcher.ts`
 
 ### Key Methods
 
@@ -195,4 +195,4 @@ Tests use `cy.session()` for performance:
 
 - `core/components/teams/TeamSwitcherCompact.tsx` - Main component
 - `core/components/teams/TeamSwitchModal.tsx` - Transition modal
-- `test/cypress/src/classes/components/teams/TeamSwitcher.js` - POM class
+- `cypress/src/components/TeamSwitcher.ts` - POM class

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

@@ -1,85 +1,32 @@
 /**
- * BasePOM - Base class with common utilities for all Page Object Models
+ * BasePOM - Theme-specific base class for Page Object Models
  *
- * Provides:
- * - Selector pattern replacement for {placeholder} patterns
- * - Wrapper methods for common Cypress operations
- * - Fluent interface support (methods return `this`)
+ * Extends BasePOMCore from @nextsparkjs/testing and implements
+ * the abstract cySelector method with theme-specific selectors.
+ *
+ * @example Usage in feature POMs:
+ * ```ts
+ * import { BasePOM } from './BasePOM'
+ *
+ * class MyFeaturePOM extends BasePOM {
+ *   get elements() {
+ *     return {
+ *       button: this.cy('myFeature.button'),
+ *     }
+ *   }
+ * }
+ * ```
  */
-import { cySelector as cySel, type Replacements } from '../selectors'
-
-export abstract class BasePOM {
-  /**
-   * Replaces placeholders in a selector pattern and wraps with data-cy attribute
-   * @deprecated Use cySelector() from selectors.ts instead
-   * @param pattern - Selector pattern with {placeholder} syntax
-   * @param replacements - Object with placeholder values
-   * @returns Formatted data-cy selector string
-   *
-   * @example
-   * selector('{slug}-row-{id}', { slug: 'tasks', id: '123' })
-   * // Returns: '[data-cy="tasks-row-123"]'
-   */
-  protected selector(pattern: string, replacements: Record<string, string> = {}): string {
-    let result = pattern
-    for (const [key, value] of Object.entries(replacements)) {
-      result = result.replaceAll(`{${key}}`, value)
-    }
-    return `[data-cy="${result}"]`
-  }
-
-  /**
-   * Get a Cypress selector using the centralized selectors
-   * @param path - Dot-notation path to the selector (e.g., "auth.login.form")
-   * @param replacements - Optional placeholder replacements
-   * @returns Cypress selector string like [data-cy="selector-value"]
-   *
-   * @example
-   * this.cy('auth.login.form')
-   * // Returns: '[data-cy="login-form"]'
-   *
-   * this.cy('entities.table.row', { slug: 'tasks', id: '123' })
-   * // Returns: '[data-cy="tasks-row-123"]'
-   */
-  protected cy(path: string, replacements?: Replacements): string {
-    return cySel(path, replacements)
-  }
-
-  /**
-   * Wrapper for cy.get with selector pattern support
-   * @param pattern - Selector pattern or direct selector
-   * @param replacements - Optional placeholder replacements
-   */
-  protected get(pattern: string, replacements: Record<string, string> = {}) {
-    return cy.get(this.selector(pattern, replacements))
-  }
-
-  /**
-   * Generic wait with configurable timeout
-   * @param selector - CSS selector to wait for
-   * @param timeout - Max wait time in ms (default: 15000)
-   */
-  protected waitFor(selector: string, timeout = 15000) {
-    cy.get(selector, { timeout }).should('be.visible')
-    return this
-  }
-
-  /**
-   * Wait for URL to contain a specific path
-   * @param path - Path segment to check for
-   */
-  protected waitForUrl(path: string) {
-    cy.url().should('include', path)
-    return this
-  }
+import { BasePOMCore, type Replacements } from '@nextsparkjs/testing/pom'
+import { cySelector } from '../selectors'
 
+export abstract class BasePOM extends BasePOMCore {
   /**
-   * Wait for URL to match a regex pattern
-   * @param pattern - RegExp to match against URL
+   * Implement abstract method from BasePOMCore
+   * Uses theme-specific selectors (THEME_SELECTORS)
    */
-  protected waitForUrlMatch(pattern: RegExp) {
-    cy.url().should('match', pattern)
-    return this
+  protected cySelector(path: string, replacements?: Replacements): string {
+    return cySelector(path, replacements)
   }
 }