@faststore/core 4.9.0-dev.2 → 4.9.0-dev.4

package/test/components/quotes/MyAccountQuotesStatusSelector.test.tsx

@@ -82,4 +82,104 @@ describe('MyAccountQuotesStatusSelector', () => {
 
     expect(screen.getByText('NotAStatus')).toBeTruthy()
   })
+
+  it('renders the default "Status" label when no override is given', () => {
+    render(<MyAccountQuotesStatusSelector value={[]} onChange={vi.fn()} />)
+
+    expect(screen.getByText('Status')).toBeTruthy()
+  })
+
+  it('honors a CMS-provided field label', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={[]}
+        onChange={vi.fn()}
+        statusLabel="Estado"
+      />
+    )
+
+    expect(screen.getByText('Estado')).toBeTruthy()
+    expect(screen.queryByText('Status')).toBeNull()
+  })
+
+  it('honors CMS-provided status option labels for chips and the dropdown', () => {
+    const { container } = render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        statusCmsLabels={{ draftStatus: 'Rascunho' }}
+      />
+    )
+
+    expect(screen.getByText('Rascunho')).toBeTruthy()
+
+    fireEvent.click(
+      container.querySelector('[aria-controls="status-listbox"]')!
+    )
+
+    expect(screen.getByLabelText('Rascunho')).toBeTruthy()
+  })
+
+  it('honors a CMS-provided remove-chip aria-label template', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        removeStatusAriaLabel="Remover {status}"
+      />
+    )
+
+    expect(screen.getByLabelText('Remover Draft')).toBeTruthy()
+    expect(screen.queryByLabelText('Remove Draft')).toBeNull()
+  })
+
+  it('substitutes the localized status label into the remove-chip aria-label', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        removeStatusAriaLabel="Remover {status}"
+        statusCmsLabels={{ draftStatus: 'Rascunho' }}
+      />
+    )
+
+    expect(screen.getByLabelText('Remover Rascunho')).toBeTruthy()
+  })
+
+  it('inserts a status label that contains $ verbatim into the remove aria-label', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        removeStatusAriaLabel="Remove {status}"
+        statusCmsLabels={{ draftStatus: 'Ready $& soon' }}
+      />
+    )
+
+    expect(screen.getByLabelText('Remove Ready $& soon')).toBeTruthy()
+  })
+
+  it('keeps a remove-chip template that has no status token', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        removeStatusAriaLabel="Remove selected status"
+      />
+    )
+
+    expect(screen.getByLabelText('Remove selected status')).toBeTruthy()
+  })
+
+  it('replaces only the first status token and keeps the rest of the template', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft']}
+        onChange={vi.fn()}
+        removeStatusAriaLabel="Remove {status} ({status})"
+      />
+    )
+
+    expect(screen.getByLabelText('Remove Draft ({status})')).toBeTruthy()
+  })
 })

package/test/components/quotes/quoteFilters.test.ts

@@ -103,6 +103,40 @@ describe('getAllFacets', () => {
     expect(createdAt.from).toBe('2024-01-01')
     expect(createdAt.to).toBe('2024-12-31')
   })
+
+  it('uses default English labels when no CMS labels are provided', () => {
+    const facets = getAllFacets(emptyFilters)
+    expect(facets[0].label).toBe('Status')
+    expect(facets[1].label).toBe('Created Date')
+    expect(facets[2].label).toBe('Expiry Date')
+  })
+
+  it('honors CMS-provided facet labels', () => {
+    const facets = getAllFacets(emptyFilters, {
+      statusFacetLabel: 'Estado',
+      createdAtFacetLabel: 'Data de criação',
+      expiresAtFacetLabel: 'Data de validade',
+    })
+    expect(facets[0].label).toBe('Estado')
+    expect(facets[1].label).toBe('Data de criação')
+    expect(facets[2].label).toBe('Data de validade')
+  })
+
+  it('honors CMS-provided status option labels', () => {
+    const facets = getAllFacets(emptyFilters, {
+      statusCmsLabels: { draftStatus: 'Rascunho', approvedStatus: 'Aprovado' },
+    })
+    if (facets[0].__typename !== 'StoreFacetBoolean') {
+      throw new Error('expected facets[0] to be StoreFacetBoolean')
+    }
+    const draftValue = facets[0].values.find((v) => v.value === 'Draft')
+    const approvedValue = facets[0].values.find((v) => v.value === 'Approved')
+    const declinedValue = facets[0].values.find((v) => v.value === 'Declined')
+    expect(draftValue?.label).toBe('Rascunho')
+    expect(approvedValue?.label).toBe('Aprovado')
+    // Statuses without a CMS override keep their default English label.
+    expect(declinedValue?.label).toBe('Declined')
+  })
 })
 
 describe('hasActiveFilters', () => {

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

@@ -0,0 +1,122 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import '@testing-library/jest-dom/vitest'
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseAccountPageData = vi.hoisted(() => vi.fn())
+const mockUseScreenResize = vi.hoisted(() => vi.fn())
+const mockUseSession = vi.hoisted(() => vi.fn())
+const mockUseUI = vi.hoisted(() => vi.fn())
+
+vi.mock('src/sdk/account/accountPageContext', () => ({
+  useAccountPageData: mockUseAccountPageData,
+}))
+vi.mock('src/sdk/ui/useScreenResize', () => ({
+  default: mockUseScreenResize,
+}))
+vi.mock('src/sdk/session', () => ({ useSession: mockUseSession }))
+vi.mock('@faststore/ui', async () => {
+  const actual =
+    await vi.importActual<typeof import('@faststore/ui')>('@faststore/ui')
+  return {
+    ...actual,
+    useUI: mockUseUI,
+  }
+})
+
+import AccountListQuotes from 'src/components/sections/Account/AccountListQuotes'
+
+afterEach(cleanup)
+
+function baseFilters(overrides: Record<string, unknown> = {}) {
+  return {
+    page: 1,
+    status: [],
+    createdAtFrom: '',
+    createdAtTo: '',
+    expiresAtFrom: '',
+    expiresAtTo: '',
+    label: '',
+    ...overrides,
+  }
+}
+
+describe('AccountListQuotes', () => {
+  beforeEach(() => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+    mockUseSession.mockReturnValue({
+      locale: 'en-US',
+      currency: { code: 'USD' },
+    })
+    mockUseUI.mockReturnValue({ openFilter: vi.fn(), filter: false })
+  })
+
+  it('renders nothing when the page has no quote data', () => {
+    mockUseAccountPageData.mockReturnValueOnce({})
+
+    const { container } = render(<AccountListQuotes />)
+
+    expect(container.firstChild).toBeNull()
+  })
+
+  it('reads accountPageData and renders the default English page title', () => {
+    mockUseAccountPageData.mockReturnValueOnce({
+      listQuotes: { list: [] },
+      total: 0,
+      perPage: 25,
+      filters: baseFilters(),
+    })
+
+    render(<AccountListQuotes />)
+
+    expect(screen.getByText('Quotes')).toBeInTheDocument()
+    expect(screen.getByText("You don't have any quotes")).toBeInTheDocument()
+  })
+
+  it('applies CMS-provided label overrides', () => {
+    mockUseAccountPageData.mockReturnValueOnce({
+      listQuotes: { list: [] },
+      total: 0,
+      perPage: 25,
+      filters: baseFilters(),
+    })
+
+    render(
+      <AccountListQuotes
+        pageTitle="Cotações"
+        noQuotesLabel="Você não tem cotações"
+      />
+    )
+
+    expect(screen.getByText('Cotações')).toBeInTheDocument()
+    expect(screen.getByText('Você não tem cotações')).toBeInTheDocument()
+  })
+
+  it('forwards a CMS-provided quote status label down to the rendered rows', () => {
+    mockUseAccountPageData.mockReturnValueOnce({
+      listQuotes: {
+        list: [
+          {
+            id: 'q-1',
+            status: 'Approved',
+            label: null,
+            createdAt: '2026-01-01T10:00:00Z',
+            expiresAt: '2099-01-01T00:00:00Z',
+            amount: 100,
+            createdBy: null,
+          },
+        ],
+      },
+      total: 1,
+      perPage: 25,
+      filters: baseFilters(),
+    })
+
+    render(<AccountListQuotes approvedStatus="Aprovado" />)
+
+    expect(screen.getByText('Aprovado')).toBeInTheDocument()
+  })
+})

package/test/server/cms/myAccountDefaultSections.test.ts

@@ -21,6 +21,21 @@ describe('getDefaultMyAccountSections', () => {
     expect(getDefaultMyAccountSections('myAccountWishlist')).toEqual([])
   })
 
+  it('returns AccountNavigation and AccountListQuotes for myAccountQuotes', () => {
+    expect(getDefaultMyAccountSections('myAccountQuotes')).toEqual([
+      {
+        name: 'AccountNavigation',
+        $componentKey: 'AccountNavigation',
+        data: {},
+      },
+      {
+        name: 'AccountListQuotes',
+        $componentKey: 'AccountListQuotes',
+        data: {},
+      },
+    ])
+  })
+
   /**
    * The order-details defaults must mirror the render order of the
    * `@deprecated OrderDetails.tsx` component, which is the design reference
@@ -87,6 +102,12 @@ describe('withDefaultMyAccountSections', () => {
     )
   })
 
+  it('falls back to AccountNavigation + AccountListQuotes when myAccountQuotes has no CMS content yet', () => {
+    expect(withDefaultMyAccountSections('myAccountQuotes', [])).toEqual(
+      getDefaultMyAccountSections('myAccountQuotes')
+    )
+  })
+
   it('falls back to [] for store types when sections are empty', () => {
     expect(withDefaultMyAccountSections('myAccountWishlist', null)).toEqual([])
   })