@nextsparkjs/theme-default 0.1.0-beta.17 → 0.1.0-beta.171

package/tests/cypress/src/entities/PostsPOM.ts

@@ -0,0 +1,137 @@
+/**
+ * PostsPOM - Page Object Model for Posts entity (List operations)
+ *
+ * Extends DashboardEntityPOM for list page operations.
+ * For editing posts with the block editor, use PostEditorPOM from features/.
+ *
+ * @example
+ * // List operations
+ * PostsPOM.create()
+ *   .visitList()
+ *   .waitForList()
+ *   .search('My Post')
+ *   .selectFilter('status', 'published')
+ *
+ * // For editing posts, use PostEditorPOM
+ * import { PostEditorPOM } from '../features/PostEditorPOM'
+ * PostEditorPOM.create().visitEdit(postId).setTitle('New Title').save()
+ */
+
+import { DashboardEntityPOM } from '../core/DashboardEntityPOM'
+import entitiesConfig from '../../fixtures/entities.json'
+
+export interface PostListFilters {
+  status?: 'draft' | 'published' | 'archived'
+  categoryId?: string
+}
+
+export class PostsPOM extends DashboardEntityPOM {
+  constructor() {
+    super(entitiesConfig.entities.posts.slug)
+  }
+
+  // ============================================
+  // FACTORY METHOD
+  // ============================================
+
+  static create(): PostsPOM {
+    return new PostsPOM()
+  }
+
+  // ============================================
+  // POST-SPECIFIC LIST METHODS
+  // ============================================
+
+  /**
+   * Filter posts by status
+   */
+  filterByStatus(status: 'draft' | 'published' | 'archived') {
+    return this.selectFilter('status', status)
+  }
+
+  /**
+   * Apply multiple filters at once
+   */
+  applyFilters(filters: PostListFilters) {
+    if (filters.status) {
+      this.filterByStatus(filters.status)
+    }
+    if (filters.categoryId) {
+      this.selectFilter('categoryId', filters.categoryId)
+    }
+    return this
+  }
+
+  // ============================================
+  // WORKFLOW METHODS
+  // ============================================
+
+  /**
+   * Navigate to create page
+   * Note: Posts use block editor, so this redirects to the editor
+   */
+  navigateToCreate() {
+    this.clickAdd()
+    return this
+  }
+
+  /**
+   * Navigate to edit page for a post
+   * Note: Posts use block editor, so this redirects to the editor
+   */
+  navigateToEdit(id: string) {
+    this.clickRowAction('edit', id)
+    return this
+  }
+
+  /**
+   * Delete post from list with API waits
+   */
+  deletePostWithApiWait(id: string) {
+    this.visitDetailWithApiWait(id)
+    this.clickDelete()
+    this.confirmDelete()
+    this.api.waitForDelete()
+    return this
+  }
+
+  /**
+   * Delete post by finding it in the list by title
+   */
+  deletePostByTitleWithApiWait(title: string) {
+    this.clickRowByText(title)
+    this.waitForDetail()
+    this.clickDelete()
+    this.confirmDelete()
+    this.api.waitForDelete()
+    return this
+  }
+
+  // ============================================
+  // ENTITY-SPECIFIC ASSERTIONS
+  // ============================================
+
+  /**
+   * Assert post appears in list
+   */
+  assertPostInList(title: string) {
+    return this.assertInList(title)
+  }
+
+  /**
+   * Assert post does not appear in list
+   */
+  assertPostNotInList(title: string) {
+    return this.assertNotInList(title)
+  }
+
+  /**
+   * Assert post has specific status badge
+   */
+  assertPostStatus(id: string, status: string) {
+    cy.get(this.selectors.row(id)).should('contain.text', status)
+    return this
+  }
+}
+
+export default PostsPOM

package/tests/cypress/src/entities/TasksPOM.ts

@@ -0,0 +1,246 @@
+/**
+ * TasksPOM - Page Object Model for Tasks entity
+ *
+ * Extends DashboardEntityPOM with task-specific form handling and workflows.
+ *
+ * @example
+ * // Instance usage with chaining
+ * TasksPOM.create()
+ *   .visitList()
+ *   .waitForList()
+ *   .clickAdd()
+ *   .fillTaskForm({ title: 'New Task', priority: 'high' })
+ *   .submitForm()
+ *
+ * // API-aware workflow
+ * const tasks = new TasksPOM()
+ * tasks.createTaskWithApiWait({
+ *   title: 'New Task',
+ *   description: 'Task description',
+ *   status: 'todo',
+ *   priority: 'high'
+ * })
+ */
+
+import { DashboardEntityPOM } from '../core/DashboardEntityPOM'
+import entitiesConfig from '../../fixtures/entities.json'
+
+export interface TaskFormData {
+  title: string
+  description?: string
+  status?: 'todo' | 'in-progress' | 'review' | 'done' | 'blocked'
+  priority?: 'low' | 'medium' | 'high' | 'urgent'
+  dueDate?: string
+  estimatedHours?: string
+  completed?: boolean
+}
+
+export class TasksPOM extends DashboardEntityPOM {
+  constructor() {
+    super(entitiesConfig.entities.tasks.slug)
+  }
+
+  // ============================================
+  // FACTORY METHOD
+  // ============================================
+
+  static create(): TasksPOM {
+    return new TasksPOM()
+  }
+
+  // ============================================
+  // ENTITY-SPECIFIC FORM METHODS
+  // ============================================
+
+  /**
+   * Fill task form with provided data
+   * Only fills fields that are provided in the data object
+   */
+  fillTaskForm(data: TaskFormData) {
+    if (data.title) {
+      this.fillTextField('title', data.title)
+    }
+    if (data.description) {
+      this.fillTextarea('description', data.description)
+    }
+    if (data.status) {
+      this.selectOption('status', data.status)
+    }
+    if (data.priority) {
+      this.selectOption('priority', data.priority)
+    }
+    if (data.dueDate) {
+      this.fillTextField('dueDate', data.dueDate)
+    }
+    if (data.estimatedHours) {
+      this.fillTextField('estimatedHours', data.estimatedHours)
+    }
+    return this
+  }
+
+  // ============================================
+  // WORKFLOW METHODS
+  // ============================================
+
+  /**
+   * Complete create flow without API waits
+   */
+  createTask(data: TaskFormData) {
+    this.visitCreate()
+    this.waitForForm()
+    this.fillTaskForm(data)
+    this.submitForm()
+    return this
+  }
+
+  /**
+   * Create task with API intercepts and waits
+   * Deterministic: waits for actual API responses
+   */
+  createTaskWithApiWait(data: TaskFormData) {
+    this.setupApiIntercepts()
+    this.clickAdd()
+    this.waitForForm()
+    this.fillTaskForm(data)
+    this.submitForm()
+    this.api.waitForCreate()
+    return this
+  }
+
+  /**
+   * Create task from list page and wait for refresh
+   */
+  createTaskFromListWithApiWait(data: TaskFormData) {
+    this.setupApiIntercepts()
+    this.clickAdd()
+    this.waitForForm()
+    this.fillTaskForm(data)
+    this.submitForm()
+    this.api.waitForCreateAndRefresh()
+    return this
+  }
+
+  /**
+   * Update task with API waits
+   */
+  updateTaskWithApiWait(data: Partial<TaskFormData>) {
+    this.fillTaskForm(data as TaskFormData)
+    this.submitForm()
+    this.api.waitForUpdate()
+    return this
+  }
+
+  /**
+   * Delete task with API waits
+   * Flow: Navigate to detail -> Delete -> Confirm
+   */
+  deleteTaskWithApiWait(id: string) {
+    this.visitDetailWithApiWait(id)
+    this.clickDelete()
+    this.confirmDelete()
+    this.api.waitForDelete()
+    return this
+  }
+
+  /**
+   * Delete task by finding it in the list by name
+   */
+  deleteTaskByNameWithApiWait(name: string) {
+    this.clickRowByText(name)
+    this.waitForDetail()
+    this.clickDelete()
+    this.confirmDelete()
+    this.api.waitForDelete()
+    return this
+  }
+
+  // ============================================
+  // FILTER METHODS
+  // ============================================
+
+  /**
+   * Filter tasks by status
+   */
+  filterByStatus(status: string) {
+    this.selectFilter('status', status)
+    return this
+  }
+
+  /**
+   * Filter tasks by priority
+   */
+  filterByPriority(priority: string) {
+    this.selectFilter('priority', priority)
+    return this
+  }
+
+  /**
+   * Clear status filter
+   */
+  clearStatusFilter() {
+    this.clearFilter('status')
+    return this
+  }
+
+  /**
+   * Clear priority filter
+   */
+  clearPriorityFilter() {
+    this.clearFilter('priority')
+    return this
+  }
+
+  // ============================================
+  // ENTITY-SPECIFIC ASSERTIONS
+  // ============================================
+
+  /**
+   * Assert task appears in list
+   */
+  assertTaskInList(title: string) {
+    return this.assertInList(title)
+  }
+
+  /**
+   * Assert task does not appear in list
+   */
+  assertTaskNotInList(title: string) {
+    return this.assertNotInList(title)
+  }
+
+  /**
+   * Assert task has specific status in list
+   */
+  assertTaskStatus(title: string, status: string) {
+    cy.contains(this.selectors.rowGeneric, title)
+      .should('contain.text', status)
+    return this
+  }
+
+  /**
+   * Assert task has specific priority in list
+   */
+  assertTaskPriority(title: string, priority: string) {
+    cy.contains(this.selectors.rowGeneric, title)
+      .should('contain.text', priority)
+    return this
+  }
+
+  /**
+   * Assert task count in list
+   */
+  assertTaskCount(count: number) {
+    cy.get(this.selectors.rowGeneric).should('have.length', count)
+    return this
+  }
+
+  /**
+   * Assert no tasks in list
+   */
+  assertNoTasks() {
+    cy.get(this.selectors.rowGeneric).should('not.exist')
+    return this
+  }
+}
+
+export default TasksPOM

package/tests/cypress/src/entities/index.ts

@@ -0,0 +1,16 @@
+/**
+ * Entity POM exports
+ *
+ * Page Object Models for specific entities:
+ * - TasksPOM: Tasks CRUD operations
+ * - CustomersPOM: Customers CRUD operations
+ * - PostsPOM: Posts list operations (use PostEditorPOM for editing)
+ * - PagesPOM: Pages list operations (use PageBuilderPOM for editing)
+ * - PatternsPOM: Patterns CRUD operations with usage tracking
+ */
+
+export { TasksPOM, type TaskFormData } from './TasksPOM'
+export { CustomersPOM, type CustomerFormData } from './CustomersPOM'
+export { PostsPOM, type PostListFilters } from './PostsPOM'
+export { PagesPOM, type PageListFilters } from './PagesPOM'
+export { PatternsPOM } from './PatternsPOM'