@nextsparkjs/core 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/templates/contents/themes/default/tests/cypress/e2e/_selectors/posts-editor.cy.ts

@@ -1,282 +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)
- */
-
-import { PostEditorPOM } from '../../src/features/PostEditorPOM'
-import { PostsPOM } from '../../src/entities/PostsPOM'
-import { loginAsDefaultOwner } from '../../src/session-helpers'
-
-describe('Posts Block Editor Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  const postEditor = PostEditorPOM.create()
-  const posts = PostsPOM.create()
-
-  beforeEach(() => {
-    loginAsDefaultOwner()
-  })
-
-  describe('Posts List Page Selectors (Entity POM)', () => {
-    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')
-    })
-
-    it('should find posts pagination', () => {
-      cy.get(posts.selectors.pagination).should('exist')
-    })
-
-    it('should find at least one post row', () => {
-      cy.get(posts.selectors.rowGeneric).should('have.length.at.least', 1)
-    })
-  })
-
-  describe('Block Editor Core Selectors', () => {
-    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')
-    })
-  })
-
-  describe('Block Picker Selectors', () => {
-    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')
-    })
-  })
-
-  describe('Block Canvas Selectors', () => {
-    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')
-    })
-  })
-
-  describe('Settings Panel Selectors', () => {
-    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')
-    })
-  })
-
-  // NOTE: Page Settings and SEO tests have been moved to pages-editor-selectors.cy.ts
-  // These features are specific to the page builder (PageBuilderPOM)
-
-  describe('Status Selector', () => {
-    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')
-    })
-  })
-
-  describe('Block Manipulation Selectors (after adding block)', () => {
-    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')
-    })
-  })
-
-  describe('Post-Specific Selectors', () => {
-    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')
-    })
-  })
-
-  describe('Edit Existing Post Selectors', () => {
-    it('should find editor elements when editing an existing post', () => {
-      // Get a post ID from the list
-      posts.visitList()
-      posts.waitForList()
-
-      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/dist/templates/contents/themes/default/tests/cypress/e2e/_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/dist/templates/contents/themes/default/tests/cypress/e2e/_selectors/settings-api-keys.cy.ts

@@ -1,228 +0,0 @@
-/**
- * UI Selectors Validation: Settings API Keys
- *
- * This test validates that settings API keys selectors exist in the DOM.
- * This is a lightweight test that ONLY checks selector presence, not functionality.
- *
- * Purpose:
- * - Validate SettingsPOM apiKeys selectors work correctly
- * - Ensure all settings.apiKeys.* selectors are implemented
- * - Run as Phase 12 sub-gate before functional tests
- *
- * Scope:
- * - Navigate to API keys settings page (requires login)
- * - Assert elements exist in DOM (no form submissions)
- * - Fast execution (< 30 seconds per describe block)
- *
- * NOTE: API Keys page requires 'api-keys' permission (colaborator role minimum).
- * Many selectors are dynamic with {id} placeholders.
- */
-
-import { SettingsPOM } from '../../src/features/SettingsPOM'
-import { loginAsDefaultOwner } from '../../src/session-helpers'
-
-describe('Settings API Keys Selectors Validation', { tags: ['@ui-selectors'] }, () => {
-  const settings = SettingsPOM.create()
-
-  beforeEach(() => {
-    loginAsDefaultOwner()
-    settings.visitApiKeys()
-    // Wait for API keys page to load
-    cy.get(settings.selectors.apiKeysPage, { timeout: 15000 }).should('exist')
-  })
-
-  // ============================================
-  // API KEYS PAGE STRUCTURE (5 selectors)
-  // ============================================
-  describe('API Keys Page Structure', () => {
-    it('should find api keys page container', () => {
-      cy.get(settings.selectors.apiKeysPage).should('exist')
-    })
-
-    it('should find api keys title', () => {
-      cy.get(settings.selectors.apiKeysTitle).should('exist')
-    })
-
-    // NOTE: CORE_SELECTORS defines 'settings-api-keys' but component doesn't have this selector
-    it.skip('should find api keys container (selector not implemented in component)', () => {
-      cy.get(settings.selectors.apiKeysContainer).should('exist')
-    })
-
-    it('should find create button', () => {
-      cy.get(settings.selectors.apiKeysCreate).should('exist')
-    })
-
-    it('should find api keys list', () => {
-      cy.get(settings.selectors.apiKeysList).should('exist')
-    })
-  })
-
-  // ============================================
-  // EMPTY STATE / SKELETON (3 selectors)
-  // ============================================
-  describe('Empty State Selectors', () => {
-    // Note: Skeleton only visible during loading
-    it.skip('should find skeleton (only visible during loading)', () => {
-      cy.get(settings.selectors.apiKeysSkeleton).should('exist')
-    })
-
-    // Note: Empty state only visible when no API keys exist
-    it.skip('should find empty state (only when no API keys)', () => {
-      cy.get(settings.selectors.apiKeysEmpty).should('exist')
-    })
-
-    it.skip('should find empty state create button (only when no API keys)', () => {
-      cy.get(settings.selectors.apiKeysEmptyCreate).should('exist')
-    })
-  })
-
-  // ============================================
-  // CREATE DIALOG SELECTORS (4 selectors)
-  // NOTE: CORE_SELECTORS uses 'api-keys-create-dialog' but component uses 'api-keys-dialog'
-  // Tests use direct selectors based on actual implementation
-  // ============================================
-  describe('Create Dialog Selectors', () => {
-    beforeEach(() => {
-      cy.get(settings.selectors.apiKeysCreate).click()
-      // Component uses 'api-keys-dialog' not 'api-keys-create-dialog'
-      cy.get('[data-cy="api-keys-dialog"]', { timeout: 5000 }).should('be.visible')
-    })
-
-    it('should find create dialog', () => {
-      cy.get('[data-cy="api-keys-dialog"]').should('exist')
-    })
-
-    it('should find key name input', () => {
-      // Component uses 'api-keys-dialog-name' not 'api-key-name'
-      cy.get('[data-cy="api-keys-dialog-name"]').should('exist')
-    })
-
-    it('should find key scopes', () => {
-      // Component uses 'api-keys-dialog-scopes' not 'api-key-scopes'
-      cy.get('[data-cy="api-keys-dialog-scopes"]').should('exist')
-    })
-
-    it('should find create submit button', () => {
-      // Component uses 'api-keys-dialog-submit' not 'api-key-create-submit'
-      cy.get('[data-cy="api-keys-dialog-submit"]').should('exist')
-    })
-  })
-
-  // ============================================
-  // API KEY ROW SELECTORS (Dynamic with {id})
-  // ============================================
-  describe('API Key Row Dynamic Selectors', () => {
-    it('should find api key rows if any exist', () => {
-      cy.get('body').then(($body) => {
-        const hasRows = $body.find(settings.selectors.apiKeyRowGeneric).length > 0
-        const isEmpty = $body.find('[data-cy="api-keys-empty"]').length > 0
-
-        // Either we have rows, or empty state
-        if (hasRows) {
-          cy.get(settings.selectors.apiKeyRowGeneric).should('have.length.at.least', 1)
-          cy.log('Found API key rows')
-        } else if (isEmpty) {
-          cy.log('No API keys - empty state visible')
-        } else {
-          cy.log('API keys list is loading or has no content')
-        }
-        // This test passes either way - we're just validating the selectors exist when applicable
-        cy.wrap(true).should('be.true')
-      })
-    })
-  })
-
-  // ============================================
-  // DETAILS DIALOG SELECTORS (14 selectors) - SKIP
-  // Require clicking on an existing API key
-  // ============================================
-  describe('Details Dialog Selectors', () => {
-    it.skip('should find details dialog (requires existing API key)', () => {
-      cy.get(settings.selectors.apiKeysDetailsDialog).should('exist')
-    })
-
-    it.skip('should find details title', () => {
-      cy.get(settings.selectors.apiKeysDetailsTitle).should('exist')
-    })
-
-    it.skip('should find details loading', () => {
-      cy.get(settings.selectors.apiKeysDetailsLoading).should('exist')
-    })
-
-    it.skip('should find details content', () => {
-      cy.get(settings.selectors.apiKeysDetailsContent).should('exist')
-    })
-
-    it.skip('should find details basic info', () => {
-      cy.get(settings.selectors.apiKeysDetailsBasicInfo).should('exist')
-    })
-
-    it.skip('should find details name', () => {
-      cy.get(settings.selectors.apiKeysDetailsName).should('exist')
-    })
-
-    it.skip('should find details status', () => {
-      cy.get(settings.selectors.apiKeysDetailsStatus).should('exist')
-    })
-
-    it.skip('should find details stats', () => {
-      cy.get(settings.selectors.apiKeysDetailsStats).should('exist')
-    })
-
-    it.skip('should find details total requests', () => {
-      cy.get(settings.selectors.apiKeysDetailsTotalRequests).should('exist')
-    })
-
-    it.skip('should find details last 24h', () => {
-      cy.get(settings.selectors.apiKeysDetailsLast24h).should('exist')
-    })
-
-    it.skip('should find details last 7d', () => {
-      cy.get(settings.selectors.apiKeysDetailsLast7d).should('exist')
-    })
-
-    it.skip('should find details last 30d', () => {
-      cy.get(settings.selectors.apiKeysDetailsLast30d).should('exist')
-    })
-
-    it.skip('should find details avg time', () => {
-      cy.get(settings.selectors.apiKeysDetailsAvgTime).should('exist')
-    })
-
-    it.skip('should find details success rate', () => {
-      cy.get(settings.selectors.apiKeysDetailsSuccessRate).should('exist')
-    })
-  })
-
-  // ============================================
-  // REVOKE DIALOG SELECTORS (3 selectors) - SKIP
-  // ============================================
-  describe('Revoke Dialog Selectors', () => {
-    it.skip('should find revoke dialog (requires clicking revoke)', () => {
-      cy.get(settings.selectors.apiKeyRevokeDialog).should('exist')
-    })
-
-    it.skip('should find revoke confirm', () => {
-      cy.get(settings.selectors.apiKeyRevokeConfirm).should('exist')
-    })
-
-    // Note: Cancel is in dialog footer, not specific selector
-  })
-
-  // ============================================
-  // NEW KEY DISPLAY SELECTORS (3 selectors) - SKIP
-  // ============================================
-  describe('New Key Display Selectors', () => {
-    it.skip('should find new key display (after creating key)', () => {
-      cy.get(settings.selectors.apiKeyNewDisplay).should('exist')
-    })
-
-    it.skip('should find copy key button', () => {
-      cy.get(settings.selectors.apiKeyCopyKey).should('exist')
-    })
-
-    it.skip('should find dialog footer', () => {
-      cy.get(settings.selectors.apiKeysDialogFooter).should('exist')
-    })
-  })
-})