@faststore/core 4.8.0 → 4.8.1-dev.1

package/test/components/account/orders/BuyingPolicyAlert.browser.test.tsx

@@ -0,0 +1,342 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { UIProvider, useUI } from '@faststore/ui'
+import { fireEvent, render, screen, within } from '@testing-library/react'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import type { ProcessOrderAuthorizationRule } from '@generated/graphql'
+
+const mockProcessOrderAuthorization = vi.hoisted(() => vi.fn())
+const mockOrderAuthorizationData = vi.hoisted(() => ({
+  current: null as { isPendingForOtherAuthorizer?: boolean } | null,
+}))
+
+vi.mock('src/sdk/account/useOrderAuthorization', () => ({
+  useOrderAuthorization: () => ({
+    processOrderAuthorization: mockProcessOrderAuthorization,
+    data: mockOrderAuthorizationData.current,
+    error: null,
+    loading: false,
+  }),
+}))
+
+import BuyingPolicyAlert from 'src/components/account/orders/OrderDetails/BuyingPolicyAlert'
+
+const ruleForAuthorization = {
+  orderAuthorizationId: 'auth-1',
+  dimensionId: 'dim-1',
+  rule: { id: 'rule-1', name: 'Approval Policy' },
+} as unknown as ProcessOrderAuthorizationRule
+
+/** Renders the last pushed toast message so tests can assert on it. */
+function ToastPreview() {
+  const { toasts } = useUI()
+  const lastToast = toasts[toasts.length - 1]
+
+  return (
+    <div data-testid="toast-preview" data-toast-status={lastToast?.status}>
+      {lastToast?.message}
+    </div>
+  )
+}
+
+function openRejectModal() {
+  fireEvent.click(screen.getByText('Reject'))
+}
+
+function confirmRejectModal() {
+  const dialog = within(screen.getByRole('dialog'))
+  fireEvent.click(dialog.getByRole('button', { name: /reject/i }))
+}
+
+function getModalTitle() {
+  return document.querySelector('[data-fs-modal-header-title]')?.textContent
+}
+
+function getModalMessage() {
+  return document.querySelector('[data-fs-order-details-action-modal-message]')
+    ?.textContent
+}
+
+describe('BuyingPolicyAlert', () => {
+  beforeEach(() => {
+    mockProcessOrderAuthorization.mockReset()
+    mockOrderAuthorizationData.current = null
+  })
+
+  it('opens the reject confirmation modal with the default English copy', () => {
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+      </UIProvider>
+    )
+
+    openRejectModal()
+
+    expect(getModalTitle()).toBe('Reject approval request')
+    expect(getModalMessage()).toContain(
+      "You're about to reject this approval request, triggered by the Approval Policy policy."
+    )
+  })
+
+  it('opens the reject confirmation modal with CMS-provided labels', () => {
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            rejectModalTitle: 'Rejeitar solicitação de aprovação',
+            rejectModalMessage: 'Você está rejeitando a política {policy}.',
+            rejectModalConfirmText: 'Confirmar rejeição',
+          }}
+        />
+      </UIProvider>
+    )
+
+    openRejectModal()
+
+    expect(getModalTitle()).toBe('Rejeitar solicitação de aprovação')
+    expect(getModalMessage()).toBe(
+      'Você está rejeitando a política Approval Policy.'
+    )
+    expect(
+      screen.getByRole('button', { name: 'Confirmar rejeição' })
+    ).toBeTruthy()
+  })
+
+  it('shows the default English toast when a policy is approved', async () => {
+    mockProcessOrderAuthorization.mockResolvedValueOnce({})
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    fireEvent.click(screen.getByText('Approve'))
+
+    expect(
+      await screen.findByText('Approval Policy policy approved successfully.')
+    ).toBeTruthy()
+  })
+
+  it('shows the CMS-provided toast when a policy is approved', async () => {
+    mockProcessOrderAuthorization.mockResolvedValueOnce({})
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            approveSuccessToast: 'Política {policy} aprovada com sucesso.',
+          }}
+        />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    fireEvent.click(screen.getByText('Approve'))
+
+    expect(
+      await screen.findByText('Política Approval Policy aprovada com sucesso.')
+    ).toBeTruthy()
+  })
+
+  it('replaces every policy placeholder without interpreting replacement patterns', async () => {
+    mockProcessOrderAuthorization.mockResolvedValueOnce({})
+    const policyName = '$& Policy'
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={
+            {
+              ...ruleForAuthorization,
+              rule: { ...ruleForAuthorization.rule, name: policyName },
+            } as ProcessOrderAuthorizationRule
+          }
+          labels={{
+            approveSuccessToast: '{policy} approved by {policy}.',
+          }}
+        />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    fireEvent.click(screen.getByText('Approve'))
+
+    expect(
+      await screen.findByText('$& Policy approved by $& Policy.')
+    ).toBeTruthy()
+  })
+
+  it('shows the default English error toast when approving a policy fails', async () => {
+    mockProcessOrderAuthorization.mockRejectedValueOnce(new Error('failure'))
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    fireEvent.click(screen.getByText('Approve'))
+
+    expect(
+      await screen.findByText(
+        "Policy couldn't be approved due to a technical issue."
+      )
+    ).toBeTruthy()
+  })
+
+  it('shows the CMS-provided error toast when approving a policy fails', async () => {
+    mockProcessOrderAuthorization.mockRejectedValueOnce(new Error('failure'))
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            approveErrorToast: 'Não foi possível aprovar a política.',
+          }}
+        />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    fireEvent.click(screen.getByText('Approve'))
+
+    expect(
+      await screen.findByText('Não foi possível aprovar a política.')
+    ).toBeTruthy()
+  })
+
+  it('shows the default English toast when a policy is rejected', async () => {
+    mockProcessOrderAuthorization.mockResolvedValueOnce({})
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    openRejectModal()
+    confirmRejectModal()
+
+    expect(
+      await screen.findByText(
+        'Approval Policy policy rejected successfully. Order denied.'
+      )
+    ).toBeTruthy()
+  })
+
+  it('shows the CMS-provided toast when a policy is rejected', async () => {
+    mockProcessOrderAuthorization.mockResolvedValueOnce({})
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            rejectSuccessToast: 'Política {policy} rejeitada. Pedido negado.',
+          }}
+        />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    openRejectModal()
+    confirmRejectModal()
+
+    expect(
+      await screen.findByText(
+        'Política Approval Policy rejeitada. Pedido negado.'
+      )
+    ).toBeTruthy()
+  })
+
+  it('shows the default English error toast when rejecting a policy fails', async () => {
+    mockProcessOrderAuthorization.mockRejectedValueOnce(new Error('failure'))
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    openRejectModal()
+    confirmRejectModal()
+
+    expect(
+      await screen.findByText(
+        "Policy couldn't be rejected due to a technical issue."
+      )
+    ).toBeTruthy()
+  })
+
+  it('shows the CMS-provided error toast when rejecting a policy fails', async () => {
+    mockProcessOrderAuthorization.mockRejectedValueOnce(new Error('failure'))
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            rejectErrorToast: 'Não foi possível rejeitar a política.',
+          }}
+        />
+        <ToastPreview />
+      </UIProvider>
+    )
+
+    openRejectModal()
+    confirmRejectModal()
+
+    expect(
+      await screen.findByText('Não foi possível rejeitar a política.')
+    ).toBeTruthy()
+  })
+
+  it('shows the default English pending-approvals alert', () => {
+    mockOrderAuthorizationData.current = { isPendingForOtherAuthorizer: true }
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert ruleForAuthorization={ruleForAuthorization} />
+      </UIProvider>
+    )
+
+    expect(
+      screen.getByText(
+        'Your approval is recorded. This order is still pending further approvals.'
+      )
+    ).toBeTruthy()
+  })
+
+  it('shows the CMS-provided pending-approvals alert', () => {
+    mockOrderAuthorizationData.current = { isPendingForOtherAuthorizer: true }
+
+    render(
+      <UIProvider>
+        <BuyingPolicyAlert
+          ruleForAuthorization={ruleForAuthorization}
+          labels={{
+            pendingFurtherApprovalsAlert:
+              'Sua aprovação foi registrada. O pedido ainda aguarda outras aprovações.',
+          }}
+        />
+      </UIProvider>
+    )
+
+    expect(
+      screen.getByText(
+        'Sua aprovação foi registrada. O pedido ainda aguarda outras aprovações.'
+      )
+    ).toBeTruthy()
+  })
+})

package/test/components/account/orders/DeliveryCard.browser.test.tsx

@@ -0,0 +1,36 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import type { UserOrderDeliveryOptionsData } from '@generated/graphql'
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+
+import DeliveryCard from '../../../../src/components/account/orders/OrderDetails/DeliveryCard'
+
+describe('DeliveryCard', () => {
+  it('renders delivery options with localized CMS labels', () => {
+    render(
+      <DeliveryCard
+        deliveryOptionsData={
+          {
+            deliveryOptions: [
+              {
+                selectedSla: 'Normal',
+                deliveryChannel: 'delivery',
+                shippingEstimate: '2bd',
+                friendlyDeliveryOptionName: 'Delivery Up to 2 business days',
+              },
+            ],
+          } as UserOrderDeliveryOptionsData
+        }
+        labels={{
+          deliveryChannelLabel: 'Entrega',
+          businessDaysOtherTemplate: 'Em até {count} dias úteis',
+        }}
+      />
+    )
+
+    expect(screen.getByText('Entrega Em até 2 dias úteis')).toBeTruthy()
+  })
+})

package/test/components/account/orders/DeliveryOptionAccordion.browser.test.tsx

@@ -0,0 +1,76 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import type { UserOrderDeliveryOption } from '@generated/graphql'
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+import { DeliveryOptionAccordion } from '../../../../src/components/account/orders/OrderDetails/DeliveryOptionAccordion'
+
+vi.mock('next/router', () => ({
+  useRouter: () => ({ locale: 'pt-BR' }),
+}))
+
+const deliveryOption = {
+  selectedSla: 'Normal',
+  deliveryChannel: 'delivery',
+  shippingEstimate: '2bd',
+  friendlyDeliveryOptionName: 'Delivery Up to 2 business days',
+  quantityOfDifferentItems: 1,
+  total: 1100,
+  address: {
+    city: 'Rio de Janeiro',
+    street: 'Rua Um',
+    postalCode: '20000-000',
+    state: 'RJ',
+    country: 'BRA',
+  },
+  items: [
+    {
+      uniqueId: 'item-1',
+      name: 'Produto',
+      imageUrl: '',
+      quantity: 1,
+      sellingPrice: 1000,
+      tax: 100,
+      total: 1100,
+    },
+  ],
+} as unknown as UserOrderDeliveryOption
+
+describe('DeliveryOptionAccordion', () => {
+  it('renders the localized delivery option title and summary', () => {
+    render(
+      <DeliveryOptionAccordion
+        deliveryOption={deliveryOption}
+        currencyCode="BRL"
+        labels={{
+          deliveryChannelLabel: 'Entrega',
+          businessDaysOtherTemplate: 'Em até {count} dias úteis',
+          itemCountTemplate: '{count} item',
+          totalLabel: 'Total traduzido',
+        }}
+      />
+    )
+
+    expect(screen.getByText('Entrega Em até 2 dias úteis')).toBeTruthy()
+    expect(
+      screen.getByText(/1 item – Total traduzido/, { exact: false })
+    ).toBeTruthy()
+  })
+
+  it('forwards the resolved labels to the delivery info and product panels', () => {
+    render(
+      <DeliveryOptionAccordion
+        deliveryOption={deliveryOption}
+        contact={{ name: 'Maria' }}
+        currencyCode="BRL"
+        labels={{ recipientLabel: 'Destinatário', eachLabel: 'Cada' }}
+      />
+    )
+
+    expect(screen.getByText('Destinatário')).toBeTruthy()
+    expect(screen.getByText('Cada')).toBeTruthy()
+  })
+})

package/test/components/account/orders/DeliveryOptionAccordionDeliveryInfo.browser.test.tsx

@@ -0,0 +1,41 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import type { UserOrderDeliveryOption } from '@generated/graphql'
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+
+import DeliveryOptionAccordionDeliveryInfo from '../../../../src/components/account/orders/OrderDetails/DeliveryOptionAccordion/DeliveryOptionAccordionDeliveryInfo'
+import { resolveOrderDeliveryLabels } from '../../../../src/components/account/orders/OrderDetails/orderDetailsLabels'
+
+const labels = resolveOrderDeliveryLabels({
+  recipientLabel: 'Destinatário',
+  deliveryAddressLabel: 'Endereço de entrega',
+})
+
+describe('DeliveryOptionAccordionDeliveryInfo', () => {
+  it('renders localized recipient and delivery address labels', () => {
+    render(
+      <DeliveryOptionAccordionDeliveryInfo
+        deliveryOption={
+          {
+            deliveryChannel: 'delivery',
+            address: {
+              city: 'Rio de Janeiro',
+              street: 'Rua Um',
+              postalCode: '20000-000',
+              state: 'RJ',
+              country: 'BRA',
+            },
+          } as UserOrderDeliveryOption
+        }
+        contact={{ name: 'Maria' }}
+        labels={labels}
+      />
+    )
+
+    expect(screen.getByText('Destinatário')).toBeTruthy()
+    expect(screen.getByText('Endereço de entrega')).toBeTruthy()
+  })
+})

package/test/components/account/orders/DeliveryOptionAccordionProducts.browser.test.tsx

@@ -0,0 +1,35 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+
+import { DeliveryOptionAccordionProduct } from '../../../../src/components/account/orders/OrderDetails/DeliveryOptionAccordion/DeliveryOptionAccordionProducts'
+import { resolveOrderDeliveryLabels } from '../../../../src/components/account/orders/OrderDetails/orderDetailsLabels'
+
+const labels = resolveOrderDeliveryLabels({
+  eachLabel: 'Cada',
+  taxesLabel: 'Impostos',
+  totalLabel: 'Total traduzido',
+})
+
+describe('DeliveryOptionAccordionProduct', () => {
+  it('renders localized product price labels', () => {
+    render(
+      <DeliveryOptionAccordionProduct
+        image=""
+        quantity={1}
+        name="Produto"
+        price="R$ 10,00"
+        tax="R$ 1,00"
+        total="R$ 11,00"
+        labels={labels}
+      />
+    )
+
+    expect(screen.getByText('Cada')).toBeTruthy()
+    expect(screen.getByText('Impostos')).toBeTruthy()
+    expect(screen.getByText('Total traduzido')).toBeTruthy()
+  })
+})

package/test/components/account/orders/FilterFacetPendingApproval.browser.test.tsx

@@ -0,0 +1,25 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+import FilterFacetPendingApproval from '../../../../src/components/account/orders/ListOrders/FilterSlider/FilterFacetPendingApproval'
+
+describe('FilterFacetPendingApproval', () => {
+  it('uses the localized label for visible and accessible text', () => {
+    render(
+      <FilterFacetPendingApproval
+        label="Aguardando minha aprovação"
+        selected={[]}
+        dispatch={vi.fn()}
+      />
+    )
+
+    expect(screen.getByText('Aguardando minha aprovação')).toBeTruthy()
+    expect(
+      screen.getByRole('switch', { name: 'Aguardando minha aprovação' })
+    ).toBeTruthy()
+  })
+})

package/test/components/account/orders/StatusCard.browser.test.tsx

@@ -0,0 +1,37 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+import StatusCard from '../../../../src/components/account/orders/OrderDetails/StatusCard'
+import { formatDate } from '../../../../src/components/account/orders/OrderDetails/StatusCard/statusCardLocalization'
+
+vi.mock('next/router', () => ({
+  useRouter: () => ({ locale: 'pt-BR' }),
+}))
+
+describe('StatusCard', () => {
+  it('renders timeline dates with the page locale', () => {
+    const creationDate = '2026-08-05T18:30:00.000Z'
+
+    render(<StatusCard status="payment-approved" creationDate={creationDate} />)
+
+    const formatted = formatDate(creationDate, 'pt-BR')
+    expect(screen.getByText(formatted.date)).toBeTruthy()
+    expect(screen.getByText(formatted.time)).toBeTruthy()
+  })
+
+  it('renders the CMS status label for canceled orders', () => {
+    render(
+      <StatusCard
+        status="canceled"
+        creationDate="2026-08-05T18:30:00.000Z"
+        statusLabels={{ canceledStatus: 'Cancelado' }}
+      />
+    )
+
+    expect(screen.getByText('Cancelado')).toBeTruthy()
+  })
+})

package/test/components/account/orders/StatusCard.test.ts

@@ -0,0 +1,101 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  defaultOrderStatusLabels,
+  resolveOrderStatusLabels,
+} from '../../../../src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  formatDate,
+  getDisplayStepLabel,
+  getStepLabel,
+  type StepKey,
+  type StepStatus,
+} from '../../../../src/components/account/orders/OrderDetails/StatusCard/statusCardLocalization'
+
+describe('StatusCard localization', () => {
+  it('resolves every timeline state from configurable labels', () => {
+    const labels = resolveOrderStatusLabels(
+      Object.fromEntries(
+        Object.keys(defaultOrderStatusLabels).map((key) => [key, `i18n:${key}`])
+      )
+    )
+    const combinations: [StepKey, StepStatus, string][] = [
+      ['order', 'completed', 'orderPlacedStep'],
+      ['approval', 'completed', 'approvedStep'],
+      ['approval', 'loading', 'pendingApprovalStep'],
+      ['approval', 'failed', 'deniedStep'],
+      ['payment', 'completed', 'paymentApprovedStep'],
+      ['payment', 'loading', 'paymentPendingStep'],
+      ['payment', 'not-started', 'paymentAuthorizationStep'],
+      ['payment', 'failed', 'paymentDeniedStep'],
+      ['processing', 'completed', 'readyForDeliveryStep'],
+      ['processing', 'loading', 'handlingStep'],
+      ['processing', 'failed', 'canceledStep'],
+      ['shipping', 'completed', 'invoicedStep'],
+      ['shipping', 'loading', 'deliveredStep'],
+      ['shipping', 'not-started', 'shipOrderStep'],
+      ['shipping', 'failed', 'canceledStep'],
+    ]
+
+    for (const [step, status, labelKey] of combinations) {
+      expect(getStepLabel(step, status, labels)).toBe(`i18n:${labelKey}`)
+    }
+  })
+
+  it('uses CMS status labels for canceled and failed timeline copy', () => {
+    const labels = resolveOrderStatusLabels()
+    const statusLabels = {
+      canceledStatus: 'Cancelado',
+      paymentDeniedStatus: 'Pagamento recusado',
+    }
+
+    expect(
+      getDisplayStepLabel({
+        stepKey: 'payment',
+        stepStatus: 'failed',
+        labels,
+        status: 'canceled',
+        statusLabels,
+        isCanceled: true,
+      })
+    ).toBe('Cancelado')
+
+    expect(
+      getDisplayStepLabel({
+        stepKey: 'shipping',
+        stepStatus: 'failed',
+        labels,
+        status: 'canceled',
+        statusLabels,
+        isCanceled: false,
+      })
+    ).toBe('Cancelado')
+
+    expect(
+      getDisplayStepLabel({
+        stepKey: 'payment',
+        stepStatus: 'failed',
+        labels,
+        status: 'payment-denied',
+        statusLabels,
+        isCanceled: false,
+      })
+    ).toBe('Pagamento recusado')
+  })
+
+  it('formats timeline dates and times using the active locale', () => {
+    const timestamp = '2026-08-05T18:30:00.000Z'
+
+    expect(formatDate(timestamp, 'pt-BR')).toEqual({
+      date: new Intl.DateTimeFormat('pt-BR', {
+        month: '2-digit',
+        day: '2-digit',
+        year: 'numeric',
+      }).format(new Date(timestamp)),
+      time: new Intl.DateTimeFormat('pt-BR', {
+        hour: 'numeric',
+        minute: '2-digit',
+      }).format(new Date(timestamp)),
+    })
+  })
+})