@nextsparkjs/core 0.1.0-beta.39 → 0.1.0-beta.40

package/templates/contents/themes/starter/tests/cypress/e2e/_utils/selectors/posts-editor.cy.ts

@@ -1,350 +0,0 @@
-/**
- * POC Test: Posts Block Editor Selectors Validation
- *
- * This test validates that the new POM architecture with dynamic selectors
- * works correctly for the block-based page builder.
- *
- * Purpose:
- * - Validate selectors from BlockEditorBasePOM work correctly
- * - Ensure dynamic selector generation produces valid CSS selectors
- * - Test before migrating existing tests to new architecture
- *
- * Scope:
- * - Only login and navigate
- * - Assert elements exist in DOM (no full CRUD operations)
- *
- * Test IDs:
- * - SEL_PTED_001: Posts List Page Selectors
- * - SEL_PTED_002: Block Editor Core Selectors
- * - SEL_PTED_003: Block Picker Selectors
- * - SEL_PTED_004: Block Canvas Selectors
- * - SEL_PTED_005: Settings Panel Selectors
- * - SEL_PTED_006: Status Selector
- * - SEL_PTED_007: Block Manipulation Selectors
- * - SEL_PTED_008: Post-Specific Selectors
- * - SEL_PTED_009: Edit Existing Post
- */
-
-import { PostEditorPOM } from '../../../src/features/PostEditorPOM'
-import { PostsPOM } from '../../../src/entities/PostsPOM'
-import { loginAsDefaultDeveloper } from '../../../src/session-helpers'
-
-// Team ID for developer's team (NextSpark Team)
-const DEVELOPER_TEAM_ID = 'team-nextspark-001'
-
-describe('Posts Block Editor Selectors Validation', { tags: ['@ui-selectors', '@posts', '@editor'] }, () => {
-  const postEditor = PostEditorPOM.create()
-  const posts = PostsPOM.create()
-
-  beforeEach(() => {
-    loginAsDefaultDeveloper()
-    // Set team context for entity API calls (posts is team-based)
-    cy.window().then((win) => {
-      win.localStorage.setItem('activeTeamId', DEVELOPER_TEAM_ID)
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_001: POSTS LIST PAGE SELECTORS
-  // ============================================
-  describe('SEL_PTED_001: Posts List Page Selectors', { tags: '@SEL_PTED_001' }, () => {
-    beforeEach(() => {
-      posts.visitList()
-      posts.waitForList()
-    })
-
-    it('should find posts table container', () => {
-      cy.get(posts.selectors.tableContainer).should('exist')
-    })
-
-    it('should find posts add button', () => {
-      cy.get(posts.selectors.addButton).should('exist')
-    })
-
-    it('should find posts search input', () => {
-      cy.get(posts.selectors.search).should('exist')
-    })
-
-    // NOTE: Pagination only shows when there are posts
-    // This test is conditional - passes if data exists, otherwise logs warning
-    it('should find posts pagination (requires sample data)', () => {
-      cy.get('body').then(($body) => {
-        // Check if rows exist (not empty state)
-        if ($body.find('[data-cy^="posts-row-"]').length === 0) {
-          cy.log('⚠️ No posts found - pagination not visible (add sample data)')
-          return // Skip gracefully
-        }
-        cy.get(posts.selectors.pagination).should('exist')
-      })
-    })
-
-    // NOTE: Conditional test - requires sample posts data
-    it('should find at least one post row (requires sample data)', () => {
-      cy.get('body').then(($body) => {
-        // Check if rows exist
-        if ($body.find('[data-cy^="posts-row-"]').length === 0) {
-          cy.log('⚠️ No posts found - skipping row test (add sample data)')
-          return // Skip gracefully
-        }
-        cy.get(posts.selectors.rowGeneric).should('have.length.at.least', 1)
-      })
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_002: BLOCK EDITOR CORE SELECTORS
-  // ============================================
-  describe('SEL_PTED_002: Block Editor Core Selectors', { tags: '@SEL_PTED_002' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find editor container', () => {
-      cy.get(postEditor.editorSelectors.container).should('exist')
-    })
-
-    it('should find title input', () => {
-      cy.get(postEditor.editorSelectors.titleInput).should('exist')
-    })
-
-    it('should find slug input', () => {
-      cy.get(postEditor.editorSelectors.slugInput).should('exist')
-    })
-
-    it('should find save button', () => {
-      cy.get(postEditor.editorSelectors.saveButton).should('exist')
-    })
-
-    it('should find status badge', () => {
-      cy.get(postEditor.editorSelectors.statusBadge).should('exist')
-    })
-
-    it('should find left sidebar toggle', () => {
-      cy.get(postEditor.editorSelectors.leftSidebarToggle).should('exist')
-    })
-
-    it('should find view mode toggle', () => {
-      cy.get(postEditor.editorSelectors.viewModeToggle).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_003: BLOCK PICKER SELECTORS
-  // ============================================
-  describe('SEL_PTED_003: Block Picker Selectors', { tags: '@SEL_PTED_003' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find block picker container', () => {
-      cy.get(postEditor.editorSelectors.blockPicker).should('exist')
-    })
-
-    it('should find block search input', () => {
-      cy.get(postEditor.editorSelectors.blockSearch).should('exist')
-    })
-
-    it('should find category "All" button', () => {
-      cy.get(postEditor.editorSelectors.categoryAll).should('exist')
-    })
-
-    it('should find block items with dynamic selectors', () => {
-      // Test a known block slug - post-content is the main content block for posts
-      cy.get(postEditor.editorSelectors.blockItem('post-content')).should('exist')
-      cy.get(postEditor.editorSelectors.addBlock('post-content')).should('exist')
-    })
-
-    it('should find category selectors', () => {
-      // Categories should be visible
-      cy.get(postEditor.editorSelectors.category('content')).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_004: BLOCK CANVAS SELECTORS
-  // ============================================
-  describe('SEL_PTED_004: Block Canvas Selectors', { tags: '@SEL_PTED_004' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find empty state when no blocks added', () => {
-      cy.get(postEditor.editorSelectors.blockCanvasEmpty).should('exist')
-    })
-
-    it('should find block canvas container when block is added', () => {
-      // Add a block - canvas container appears
-      postEditor.addBlock('post-content')
-      cy.get(postEditor.editorSelectors.blockCanvas).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_005: SETTINGS PANEL SELECTORS
-  // ============================================
-  describe('SEL_PTED_005: Settings Panel Selectors', { tags: '@SEL_PTED_005' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find settings panel empty state when no block selected', () => {
-      // When no block is selected, empty state is shown
-      cy.get(postEditor.editorSelectors.settingsPanelEmpty).should('exist')
-    })
-
-    it('should find settings panel container when block is selected', () => {
-      // Add a block first - settings panel appears with block selected
-      postEditor.addBlock('post-content')
-      cy.get(postEditor.editorSelectors.settingsPanel).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_006: STATUS SELECTOR
-  // ============================================
-  describe('SEL_PTED_006: Status Selector', { tags: '@SEL_PTED_006' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find status selector trigger', () => {
-      cy.get(postEditor.editorSelectors.statusSelector).should('exist')
-    })
-
-    it('should find status options when clicked', () => {
-      // Scroll into view and click - the selector may be hidden due to sidebar
-      cy.get(postEditor.editorSelectors.statusSelector).scrollIntoView().click({ force: true })
-      cy.get(postEditor.editorSelectors.statusOption('draft')).should('exist')
-      cy.get(postEditor.editorSelectors.statusOption('published')).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_007: BLOCK MANIPULATION SELECTORS
-  // ============================================
-  describe('SEL_PTED_007: Block Manipulation Selectors', { tags: '@SEL_PTED_007' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-    })
-
-    it('should find preview block controls after adding a block', () => {
-      // Add a post-content block
-      postEditor.addBlock('post-content')
-
-      // Wait for block to appear using preview-block pattern (not sortable-block)
-      // The editor uses preview-block-{id} for the canvas blocks
-      cy.get('[data-cy^="preview-block-"]')
-        .first()
-        .invoke('attr', 'data-cy')
-        .then((dataCy) => {
-          // Extract ID - format is preview-block-{uuid}
-          const match = dataCy?.match(/^preview-block-([a-f0-9-]+)$/)
-          const blockId = match ? match[1] : ''
-          expect(blockId).to.not.be.empty
-
-          // Validate preview block selectors (actual selectors in DOM)
-          cy.get(postEditor.editorSelectors.previewBlock(blockId)).should('exist')
-          cy.get(postEditor.editorSelectors.previewMoveUp(blockId)).should('exist')
-          cy.get(postEditor.editorSelectors.previewMoveDown(blockId)).should('exist')
-        })
-    })
-
-    // NOTE: sortable-block, drag-handle, duplicate-block selectors don't exist in current implementation
-    // The editor uses preview-block pattern instead. Skipping these tests.
-    it.skip('should find sortable block controls (sortable-block selectors not implemented)', () => {
-      postEditor.addBlock('post-content')
-      cy.get('[data-cy^="sortable-block-"]').first().should('exist')
-    })
-
-    it('should find settings panel and tabs after adding a block', () => {
-      // Add a post-content block - settings panel appears automatically
-      postEditor.addBlock('post-content')
-
-      // Settings panel should appear with tabs
-      cy.get(postEditor.editorSelectors.settingsPanel).should('exist')
-      cy.get(postEditor.editorSelectors.tabContent).should('exist')
-      cy.get(postEditor.editorSelectors.tabDesign).should('exist')
-      cy.get(postEditor.editorSelectors.tabAdvanced).should('exist')
-    })
-
-    it('should find block settings actions', () => {
-      postEditor.addBlock('post-content')
-
-      // Settings panel actions
-      cy.get(postEditor.editorSelectors.resetProps).should('exist')
-      cy.get(postEditor.editorSelectors.removeBlockSettings).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_008: POST-SPECIFIC SELECTORS
-  // ============================================
-  describe('SEL_PTED_008: Post-Specific Selectors', { tags: '@SEL_PTED_008' }, () => {
-    beforeEach(() => {
-      postEditor.visitCreate()
-      postEditor.waitForEditor()
-      // Switch to "Campos" tab to see entity fields
-      cy.get('[data-cy="sidebar-fields"]').click()
-    })
-
-    it('should find excerpt input', () => {
-      cy.get(postEditor.postSelectors.excerptInput).should('exist')
-    })
-
-    it('should find featured image input', () => {
-      cy.get(postEditor.postSelectors.featuredImage).should('exist')
-    })
-
-    // NOTE: Categories and Locale selectors don't have data-cy attributes yet
-    // These tests are skipped until the component adds proper selectors
-    it.skip('should find categories select (missing data-cy)', () => {
-      cy.get(postEditor.postSelectors.categoriesSelect).should('exist')
-    })
-
-    it.skip('should find locale select (missing data-cy)', () => {
-      cy.get(postEditor.postSelectors.localeSelect).should('exist')
-    })
-  })
-
-  // ============================================
-  // SEL_PTED_009: EDIT EXISTING POST
-  // ============================================
-  describe('SEL_PTED_009: Edit Existing Post', { tags: '@SEL_PTED_009' }, () => {
-    it('should find editor elements when editing an existing post (requires sample data)', () => {
-      // Get a post ID from the list
-      posts.visitList()
-      posts.waitForList()
-
-      // Conditional: skip if no posts exist
-      cy.get('body').then(($body) => {
-        // Check if rows exist
-        if ($body.find('[data-cy^="posts-row-"]').length === 0) {
-          cy.log('⚠️ No posts found - skipping edit test (add sample data)')
-          return // Skip gracefully
-        }
-
-        cy.get(posts.selectors.rowGeneric)
-          .first()
-          .invoke('attr', 'data-cy')
-          .then((dataCy) => {
-            const id = dataCy?.replace('posts-row-', '') || ''
-
-            // Navigate to edit
-            postEditor.visitEdit(id)
-            postEditor.waitForEditor()
-
-            // Validate editor is loaded with existing content
-            cy.get(postEditor.editorSelectors.container).should('exist')
-            cy.get(postEditor.editorSelectors.titleInput).should('exist')
-            cy.get(postEditor.editorSelectors.saveButton).should('exist')
-          })
-      })
-    })
-  })
-})

package/templates/contents/themes/starter/tests/cypress/e2e/_utils/selectors/public.cy.ts

@@ -1,112 +0,0 @@
-/**
- * UI Selectors Validation: Public Pages
- *
- * This test validates that public page selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate PublicPagePOM navbar/footer selectors work correctly
- * - Ensure all public.* selectors are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * Scope:
- * - Navigate to public pages (NO login required)
- * - Assert elements exist in DOM (no form submissions)
- * - Fast execution (< 30 seconds per describe block)
- *
- * NOTE: Public pages use PublicNavbar and PublicFooter from core.
- * Blog and page selectors (public.page.*, public.blog.*) are pending
- * as they require specific content to exist.
- */
-
-import { PublicPagePOM } from '../../../src/components/PublicPagePOM'
-
-describe('Public Page Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  // ============================================
-  // NAVBAR (4 selectors)
-  // ============================================
-  describe('Public Navbar', () => {
-    beforeEach(() => {
-      // Visit home page (public, no login needed)
-      cy.visit('/', { timeout: 60000, failOnStatusCode: false })
-    })
-
-    it('should find navbar container', () => {
-      cy.get(PublicPagePOM.navbarSelectors.container).should('exist')
-    })
-
-    it('should find navbar logo', () => {
-      cy.get(PublicPagePOM.navbarSelectors.logo).should('exist')
-    })
-
-    it('should find login button (when not logged in)', () => {
-      cy.get(PublicPagePOM.navbarSelectors.loginButton).should('exist')
-    })
-
-    it('should find signup button (when not logged in)', () => {
-      cy.get(PublicPagePOM.navbarSelectors.signupButton).should('exist')
-    })
-  })
-
-  // ============================================
-  // FOOTER (2 selectors)
-  // ============================================
-  describe('Public Footer', () => {
-    beforeEach(() => {
-      cy.visit('/', { timeout: 60000, failOnStatusCode: false })
-    })
-
-    it('should find footer container', () => {
-      cy.get(PublicPagePOM.footerSelectors.container).should('exist')
-    })
-
-    it('should find footer logo', () => {
-      cy.get(PublicPagePOM.footerSelectors.logo).should('exist')
-    })
-  })
-
-  // ============================================
-  // PAGE SELECTORS (3 selectors)
-  // NOTE: Requires published pages to exist
-  // ============================================
-  describe('Public Page Selectors', () => {
-    // public.page.container - dynamic selector 'public-page-{slug}'
-    it.skip('should find page container (requires published page)', () => {
-      // Example: cy.visit('/about-us')
-      // cy.get('[data-cy="public-page-about-us"]').should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    // public.page.title - 'page-title'
-    it.skip('should find page title (requires published page)', () => {
-      // cy.get('[data-cy="page-title"]').should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    // public.page.content - 'page-content'
-    it.skip('should find page content (requires published page)', () => {
-      // cy.get('[data-cy="page-content"]').should('exist')
-      cy.wrap(true).should('be.true')
-    })
-  })
-
-  // ============================================
-  // BLOG SELECTORS (2 selectors)
-  // NOTE: Requires blog posts to exist
-  // ============================================
-  describe('Public Blog Selectors', () => {
-    // public.blog.listContainer - 'blog-list'
-    it.skip('should find blog list container (requires blog posts)', () => {
-      // cy.visit('/blog')
-      // cy.get('[data-cy="blog-list"]').should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    // public.blog.postCard - dynamic selector 'blog-post-{slug}'
-    it.skip('should find blog post card (requires blog posts)', () => {
-      // cy.visit('/blog')
-      // cy.get('[data-cy="blog-post-my-first-post"]').should('exist')
-      cy.wrap(true).should('be.true')
-    })
-  })
-})

package/templates/contents/themes/starter/tests/cypress/e2e/_utils/selectors/taxonomies.cy.ts

@@ -1,126 +0,0 @@
-/**
- * UI Selectors Validation: Taxonomies (Categories)
- *
- * This test validates that taxonomies selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate CategoriesPOM taxonomies selectors work correctly
- * - Ensure all taxonomies.* selectors are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * IMPORTANT: The /dashboard/taxonomies page does NOT exist yet.
- * Taxonomies are defined in CORE_SELECTORS but the UI is not implemented.
- * All tests are marked as skip until the page is created.
- *
- * NOTE: There IS an API at /api/v1/post-categories but no UI page.
- */
-
-import { CategoriesPOM } from '../../../src/components/CategoriesPOM'
-
-describe('Taxonomies Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  // ============================================
-  // DOCUMENTATION (no login needed)
-  // ============================================
-  describe('Taxonomies Page Status', () => {
-    it('documents that taxonomies page is not implemented', () => {
-      cy.log('The /dashboard/taxonomies page does NOT exist')
-      cy.log('Taxonomies selectors are defined in CORE_SELECTORS')
-      cy.log('API exists at /api/v1/post-categories')
-      cy.log('UI page needs to be created to test these selectors')
-    })
-  })
-
-  // ============================================
-  // LIST PAGE (5 selectors)
-  // NOTE: Page not implemented
-  // ============================================
-  describe('List Page', () => {
-    it.skip('should find list container (page not implemented)', () => {
-      cy.get(CategoriesPOM.listSelectors.page).should('exist')
-    })
-
-    it.skip('should find create button (page not implemented)', () => {
-      cy.get(CategoriesPOM.listSelectors.createBtn).should('exist')
-    })
-
-    it.skip('should find category row (page not implemented)', () => {
-      // Example: cy.get(CategoriesPOM.listSelectors.row('cat-123')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    it.skip('should find edit button (page not implemented)', () => {
-      // Example: cy.get(CategoriesPOM.listSelectors.editBtn('cat-123')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-
-    it.skip('should find delete button (page not implemented)', () => {
-      // Example: cy.get(CategoriesPOM.listSelectors.deleteBtn('cat-123')).should('exist')
-      cy.wrap(true).should('be.true')
-    })
-  })
-
-  // ============================================
-  // FORM DIALOG (10 selectors)
-  // NOTE: Page not implemented
-  // ============================================
-  describe('Form Dialog', () => {
-    it.skip('should find form dialog (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.dialog).should('exist')
-    })
-
-    it.skip('should find name input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.nameInput).should('exist')
-    })
-
-    it.skip('should find slug input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.slugInput).should('exist')
-    })
-
-    it.skip('should find description input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.descriptionInput).should('exist')
-    })
-
-    it.skip('should find icon input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.iconInput).should('exist')
-    })
-
-    it.skip('should find color input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.colorInput).should('exist')
-    })
-
-    it.skip('should find parent select (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.parentSelect).should('exist')
-    })
-
-    it.skip('should find order input (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.orderInput).should('exist')
-    })
-
-    it.skip('should find save button (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.saveButton).should('exist')
-    })
-
-    it.skip('should find cancel button (page not implemented)', () => {
-      cy.get(CategoriesPOM.formSelectors.cancelButton).should('exist')
-    })
-  })
-
-  // ============================================
-  // CONFIRM DELETE DIALOG (3 selectors)
-  // NOTE: Page not implemented
-  // ============================================
-  describe('Confirm Delete Dialog', () => {
-    it.skip('should find delete confirmation dialog (page not implemented)', () => {
-      cy.get(CategoriesPOM.confirmDeleteSelectors.dialog).should('exist')
-    })
-
-    it.skip('should find confirm delete button (page not implemented)', () => {
-      cy.get(CategoriesPOM.confirmDeleteSelectors.confirmButton).should('exist')
-    })
-
-    it.skip('should find cancel delete button (page not implemented)', () => {
-      cy.get(CategoriesPOM.confirmDeleteSelectors.cancelButton).should('exist')
-    })
-  })
-})