@nextsparkjs/theme-blog 0.1.0-beta.37 → 0.1.0-beta.39

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
@@ -175,5 +174,5 @@ export const entitySelectors = helpers.entitySelectors
 export type ThemeSelectorsType = typeof THEME_SELECTORS
 export type BlockSelectorsType = typeof BLOCK_SELECTORS
 export type EntitySelectorsType = typeof ENTITY_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-blog",
-  "version": "0.1.0-beta.37",
+  "version": "0.1.0-beta.39",
   "private": false,
   "type": "module",
   "main": "./config/theme.config.ts",
@@ -13,7 +13,8 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "zod": "^4.0.0",
-    "@nextsparkjs/core": "0.1.0-beta.37"
+    "@nextsparkjs/core": "0.1.0-beta.39",
+    "@nextsparkjs/testing": "0.1.0-beta.39"
   },
   "nextspark": {
     "type": "theme",

package/tests/cypress/e2e/categories/categories-crud.cy.ts

@@ -9,9 +9,9 @@
  * Theme Mode: single-user (isolated blogs, no team collaboration)
  */
 
-import { EntityList } from '../../../../../../../test/cypress/src/classes/components/entities/EntityList.js'
-import { EntityForm } from '../../../../src/classes/components/entities/EntityForm.js'
-import { loginAsBlogAuthor } from '../../../src/session-helpers'
+import { EntityList } from '../../src/components/EntityList'
+import { EntityForm } from '../../src/components/EntityForm'
+import { loginAsBlogAuthor } from '../../src/session-helpers'
 
 describe('Categories CRUD - Blog Author (Full Access)', () => {
   const categoryList = new EntityList('categories')

package/tests/cypress/src/components/EntityForm.ts

@@ -239,6 +239,27 @@ export class EntityForm {
     return this
   }
 
+  /**
+   * Fill a field (auto-detects input or textarea)
+   * Alias for typeInField that also handles textareas
+   */
+  fillField(fieldName: string, value: string) {
+    cy.get(this.selectors.field(fieldName)).then($field => {
+      const $input = $field.find('input')
+      const $textarea = $field.find('textarea')
+
+      if ($input.length > 0) {
+        cy.wrap($input).clear().type(value)
+      } else if ($textarea.length > 0) {
+        cy.wrap($textarea).clear().type(value)
+      } else {
+        // Fallback to trying input selector directly
+        cy.get(this.selectors.fieldInput(fieldName)).clear().type(value)
+      }
+    })
+    return this
+  }
+
   // ============================================
   // FORM SUBMISSION METHODS
   // ============================================

package/tests/cypress/src/components/EntityList.ts

@@ -334,6 +334,24 @@ export class EntityList {
     return this
   }
 
+  // ============================================
+  // ALIASES FOR COMPATIBILITY
+  // ============================================
+
+  /**
+   * Alias for validateTableVisible
+   */
+  validateListVisible() {
+    return this.validateTableVisible()
+  }
+
+  /**
+   * Alias for clickCreate
+   */
+  clickAdd() {
+    return this.clickCreate()
+  }
+
   // ============================================
   // WAIT METHODS
   // ============================================

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

@@ -3,12 +3,11 @@
  *
  * Isolated login helpers for blog theme tests.
  * Uses cy.session() for cached authentication sessions.
+ * Uses API-based login for faster and more stable authentication.
  *
  * Theme Mode: single-user (isolated blogs, no team collaboration)
  */
 
-import { DevKeyring } from '../../../../../../test/cypress/src/classes/components/auth/DevKeyring.js'
-
 /**
  * Blog theme test users
  * Each user owns their own individual blog
@@ -33,6 +32,59 @@ export const BLOG_USERS = {
 
 export type BlogAuthor = keyof typeof BLOG_USERS
 
+// Default test password
+const TEST_PASSWORD = Cypress.env('TEST_PASSWORD') || 'Test1234'
+const API_TIMEOUT = 60000
+
+/**
+ * API login helper
+ */
+function apiLogin(email: string, password: string = TEST_PASSWORD): Cypress.Chainable<boolean> {
+  return cy.request({
+    method: 'POST',
+    url: '/api/auth/sign-in/email',
+    body: { email, password },
+    timeout: API_TIMEOUT,
+    failOnStatusCode: false
+  }).then((response) => {
+    if (response.status === 200) {
+      return true
+    } else {
+      cy.log(`⚠️ API login failed with status ${response.status}`)
+      return false
+    }
+  })
+}
+
+/**
+ * Setup team context after login (blog theme uses personal teams)
+ */
+function setupTeamContext() {
+  cy.request({
+    method: 'GET',
+    url: '/api/v1/teams',
+    timeout: API_TIMEOUT,
+    failOnStatusCode: false
+  }).then((teamsResponse) => {
+    if (teamsResponse.status === 200 && teamsResponse.body?.data?.length > 0) {
+      const teams = teamsResponse.body.data
+      const selectedTeam = teams[0]
+      const teamId = selectedTeam.id
+      cy.log(`✅ Setting active team: ${selectedTeam.name} (${teamId})`)
+      cy.window().then((win) => {
+        win.localStorage.setItem('activeTeamId', teamId)
+      })
+      cy.request({
+        method: 'POST',
+        url: '/api/v1/teams/switch',
+        body: { teamId },
+        timeout: API_TIMEOUT,
+        failOnStatusCode: false
+      })
+    }
+  })
+}
+
 /**
  * Login as a blog author
  * Session is cached and reused across tests for optimal performance
@@ -43,15 +95,20 @@ export function loginAsBlogAuthor(author: BlogAuthor = 'MARCOS') {
   const user = BLOG_USERS[author]
 
   cy.session(`blog-author-${author.toLowerCase()}`, () => {
-    cy.visit('/login')
-    const devKeyring = new DevKeyring()
-    devKeyring.validateVisible()
-    devKeyring.quickLoginByEmail(user.email)
-    cy.url().should('include', '/dashboard')
+    apiLogin(user.email, user.password).then((success) => {
+      if (success) {
+        cy.visit('/dashboard', { timeout: 60000 })
+      }
+      cy.url().should('include', '/dashboard')
+      setupTeamContext()
+    })
   }, {
     validate: () => {
-      cy.visit('/dashboard')
-      cy.url().should('include', '/dashboard')
+      cy.request({
+        url: '/api/auth/get-session',
+        timeout: API_TIMEOUT,
+        failOnStatusCode: false
+      }).its('status').should('eq', 200)
     }
   })
 }
@@ -75,15 +132,20 @@ export function loginWithBlogEmail(email: string, sessionName?: string) {
   const name = sessionName || `blog-session-${email.split('@')[0]}`
 
   cy.session(name, () => {
-    cy.visit('/login')
-    const devKeyring = new DevKeyring()
-    devKeyring.validateVisible()
-    devKeyring.quickLoginByEmail(email)
-    cy.url().should('include', '/dashboard')
+    apiLogin(email).then((success) => {
+      if (success) {
+        cy.visit('/dashboard', { timeout: 60000 })
+      }
+      cy.url().should('include', '/dashboard')
+      setupTeamContext()
+    })
   }, {
     validate: () => {
-      cy.visit('/dashboard')
-      cy.url().should('include', '/dashboard')
+      cy.request({
+        url: '/api/auth/get-session',
+        timeout: API_TIMEOUT,
+        failOnStatusCode: false
+      }).its('status').should('eq', 200)
     }
   })
 }

package/tests/cypress.config.ts

@@ -8,20 +8,14 @@
 import { defineConfig } from 'cypress'
 import path from 'path'
 import fs from 'fs'
-import { fileURLToPath } from 'url'
 
-// ESM-compatible __dirname
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
+// __dirname works natively with CommonJS module resolution (tsconfig.cypress.json)
 
 // 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'))
-
 // Load environment variables
 import dotenv from 'dotenv'
 dotenv.config({ path: path.join(projectRoot, '.env') })
@@ -34,22 +28,13 @@ export default defineConfig({
     // Base URL for the application
     baseUrl: `http://localhost:${port}`,
 
-    // Spec patterns: theme tests (core tests only in monorepo)
-    specPattern: isNpmMode
-      ? [
-          // npm mode: only theme tests
-          path.join(__dirname, 'cypress/e2e/**/*.cy.{js,ts}'),
-        ]
-      : [
-          // Monorepo: core tests + theme tests
-          path.join(projectRoot, 'packages/core/tests/cypress/e2e/core/**/*.cy.{js,ts}'),
-          path.join(__dirname, 'cypress/e2e/**/*.cy.{js,ts}'),
-        ],
-
-    // Support file (theme-local in npm mode, core in monorepo)
-    supportFile: isNpmMode
-      ? path.join(__dirname, 'cypress/support/e2e.ts')
-      : path.join(projectRoot, 'packages/core/tests/cypress/support/e2e.ts'),
+    // Spec patterns: theme tests only
+    specPattern: [
+      path.join(__dirname, 'cypress/e2e/**/*.cy.{js,ts}'),
+    ],
+
+    // Support file (always theme-local)
+    supportFile: path.join(__dirname, 'cypress/support/e2e.ts'),
 
     // Fixtures folder (theme-specific)
     fixturesFolder: path.join(__dirname, 'cypress/fixtures'),