@nextsparkjs/theme-default 0.1.0-beta.20 → 0.1.0-beta.22

package/tests/cypress/e2e/uat/entities/customers/member.cy.ts

@@ -0,0 +1,122 @@
+/// <reference types="cypress" />
+
+import * as allure from 'allure-cypress'
+
+import { CustomersPOM } from '../../../../src/entities/CustomersPOM'
+import { loginAsDefaultMember } from '../../../../src/session-helpers'
+
+describe('Customers CRUD - Member Role (Restricted: View Only)', {
+  tags: ['@uat', '@feat-customers', '@crud', '@role-member', '@regression']
+}, () => {
+  const customers = CustomersPOM.create()
+
+  beforeEach(() => {
+    allure.epic('UAT')
+    allure.feature('Customers')
+    allure.story('Member Permissions')
+
+    // Setup API intercepts BEFORE login and navigation
+    customers.setupApiIntercepts()
+    loginAsDefaultMember()
+    customers.visitList()
+    customers.api.waitForList()
+    customers.waitForList()
+  })
+
+  describe('READ - Member CAN view customers', { tags: '@smoke' }, () => {
+    it('CUST-MEMBER-001: should view customer list', { tags: '@smoke' }, () => {
+      allure.severity('critical')
+
+      cy.get(customers.selectors.page).should('be.visible')
+      customers.assertTableVisible()
+
+      cy.log('✅ Member can view customer list')
+    })
+
+    it('CUST-MEMBER-002: should view customer details', () => {
+      allure.severity('normal')
+
+      cy.get('body').then($body => {
+        if ($body.find(customers.selectors.rowGeneric).length > 0) {
+          cy.get(customers.selectors.rowGeneric).first().click()
+
+          // Wait for detail page URL (not using waitForDetail because edit button may not be visible for Member)
+          cy.url().should('match', new RegExp(`/dashboard/${customers.entitySlug}/[a-z0-9-]+`))
+          cy.get(customers.selectors.viewHeader, { timeout: 15000 }).should('be.visible')
+
+          cy.log('✅ Member can view customer details')
+        } else {
+          cy.log('⚠️ No customers available to view')
+        }
+      })
+    })
+  })
+
+  describe('UPDATE - Member CANNOT edit customers', () => {
+    it('CUST-MEMBER-003: edit button should be hidden', () => {
+      allure.severity('normal')
+
+      cy.get('body').then($body => {
+        if ($body.find(customers.selectors.rowGeneric).length > 0) {
+          // Navigate to detail page
+          cy.get(customers.selectors.rowGeneric).first().click()
+          cy.url().should('match', new RegExp(`/dashboard/${customers.entitySlug}/[a-z0-9-]+`))
+          cy.get(customers.selectors.viewHeader, { timeout: 15000 }).should('be.visible')
+
+          // Verify edit button does NOT exist for Member (Members cannot edit customers)
+          cy.get(customers.selectors.editButton).should('not.exist')
+
+          cy.log('✅ Edit button correctly hidden for Member')
+        } else {
+          cy.log('⚠️ No customers available to check edit button')
+        }
+      })
+    })
+  })
+
+  describe('CREATE - Member CANNOT create customers', () => {
+    it('CUST-MEMBER-004: create button should be hidden', { tags: '@smoke' }, () => {
+      allure.severity('critical')
+
+      cy.get(customers.selectors.addButton).should('not.exist')
+      cy.log('✅ Create button correctly hidden for Member')
+    })
+
+    it('CUST-MEMBER-005: should not access create form via UI', () => {
+      allure.severity('normal')
+
+      cy.get(customers.selectors.addButton).should('not.exist')
+      cy.log('✅ No UI access to create form for Member')
+    })
+  })
+
+  describe('DELETE - Member CANNOT delete customers', () => {
+    it('CUST-MEMBER-006: delete buttons should be hidden', { tags: '@smoke' }, () => {
+      allure.severity('critical')
+
+      // Delete action buttons should not exist for Member
+      cy.get(customers.selectors.rowActionDeleteGeneric).should('not.exist')
+      cy.log('✅ Delete buttons correctly hidden for Member')
+    })
+
+    it('CUST-MEMBER-007: should not see delete action in detail view', () => {
+      allure.severity('normal')
+
+      cy.get('body').then($body => {
+        if ($body.find(customers.selectors.rowGeneric).length > 0) {
+          cy.get(customers.selectors.rowGeneric).first().click()
+
+          // Wait for detail page (without checking for edit button)
+          cy.url().should('match', new RegExp(`/dashboard/${customers.entitySlug}/[a-z0-9-]+`))
+          cy.get(customers.selectors.viewHeader, { timeout: 15000 }).should('be.visible')
+
+          // Delete button should not exist on detail page for Member
+          cy.get(customers.selectors.deleteButton).should('not.exist')
+          cy.log('✅ No delete action visible in detail view for Member')
+        } else {
+          cy.log('⚠️ No customers available to check delete action')
+        }
+      })
+    })
+  })
+})

package/tests/cypress/e2e/uat/entities/customers/owner.bdd.md

@@ -0,0 +1,243 @@
+---
+feature: Customers Management - Owner Role
+priority: high
+tags: [customers, owner, crud, dashboard]
+grepTags: [uat, feat-customers, role-owner]
+coverage: 5
+---
+
+# Customers Management - Owner Role (Full CRUD Access)
+
+> Test suite for Owner role managing customers through the dashboard UI. Covers full CRUD operations: create, view, update, and delete customer records.
+
+## Background
+
+```gherkin:en
+Given I am logged in as Owner (owner@nextspark.dev)
+And I have navigated to the Customers dashboard
+And the customers list has loaded successfully
+```
+
+```gherkin:es
+Given estoy logueado como Owner (owner@nextspark.dev)
+And he navegado al dashboard de Clientes
+And la lista de clientes ha cargado exitosamente
+```
+
+---
+
+## @test CUST-001: Create new customer with all required fields
+
+### Metadata
+- **Priority:** Critical
+- **Type:** Smoke
+- **Tags:** create, customer, form
+- **Grep:** `@smoke` `@critical`
+
+```gherkin:en
+Scenario: Owner creates a new customer
+
+Given I am logged in as an Owner
+And I am on the Customers list page
+When I click the "Add" button
+Then the customer creation form should appear
+
+When I fill in the following fields:
+  | Field   | Value                    |
+  | Name    | "Test Customer [timestamp]" |
+  | Account | "123456"                 |
+  | Office  | "Main Office"            |
+And I click the "Save" button
+Then the form should submit successfully
+And I should be redirected to the customers list
+And I should see "Test Customer" in the list
+```
+
+```gherkin:es
+Scenario: Owner crea un nuevo cliente
+
+Given estoy logueado como Owner
+And estoy en la pagina de lista de Clientes
+When hago clic en el boton "Agregar"
+Then deberia aparecer el formulario de creacion
+
+When completo los siguientes campos:
+  | Campo   | Valor                        |
+  | Nombre  | "Cliente de Prueba [timestamp]" |
+  | Cuenta  | "123456"                     |
+  | Oficina | "Oficina Principal"          |
+And hago clic en el boton "Guardar"
+Then el formulario deberia enviarse exitosamente
+And deberia ser redirigido a la lista de clientes
+And deberia ver "Cliente de Prueba" en la lista
+```
+
+### Expected Results
+- Add button is visible and clickable
+- Customer creation form displays all required fields
+- Form validation works correctly
+- Customer is created and appears in the list
+- Redirect to customers list after successful creation
+
+---
+
+## @test CUST-002: View customer list
+
+### Metadata
+- **Priority:** Critical
+- **Type:** Smoke
+- **Tags:** read, list, table
+- **Grep:** `@smoke` `@critical`
+
+```gherkin:en
+Scenario: Owner can view the customers table
+
+Given I am logged in as an Owner
+When I navigate to the Customers dashboard
+Then the customers page should be visible
+And the customers table should be displayed
+```
+
+```gherkin:es
+Scenario: Owner puede ver la tabla de clientes
+
+Given estoy logueado como Owner
+When navego al dashboard de Clientes
+Then la pagina de clientes deberia estar visible
+And la tabla de clientes deberia mostrarse
+```
+
+### Expected Results
+- Customers dashboard is accessible
+- Customers table displays with data
+- Table shows customer information columns
+
+---
+
+## @test CUST-003: View customer details
+
+### Metadata
+- **Priority:** High
+- **Type:** Regression
+- **Tags:** read, details, navigation
+
+```gherkin:en
+Scenario: Owner can view individual customer details
+
+Given I am logged in as an Owner
+And there is at least one customer in the list
+When I click on a customer row
+Then I should be navigated to the customer detail page
+And the URL should match /dashboard/customers/{id}
+```
+
+```gherkin:es
+Scenario: Owner puede ver detalles de un cliente
+
+Given estoy logueado como Owner
+And existe al menos un cliente en la lista
+When hago clic en una fila de cliente
+Then deberia ser navegado a la pagina de detalle
+And la URL deberia coincidir con /dashboard/customers/{id}
+```
+
+### Expected Results
+- Customer rows are clickable
+- Navigation to detail page works
+- URL contains customer ID
+- Customer details are displayed
+
+---
+
+## @test CUST-004: Edit existing customer
+
+### Metadata
+- **Priority:** High
+- **Type:** Regression
+- **Tags:** update, edit, form
+
+```gherkin:en
+Scenario: Owner can modify customer information
+
+Given I am logged in as an Owner
+And there is at least one customer in the list
+When I click on a customer row to view details
+And I click the "Edit" button
+Then the customer edit form should appear
+And the form should be pre-filled with current data
+
+When I change the Name to "Updated Customer [timestamp]"
+And I click the "Save" button
+Then the changes should be saved successfully
+And I should see "Updated Customer" in the list
+```
+
+```gherkin:es
+Scenario: Owner puede modificar informacion del cliente
+
+Given estoy logueado como Owner
+And existe al menos un cliente en la lista
+When hago clic en una fila para ver detalles
+And hago clic en el boton "Editar"
+Then deberia aparecer el formulario de edicion
+And el formulario deberia estar pre-llenado con datos actuales
+
+When cambio el Nombre a "Cliente Actualizado [timestamp]"
+And hago clic en el boton "Guardar"
+Then los cambios deberian guardarse exitosamente
+And deberia ver "Cliente Actualizado" en la lista
+```
+
+### Expected Results
+- Edit button is accessible from detail page
+- Edit form pre-fills with existing data
+- Changes can be saved successfully
+- Updated data reflects in the list
+
+---
+
+## @test CUST-005: Delete customer
+
+### Metadata
+- **Priority:** High
+- **Type:** Regression
+- **Tags:** delete, confirmation, dialog
+
+```gherkin:en
+Scenario: Owner can permanently delete a customer
+
+Given I am logged in as an Owner
+And I have created a customer called "Delete Test [timestamp]"
+When I click on that customer to view details
+And I click the "Delete" button
+Then a confirmation dialog should appear
+
+When I confirm the deletion
+Then a second confirmation dialog should appear
+When I confirm again
+Then the customer should be deleted
+And "Delete Test" should no longer appear in the list
+```
+
+```gherkin:es
+Scenario: Owner puede eliminar permanentemente un cliente
+
+Given estoy logueado como Owner
+And he creado un cliente llamado "Prueba Eliminar [timestamp]"
+When hago clic en ese cliente para ver detalles
+And hago clic en el boton "Eliminar"
+Then deberia aparecer un dialogo de confirmacion
+
+When confirmo la eliminacion
+Then deberia aparecer un segundo dialogo de confirmacion
+When confirmo nuevamente
+Then el cliente deberia ser eliminado
+And "Prueba Eliminar" ya no deberia aparecer en la lista
+```
+
+### Expected Results
+- Delete button is accessible from detail page
+- First confirmation dialog appears
+- Second confirmation dialog appears (2-step deletion)
+- Customer is permanently removed
+- Customer no longer appears in the list

package/tests/cypress/e2e/uat/entities/customers/owner.cy.ts

@@ -0,0 +1,165 @@
+/// <reference types="cypress" />
+
+import * as allure from 'allure-cypress'
+
+import { CustomersPOM } from '../../../../src/entities/CustomersPOM'
+import { loginAsDefaultOwner } from '../../../../src/session-helpers'
+
+describe('Customers CRUD - Owner Role (Full Access)', {
+  tags: ['@uat', '@feat-customers', '@crud', '@role-owner', '@regression']
+}, () => {
+  const customers = CustomersPOM.create()
+
+  beforeEach(() => {
+    allure.epic('UAT')
+    allure.feature('Customers')
+    allure.story('Owner Permissions')
+
+    // Setup API intercepts BEFORE login and navigation
+    customers.setupApiIntercepts()
+    loginAsDefaultOwner()
+    customers.visitList()
+    customers.api.waitForList()
+    customers.waitForList()
+  })
+
+  describe('CREATE - Owner can create customers', { tags: '@smoke' }, () => {
+    it('CUST-001: should create new customer with all required fields', { tags: '@smoke' }, () => {
+      allure.severity('critical')
+      const timestamp = Date.now()
+      const customerData = {
+        name: `Test Customer ${timestamp}`,
+        account: String(Math.floor(Math.random() * 900000) + 100000),
+        office: 'Main Office'
+      }
+
+      // Use API-aware create flow
+      customers.clickAdd()
+      customers.waitForForm()
+      customers.fillCustomerForm(customerData)
+      customers.submitForm()
+
+      // Wait for API response (deterministic)
+      customers.api.waitForCreate()
+
+      // Validate redirect and customer appears
+      cy.url().should('include', `/dashboard/${customers.entitySlug}`)
+      customers.assertCustomerInList(customerData.name)
+
+      cy.log('✅ Owner created customer successfully')
+    })
+  })
+
+  describe('READ - Owner can view customers', { tags: '@smoke' }, () => {
+    it('CUST-002: should view customer list', { tags: '@smoke' }, () => {
+      allure.severity('critical')
+
+      cy.get(customers.selectors.page).should('be.visible')
+      customers.assertTableVisible()
+
+      cy.log('✅ Owner can view customer list')
+    })
+
+    it('CUST-003: should view customer details', () => {
+      allure.severity('normal')
+
+      cy.get('body').then($body => {
+        if ($body.find(customers.selectors.rowGeneric).length > 0) {
+          // Click first row to view details
+          cy.get(customers.selectors.rowGeneric).first().click()
+          customers.waitForDetail()
+
+          cy.url().should('match', new RegExp(`/dashboard/${customers.entitySlug}/[a-z0-9-]+`))
+          cy.log('✅ Owner can view customer details')
+        } else {
+          cy.log('⚠️ No customers available to view details')
+        }
+      })
+    })
+  })
+
+  describe('UPDATE - Owner can update customers', () => {
+    it('CUST-004: should edit existing customer', () => {
+      allure.severity('normal')
+
+      cy.get('body').then($body => {
+        if ($body.find(customers.selectors.rowGeneric).length > 0) {
+          // Navigate to detail page
+          cy.get(customers.selectors.rowGeneric).first().click()
+          customers.waitForDetail()
+
+          // Edit flow with API wait
+          customers.clickEdit()
+          customers.waitForForm()
+
+          // Wait for form to be fully loaded (fields enabled)
+          cy.get(customers.selectors.field('name')).find('input').should('not.be.disabled')
+
+          const updatedName = `Updated Customer ${Date.now()}`
+          customers.fillTextField('name', updatedName)
+          customers.submitForm()
+
+          // Wait for API response (deterministic)
+          customers.api.waitForUpdate()
+
+          // Verify update by visiting list
+          customers.visitList()
+          customers.api.waitForList()
+          customers.assertCustomerInList(updatedName)
+
+          cy.log('✅ Owner updated customer successfully')
+        } else {
+          cy.log('⚠️ No customers available to edit')
+        }
+      })
+    })
+  })
+
+  describe('DELETE - Owner can delete customers', () => {
+    it('CUST-005: should delete customer', () => {
+      allure.severity('normal')
+
+      // Create a customer to delete (ensures test data exists)
+      const timestamp = Date.now()
+      const customerData = {
+        name: `Delete Test ${timestamp}`,
+        account: String(Math.floor(Math.random() * 900000) + 100000),
+        office: 'Test Office'
+      }
+
+      // Create customer with API wait
+      customers.clickAdd()
+      customers.waitForForm()
+      customers.fillCustomerForm(customerData)
+      customers.submitForm()
+      customers.api.waitForCreate()
+
+      // Navigate to list and verify
+      customers.visitList()
+      customers.api.waitForList()
+      customers.assertCustomerInList(customerData.name)
+
+      // Delete flow with API wait
+      customers.clickRowByText(customerData.name)
+      customers.waitForDetail()
+      customers.clickDelete()
+
+      // First dialog (EntityDetailHeader) - click confirm
+      cy.get(customers.selectors.deleteDialog, { timeout: 5000 }).should('be.visible')
+      cy.get(customers.selectors.deleteConfirm).should('be.visible').and('not.be.disabled').click()
+
+      // Second dialog (EntityDetailWrapper parent confirmation) - click confirm
+      cy.get(customers.selectors.parentDeleteConfirm, { timeout: 5000 }).should('be.visible').and('not.be.disabled').click()
+
+      // Wait for delete API response (deterministic)
+      customers.api.waitForDelete()
+
+      // Verify deletion
+      customers.visitList()
+      customers.api.waitForList()
+      customers.assertCustomerNotInList(customerData.name)
+
+      cy.log('✅ Owner deleted customer successfully')
+    })
+  })
+})