@faststore/core 4.8.1-dev.0 → 4.8.1-dev.2

package/test/components/navigation/NavbarSlider.browser.test.tsx

@@ -0,0 +1,143 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import '@testing-library/jest-dom/vitest'
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+const mockUseSession = vi.hoisted(() => vi.fn())
+const mockNavbarAccountArea = vi.hoisted(() => vi.fn())
+const mockStoreConfig = vi.hoisted(() => ({
+  experimental: { enableFaststoreMyAccount: false },
+  localization: { enabled: false },
+}))
+
+vi.mock('@faststore/ui', () => ({
+  useFadeEffect: () => ({ fade: 'in', fadeOut: vi.fn() }),
+  useUI: () => ({ closeNavbar: vi.fn() }),
+}))
+
+vi.mock('discovery.config', () => ({ default: mockStoreConfig }))
+
+vi.mock('src/components/navigation/NavbarLinks', () => ({
+  default: () => <nav data-testid="navbar-links" />,
+}))
+
+vi.mock('src/components/ui/Button', () => ({
+  ButtonSignInFallback: () => null,
+}))
+
+vi.mock('src/components/ui/Link', () => ({
+  default: ({ children }: { children?: React.ReactNode }) => (
+    <a href="/">{children}</a>
+  ),
+}))
+
+vi.mock('src/components/ui/LocalizationButton', () => ({
+  default: () => <div data-testid="localization-button" />,
+}))
+
+vi.mock('src/components/ui/Logo', () => ({
+  default: () => <div data-testid="logo" />,
+}))
+
+vi.mock('../../../src/components/navigation/Navbar/NavbarAccountArea', () => ({
+  NavbarAccountArea: (props: Record<string, unknown>) => {
+    mockNavbarAccountArea(props)
+    return <div data-testid="navbar-account-area" />
+  },
+}))
+
+vi.mock('src/sdk/overrides/OverrideContext', () => ({
+  useOverrideComponents: () => ({
+    NavbarSlider: {
+      Component: ({ children }: React.PropsWithChildren) => (
+        <div data-testid="navbar-slider-wrapper">{children}</div>
+      ),
+      props: {},
+    },
+    NavbarSliderHeader: {
+      Component: ({ children }: React.PropsWithChildren) => (
+        <header>{children}</header>
+      ),
+      props: {},
+    },
+    NavbarSliderContent: {
+      Component: ({ children }: React.PropsWithChildren) => (
+        <div>{children}</div>
+      ),
+      props: {},
+    },
+    NavbarSliderFooter: {
+      Component: ({ children }: React.PropsWithChildren) => (
+        <footer>{children}</footer>
+      ),
+      props: {},
+    },
+    _experimentalButtonSignIn: { Component: () => null },
+  }),
+}))
+
+vi.mock('src/sdk/session', () => ({ useSession: mockUseSession }))
+
+import NavbarSlider from '../../../src/components/navigation/NavbarSlider/NavbarSlider'
+
+const baseProps = {
+  logo: {
+    src: '/logo.png',
+    alt: 'Logo',
+    link: { url: '/', title: 'Home' },
+  },
+  home: { label: 'Home' },
+  links: [],
+  region: { icon: 'MapPin', label: 'Region', shouldDisplayRegion: false },
+  signIn: {
+    button: {
+      icon: { alt: 'account', icon: 'User' },
+      label: 'Sign in',
+      myAccountLabel: 'My Account',
+    },
+  },
+}
+
+describe('NavbarSlider', () => {
+  it('resolves the sign-in area and forwards isSignInResolved=false while the session has not validated', () => {
+    mockUseSession.mockReturnValue({
+      b2b: {},
+      isSessionReady: false,
+      hasValidated: false,
+    })
+
+    render(<NavbarSlider {...baseProps} />)
+
+    expect(screen.getByTestId('navbar-account-area')).toBeTruthy()
+    expect(mockNavbarAccountArea).toHaveBeenCalledWith(
+      expect.objectContaining({
+        isSignInResolved: false,
+        skeletonAttr: 'data-fs-navbar-slider-signin-skeleton',
+      })
+    )
+  })
+
+  it('forwards isSignInResolved=true and isOrganizationEnabled once the B2B representative session resolves', () => {
+    mockStoreConfig.experimental.enableFaststoreMyAccount = true
+    mockUseSession.mockReturnValue({
+      b2b: { isRepresentative: true },
+      isSessionReady: true,
+      hasValidated: true,
+    })
+
+    render(<NavbarSlider {...baseProps} />)
+
+    expect(mockNavbarAccountArea).toHaveBeenCalledWith(
+      expect.objectContaining({
+        isSignInResolved: true,
+        isOrganizationEnabled: true,
+        isRepresentative: true,
+      })
+    )
+
+    mockStoreConfig.experimental.enableFaststoreMyAccount = false
+  })
+})

package/test/components/sections/Account/AccountOrderDelivery.browser.test.tsx

@@ -0,0 +1,72 @@
+import '@testing-library/jest-dom/vitest'
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseAccountPageData = vi.hoisted(() => vi.fn())
+
+vi.mock('next/router', () => ({ useRouter: () => ({ locale: 'pt-BR' }) }))
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountPageData: mockUseAccountPageData,
+}))
+
+import AccountOrderDelivery from 'src/components/sections/Account/AccountOrderDelivery'
+
+const order = {
+  storePreferencesData: { currencyCode: 'BRL' },
+  customFields: [],
+  deliveryOptionsData: {
+    contact: { name: 'Maria' },
+    deliveryOptions: [
+      {
+        selectedSla: 'Normal',
+        deliveryChannel: 'delivery',
+        shippingEstimate: '2bd',
+        friendlyDeliveryOptionName: 'Delivery Up to 2 business days',
+        quantityOfDifferentItems: 1,
+        total: 1100,
+        items: [],
+        address: {
+          city: 'Rio de Janeiro',
+          street: 'Rua Um',
+          postalCode: '20000-000',
+          state: 'RJ',
+          country: 'BRA',
+        },
+      },
+    ],
+  },
+}
+
+afterEach(() => {
+  cleanup()
+  mockUseAccountPageData.mockReset()
+})
+
+describe('AccountOrderDelivery', () => {
+  it('forwards the CMS labels to the delivery card and accordions', () => {
+    mockUseAccountPageData.mockReturnValue({ order })
+
+    render(
+      <AccountOrderDelivery
+        deliveryTitle="Entrega do pedido"
+        deliveryChannelLabel="Entrega"
+        businessDaysOtherTemplate="Em até {count} dias úteis"
+        recipientLabel="Destinatário"
+      />
+    )
+
+    expect(screen.getByText('Entrega do pedido')).toBeInTheDocument()
+    expect(screen.getAllByText('Entrega Em até 2 dias úteis')).toHaveLength(2)
+    expect(screen.getByText('Destinatário')).toBeInTheDocument()
+  })
+
+  it('renders nothing when the order has no delivery data', () => {
+    mockUseAccountPageData.mockReturnValue({
+      order: { ...order, deliveryOptionsData: null },
+    })
+
+    const { container } = render(<AccountOrderDelivery />)
+
+    expect(container).toBeEmptyDOMElement()
+  })
+})

package/test/components/sections/Account/AccountOrderDetails.browser.test.tsx

@@ -0,0 +1,151 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import '@testing-library/jest-dom/vitest'
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseAccountPageData = vi.hoisted(() => vi.fn())
+
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountPageData: mockUseAccountPageData,
+}))
+
+vi.mock(
+  'src/components/account/orders/OrderDetails/OrderDetailsHeader',
+  () => ({
+    OrderDetailsHeader: ({
+      labels,
+    }: {
+      labels: Record<string, string | undefined>
+    }) => (
+      <div data-testid="order-details-header">
+        <span data-testid="reject-modal-title">{labels.rejectModalTitle}</span>
+        <span data-testid="reject-modal-message">
+          {labels.rejectModalMessage}
+        </span>
+        <span data-testid="reject-modal-confirm">
+          {labels.rejectModalConfirmText}
+        </span>
+        <span data-testid="approve-success-toast">
+          {labels.approveSuccessToast}
+        </span>
+        <span data-testid="approve-error-toast">
+          {labels.approveErrorToast}
+        </span>
+        <span data-testid="reject-success-toast">
+          {labels.rejectSuccessToast}
+        </span>
+        <span data-testid="reject-error-toast">{labels.rejectErrorToast}</span>
+        <span data-testid="pending-further-approvals-alert">
+          {labels.pendingFurtherApprovalsAlert}
+        </span>
+      </div>
+    ),
+  })
+)
+
+import AccountOrderDetails from 'src/components/sections/Account/AccountOrderDetails'
+import { defaultOrderDetailsHeaderLabels } from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+
+const order = { orderId: '123' }
+
+afterEach(cleanup)
+
+describe('AccountOrderDetails', () => {
+  it('forwards the default English reject modal labels when the CMS has no override', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order })
+
+    render(<AccountOrderDetails />)
+
+    expect(screen.getByTestId('reject-modal-title')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.rejectModalTitle
+    )
+    expect(screen.getByTestId('reject-modal-message').textContent).toBe(
+      defaultOrderDetailsHeaderLabels.rejectModalMessage
+    )
+    expect(screen.getByTestId('reject-modal-confirm')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.rejectModalConfirmText
+    )
+    expect(screen.getByTestId('approve-success-toast')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.approveSuccessToast
+    )
+    expect(screen.getByTestId('approve-error-toast')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.approveErrorToast
+    )
+    expect(screen.getByTestId('reject-success-toast')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.rejectSuccessToast
+    )
+    expect(screen.getByTestId('reject-error-toast')).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.rejectErrorToast
+    )
+    expect(
+      screen.getByTestId('pending-further-approvals-alert')
+    ).toHaveTextContent(
+      defaultOrderDetailsHeaderLabels.pendingFurtherApprovalsAlert
+    )
+  })
+
+  it('forwards CMS-provided reject modal labels to the order details header', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order })
+
+    render(
+      <AccountOrderDetails
+        rejectModalTitle="Rejeitar solicitação de aprovação"
+        rejectModalMessage="Você está rejeitando a política {policy}."
+        rejectModalConfirmText="Confirmar rejeição"
+      />
+    )
+
+    expect(screen.getByTestId('reject-modal-title')).toHaveTextContent(
+      'Rejeitar solicitação de aprovação'
+    )
+    expect(screen.getByTestId('reject-modal-message')).toHaveTextContent(
+      'Você está rejeitando a política {policy}.'
+    )
+    expect(screen.getByTestId('reject-modal-confirm')).toHaveTextContent(
+      'Confirmar rejeição'
+    )
+  })
+
+  it('forwards CMS-provided buying policy toast labels to the order details header', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order })
+
+    render(
+      <AccountOrderDetails
+        approveSuccessToast="Política {policy} aprovada com sucesso."
+        approveErrorToast="Não foi possível aprovar a política."
+        rejectSuccessToast="Política {policy} rejeitada. Pedido negado."
+        rejectErrorToast="Não foi possível rejeitar a política."
+        pendingFurtherApprovalsAlert="Sua aprovação foi registrada. O pedido ainda aguarda outras aprovações."
+      />
+    )
+
+    expect(screen.getByTestId('approve-success-toast')).toHaveTextContent(
+      'Política {policy} aprovada com sucesso.'
+    )
+    expect(screen.getByTestId('approve-error-toast')).toHaveTextContent(
+      'Não foi possível aprovar a política.'
+    )
+    expect(screen.getByTestId('reject-success-toast')).toHaveTextContent(
+      'Política {policy} rejeitada. Pedido negado.'
+    )
+    expect(screen.getByTestId('reject-error-toast')).toHaveTextContent(
+      'Não foi possível rejeitar a política.'
+    )
+    expect(
+      screen.getByTestId('pending-further-approvals-alert')
+    ).toHaveTextContent(
+      'Sua aprovação foi registrada. O pedido ainda aguarda outras aprovações.'
+    )
+  })
+
+  it('renders nothing when the page data has no order', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order: null })
+
+    const { container } = render(<AccountOrderDetails />)
+
+    expect(container).toBeEmptyDOMElement()
+  })
+})

package/test/components/sections/Account/AccountOrderStatus.browser.test.tsx

@@ -0,0 +1,59 @@
+import '@testing-library/jest-dom/vitest'
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseAccountPageData = vi.hoisted(() => vi.fn())
+
+vi.mock('next/router', () => ({ useRouter: () => ({ locale: 'pt-BR' }) }))
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountPageData: mockUseAccountPageData,
+}))
+
+import AccountOrderStatus from 'src/components/sections/Account/AccountOrderStatus'
+
+const order = {
+  status: 'payment-approved',
+  creationDate: '2026-08-05T18:30:00.000Z',
+}
+
+afterEach(cleanup)
+
+describe('AccountOrderStatus', () => {
+  it('renders the timeline with the default labels', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order })
+
+    render(<AccountOrderStatus />)
+
+    expect(screen.getByText('Status')).toBeInTheDocument()
+    expect(screen.getByText('Order placed')).toBeInTheDocument()
+    expect(screen.getByText('Handling order')).toBeInTheDocument()
+  })
+
+  it('forwards the CMS labels to the status card', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order })
+
+    render(
+      <AccountOrderStatus
+        statusTitle="Status do pedido"
+        orderPlacedStep="Pedido realizado"
+        approvedStep="Aprovado"
+        handlingStep="Em separação"
+        shipOrderStep="Enviar pedido"
+      />
+    )
+
+    expect(screen.getByText('Status do pedido')).toBeInTheDocument()
+    expect(screen.getByText('Pedido realizado')).toBeInTheDocument()
+    expect(screen.getByText('Aprovado')).toBeInTheDocument()
+    expect(screen.getByText('Em separação')).toBeInTheDocument()
+    expect(screen.getByText('Enviar pedido')).toBeInTheDocument()
+  })
+
+  it('renders nothing when the page data has no order', () => {
+    mockUseAccountPageData.mockReturnValueOnce({ order: null })
+
+    const { container } = render(<AccountOrderStatus />)
+
+    expect(container).toBeEmptyDOMElement()
+  })
+})

package/test/components/sections/Account/AccountOrdersList.browser.test.tsx

@@ -0,0 +1,67 @@
+import '@testing-library/jest-dom/vitest'
+import { cleanup, render } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+import type { ListOrdersProps } from 'src/components/account/orders/ListOrders/ListOrders'
+
+const mockUseAccountPageData = vi.hoisted(() => vi.fn())
+const mockListOrders = vi.hoisted(() =>
+  vi.fn((_props: ListOrdersProps) => null)
+)
+
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountPageData: mockUseAccountPageData,
+}))
+vi.mock('src/components/account/orders/ListOrders', () => ({
+  ListOrders: mockListOrders,
+}))
+
+import AccountOrdersList from 'src/components/sections/Account/AccountOrdersList'
+
+const pageData = {
+  listOrders: { list: [] },
+  total: 0,
+  perPage: 10,
+  filters: {
+    page: 1,
+    status: [],
+    dateInitial: '',
+    dateFinal: '',
+    text: '',
+    clientEmail: '',
+  },
+}
+
+afterEach(() => {
+  cleanup()
+  mockListOrders.mockClear()
+})
+
+describe('AccountOrdersList', () => {
+  it('forwards the default filter group labels', () => {
+    mockUseAccountPageData.mockReturnValueOnce(pageData)
+
+    render(<AccountOrdersList />)
+
+    expect(mockListOrders.mock.calls[0][0].labels).toMatchObject({
+      statusFilterLabel: 'Status',
+      orderDateFilterLabel: 'Order Date',
+    })
+  })
+
+  it('forwards the CMS filter group labels', () => {
+    mockUseAccountPageData.mockReturnValueOnce(pageData)
+
+    render(
+      <AccountOrdersList
+        statusFilterLabel="Situação"
+        orderDateFilterLabel="Data do pedido"
+      />
+    )
+
+    expect(mockListOrders.mock.calls[0][0].labels).toMatchObject({
+      statusFilterLabel: 'Situação',
+      orderDateFilterLabel: 'Data do pedido',
+    })
+  })
+})

package/test/pages/api/graphql.test.ts

@@ -18,12 +18,13 @@ vi.mock('../../../src/server', () => ({
 
 const mockedExecute = vi.mocked(execute)
 
-const createResponse = () => {
+const createResponse = ({ headersSent = false } = {}) => {
   const res = {
     status: vi.fn().mockReturnThis(),
     setHeader: vi.fn().mockReturnThis(),
     send: vi.fn().mockReturnThis(),
     end: vi.fn().mockReturnThis(),
+    headersSent,
   }
 
   return res as unknown as NextApiResponse & typeof res
@@ -122,6 +123,7 @@ describe('/api/graphql error status propagation', () => {
     expect(res.status).toHaveBeenCalledWith(500)
     expect(res.end).toHaveBeenCalled()
     expect(res.send).not.toHaveBeenCalled()
+    expect(res.setHeader).toHaveBeenCalledWith('cache-control', 'no-store')
   })
 
   it('exposes type, status and message in the body outside production', async () => {
@@ -168,6 +170,15 @@ describe('/api/graphql error status propagation', () => {
 
     expect(res.status).toHaveBeenCalledWith(404)
   })
+
+  it('sets cache-control: no-store on error responses so a bare 404/410 is not cached by intermediaries', async () => {
+    mockExecuteWithErrors([maskedError(new NotFoundError('missing'))])
+
+    const res = createResponse()
+    await handler(createRequest(), res)
+
+    expect(res.setHeader).toHaveBeenCalledWith('cache-control', 'no-store')
+  })
 })
 
 describe('/api/graphql request handling', () => {
@@ -200,6 +211,21 @@ describe('/api/graphql request handling', () => {
 
       expect(res.status).toHaveBeenCalledWith(status)
       expect(res.end).toHaveBeenCalled()
+      expect(res.setHeader).toHaveBeenCalledWith('cache-control', 'no-store')
     }
   )
+
+  it('skips the cache-control header when headers were already sent', async () => {
+    mockedExecute.mockRejectedValue(new Error('boom after flush'))
+
+    const res = createResponse({ headersSent: true })
+    await handler(createRequest(), res)
+
+    expect(res.setHeader).not.toHaveBeenCalledWith(
+      'cache-control',
+      expect.anything()
+    )
+    expect(res.status).toHaveBeenCalledWith(500)
+    expect(res.end).toHaveBeenCalled()
+  })
 })