@faststore/core 4.4.1-dev.0 → 4.5.0-dev.0

package/test/components/quotes/MyAccountListQuotesTable.test.tsx

@@ -0,0 +1,240 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseSession = vi.hoisted(() => vi.fn())
+const mockUseScreenResize = vi.hoisted(() => vi.fn())
+vi.mock('src/sdk/session', () => ({ useSession: mockUseSession }))
+vi.mock('src/sdk/ui/useScreenResize', () => ({
+  default: mockUseScreenResize,
+}))
+
+import MyAccountListQuotesTable, {
+  Pagination,
+} from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotesTable/MyAccountListQuotesTable'
+
+const originalLocation = window.location
+
+function stubLocation() {
+  Object.defineProperty(window, 'location', {
+    configurable: true,
+    value: { ...originalLocation, search: '', href: '' },
+  })
+}
+
+function baseFilters(page = 1) {
+  return {
+    page,
+    status: [],
+    createdAtFrom: '',
+    createdAtTo: '',
+    expiresAtFrom: '',
+    expiresAtTo: '',
+    label: '',
+  }
+}
+
+function baseQuote(overrides: Partial<Record<string, unknown>> = {}) {
+  return {
+    id: 'q-1',
+    status: 'Draft',
+    label: null,
+    createdAt: '2026-01-01T10:00:00Z',
+    expiresAt: '2099-01-01T00:00:00Z',
+    amount: 150.5,
+    createdBy: null,
+    ...overrides,
+  }
+}
+
+describe('MyAccountListQuotesTable', () => {
+  beforeEach(() => {
+    stubLocation()
+    mockUseSession.mockReturnValue({
+      locale: 'en-US',
+      currency: { code: 'USD' },
+    })
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+    Object.defineProperty(window, 'location', {
+      configurable: true,
+      value: originalLocation,
+    })
+  })
+
+  it('renders a row per quote with id, status and formatted amount', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{ list: [baseQuote()], paging: {} as any }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByText('q-1')).toBeTruthy()
+    expect(screen.getByText('Draft')).toBeTruthy()
+    expect(screen.getByText('$150.50')).toBeTruthy()
+  })
+
+  it('renders the label when present and omits it when absent', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+
+    const { rerender } = render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ label: 'My favorite quote' })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+    expect(screen.getByText('My favorite quote')).toBeTruthy()
+
+    rerender(
+      <MyAccountListQuotesTable
+        listQuotes={{ list: [baseQuote({ label: null })], paging: {} as any }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+    expect(screen.queryByText('My favorite quote')).toBeNull()
+  })
+
+  it('hides the dates column on mobile', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: false })
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{ list: [baseQuote()], paging: {} as any }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.queryByText('Creation date')).toBeNull()
+  })
+
+  it('shows "Created by" only when createdBy is set', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ createdBy: 'Ada Lovelace' })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByText('Created by')).toBeTruthy()
+    expect(screen.getByText('Ada Lovelace')).toBeTruthy()
+  })
+
+  it('shows a relative expiry hint for quotes expiring soon', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+    const soon = new Date(Date.now() + 3 * 3_600_000).toISOString()
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ expiresAt: soon })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByText(/hours left/)).toBeTruthy()
+  })
+
+  it('omits the relative expiry hint for already-expired quotes', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+    const past = new Date(Date.now() - 3_600_000).toISOString()
+
+    render(
+      <MyAccountListQuotesTable
+        listQuotes={{
+          list: [baseQuote({ expiresAt: past })],
+          paging: {} as any,
+        }}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.queryByText(/left/)).toBeNull()
+  })
+})
+
+describe('Pagination', () => {
+  beforeEach(() => {
+    stubLocation()
+  })
+
+  afterEach(() => {
+    Object.defineProperty(window, 'location', {
+      configurable: true,
+      value: originalLocation,
+    })
+  })
+
+  it('renders the current index range', () => {
+    render(<Pagination page={2} total={60} perPage={25} />)
+
+    expect(screen.getByText('26 — 50 of 60')).toBeTruthy()
+  })
+
+  it('caps the last index label at the total', () => {
+    render(<Pagination page={3} total={60} perPage={25} />)
+
+    expect(screen.getByText('51 — 60 of 60')).toBeTruthy()
+  })
+
+  it('disables the previous button on the first page', () => {
+    render(<Pagination page={1} total={60} perPage={25} />)
+
+    const button = screen.getByRole('button', { name: 'Previous Page' })
+    expect((button as HTMLButtonElement).disabled).toBe(true)
+  })
+
+  it('disables the next button on the last page', () => {
+    render(<Pagination page={3} total={60} perPage={25} />)
+
+    const button = screen.getByRole('button', { name: 'Next Page' })
+    expect((button as HTMLButtonElement).disabled).toBe(true)
+  })
+
+  it('navigates without a page param when going back to page 1', () => {
+    render(<Pagination page={2} total={60} perPage={25} />)
+
+    screen.getByRole('button', { name: 'Previous Page' }).click()
+
+    expect(window.location.href).toBe('/pvt/account/quotes')
+  })
+
+  it('navigates with the target page param otherwise', () => {
+    render(<Pagination page={1} total={60} perPage={25} />)
+
+    screen.getByRole('button', { name: 'Next Page' }).click()
+
+    expect(window.location.href).toBe('/pvt/account/quotes?page=2')
+  })
+})

package/test/components/quotes/MyAccountQuoteStatusBadge.test.tsx

@@ -0,0 +1,28 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+
+import MyAccountQuoteStatusBadge from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotesTable/MyAccountQuoteStatusBadge'
+
+describe('MyAccountQuoteStatusBadge', () => {
+  it('renders the mapped label and variant for a known status', () => {
+    render(<MyAccountQuoteStatusBadge status="Approved" />)
+
+    const badge = screen.getByText('Approved')
+    expect(badge.getAttribute('data-fs-my-account-badge-variant')).toBe(
+      'success'
+    )
+  })
+
+  it('falls back to the raw status and a neutral variant when unknown', () => {
+    render(<MyAccountQuoteStatusBadge status="SomethingElse" />)
+
+    const badge = screen.getByText('SomethingElse')
+    expect(badge.getAttribute('data-fs-my-account-badge-variant')).toBe(
+      'neutral'
+    )
+  })
+})

package/test/components/quotes/MyAccountQuotesFilterSlider.test.tsx

@@ -0,0 +1,152 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+vi.mock('@faststore/ui', async () => {
+  const actual =
+    await vi.importActual<typeof import('@faststore/ui')>('@faststore/ui')
+  return {
+    ...actual,
+    FilterSlider: ({
+      children,
+      applyBtnProps,
+      clearBtnProps,
+    }: React.PropsWithChildren<{
+      applyBtnProps?: { onClick?: () => void; children?: React.ReactNode }
+      clearBtnProps?: { onClick?: () => void; children?: React.ReactNode }
+    }>) => (
+      <div>
+        {children}
+        <button onClick={applyBtnProps?.onClick}>
+          {applyBtnProps?.children}
+        </button>
+        <button onClick={clearBtnProps?.onClick}>
+          {clearBtnProps?.children}
+        </button>
+      </div>
+    ),
+  }
+})
+
+import MyAccountQuotesFilterSlider from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesFilterSlider/MyAccountQuotesFilterSlider'
+import { getAllFacets } from '../../../src/components/account/quotes/MyAccountListQuotes/quoteFilters'
+
+const originalLocation = window.location
+
+function stubLocation(search = '') {
+  Object.defineProperty(window, 'location', {
+    configurable: true,
+    value: { ...originalLocation, search, href: '' },
+  })
+}
+
+function baseProps(overrides: Record<string, unknown> = {}) {
+  return {
+    facets: getAllFacets({
+      page: 1,
+      status: [],
+      createdAtFrom: '',
+      createdAtTo: '',
+      expiresAtFrom: '',
+      expiresAtTo: '',
+      label: '',
+    }),
+    testId: 'test-filter-slider',
+    dispatch: vi.fn(),
+    expanded: false,
+    selected: [],
+    title: 'Filters',
+    clearButtonLabel: 'Clear All',
+    applyButtonLabel: 'View Results',
+    ...overrides,
+  }
+}
+
+describe('MyAccountQuotesFilterSlider', () => {
+  beforeEach(() => {
+    stubLocation()
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+    Object.defineProperty(window, 'location', {
+      configurable: true,
+      value: originalLocation,
+    })
+  })
+
+  it('navigates with the selected status params on apply', () => {
+    render(
+      <MyAccountQuotesFilterSlider
+        {...(baseProps({
+          selected: [{ key: 'status', value: 'Draft' }],
+        }) as any)}
+      />
+    )
+
+    fireEvent.click(screen.getByText('View Results'))
+
+    expect(window.location.href).toBe('/pvt/account/quotes?status=Draft')
+  })
+
+  it('navigates with the created date range params on apply', () => {
+    render(<MyAccountQuotesFilterSlider {...(baseProps() as any)} />)
+
+    fireEvent.change(screen.getAllByLabelText('From')[0], {
+      target: { value: '2026-01-01' },
+    })
+    fireEvent.change(screen.getAllByLabelText('To')[0], {
+      target: { value: '2026-01-31' },
+    })
+
+    fireEvent.click(screen.getByText('View Results'))
+
+    expect(window.location.href).toBe(
+      '/pvt/account/quotes?createdAtFrom=2026-01-01&createdAtTo=2026-01-31'
+    )
+  })
+
+  it('preserves an existing label param when applying filters', () => {
+    stubLocation('?label=hello')
+
+    render(
+      <MyAccountQuotesFilterSlider
+        {...(baseProps({
+          selected: [{ key: 'status', value: 'Draft' }],
+        }) as any)}
+      />
+    )
+
+    fireEvent.click(screen.getByText('View Results'))
+
+    expect(window.location.href).toBe(
+      '/pvt/account/quotes?label=hello&status=Draft'
+    )
+  })
+
+  it('navigates with no query string when no filters are applied', () => {
+    render(<MyAccountQuotesFilterSlider {...(baseProps() as any)} />)
+
+    fireEvent.click(screen.getByText('View Results'))
+
+    expect(window.location.href).toBe('/pvt/account/quotes')
+  })
+
+  it('clears the created/expiry date refs and dispatches an empty facet selection on clear', () => {
+    const dispatch = vi.fn()
+    render(
+      <MyAccountQuotesFilterSlider {...(baseProps({ dispatch }) as any)} />
+    )
+
+    fireEvent.click(screen.getByText('Clear All'))
+
+    expect(dispatch).toHaveBeenCalledWith({
+      type: 'selectFacets',
+      payload: [],
+    })
+  })
+})

package/test/components/quotes/MyAccountQuotesSelectedTags.test.tsx

@@ -0,0 +1,122 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+const mockUseSession = vi.hoisted(() => vi.fn())
+vi.mock('src/sdk/session', () => ({ useSession: mockUseSession }))
+
+import MyAccountQuotesSelectedTags from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesSelectedTags/MyAccountQuotesSelectedTags'
+import { formatFilterDate } from '../../../src/components/account/quotes/MyAccountListQuotes/quoteFilters'
+
+mockUseSession.mockReturnValue({ locale: 'en-US' })
+
+describe('MyAccountQuotesSelectedTags', () => {
+  it('renders nothing when there are no active filters', () => {
+    const { container } = render(
+      <MyAccountQuotesSelectedTags
+        filters={{}}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    expect(container.firstChild).toBeNull()
+  })
+
+  it('renders a range tag when both from and to dates are set', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ createdAtFrom: '2026-01-01', createdAtTo: '2026-01-31' }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    const expected = `Created: ${formatFilterDate('2026-01-01', 'en-US')} to ${formatFilterDate('2026-01-31', 'en-US')}`
+    expect(screen.getByText(expected)).toBeTruthy()
+  })
+
+  it('renders an open-ended "from" tag when only the start date is set', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ expiresAtFrom: '2026-02-01' }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    const expected = `Expires: from ${formatFilterDate('2026-02-01', 'en-US')}`
+    expect(screen.getByText(expected)).toBeTruthy()
+  })
+
+  it('renders an open-ended "to" tag when only the end date is set', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ expiresAtTo: '2026-02-28' }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    const expected = `Expires: to ${formatFilterDate('2026-02-28', 'en-US')}`
+    expect(screen.getByText(expected)).toBeTruthy()
+  })
+
+  it('renders one tag per selected status using its mapped label', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ status: ['Draft', 'Approved'] }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    expect(screen.getByText('Draft')).toBeTruthy()
+    expect(screen.getByText('Approved')).toBeTruthy()
+  })
+
+  it('falls back to the raw value for an unmapped status', () => {
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ status: ['NotAStatus'] }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    expect(screen.getByText('NotAStatus')).toBeTruthy()
+  })
+
+  it('calls onRemoveFilter with the right key/value when a tag is cleared', () => {
+    const onRemoveFilter = vi.fn()
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ status: ['Draft'] }}
+        onClearAll={vi.fn()}
+        onRemoveFilter={onRemoveFilter}
+      />
+    )
+
+    fireEvent.click(screen.getByText('×'))
+
+    expect(onRemoveFilter).toHaveBeenCalledWith('status', 'Draft')
+  })
+
+  it('calls onClearAll when the Clear All button is clicked', () => {
+    const onClearAll = vi.fn()
+    render(
+      <MyAccountQuotesSelectedTags
+        filters={{ status: ['Draft'] }}
+        onClearAll={onClearAll}
+        onRemoveFilter={vi.fn()}
+      />
+    )
+
+    fireEvent.click(screen.getByText('Clear All'))
+
+    expect(onClearAll).toHaveBeenCalledTimes(1)
+  })
+})

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

@@ -0,0 +1,85 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+import MyAccountQuotesStatusSelector from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesStatusSelector/MyAccountQuotesStatusSelector'
+
+describe('MyAccountQuotesStatusSelector', () => {
+  it('renders a chip with the mapped label for each selected value', () => {
+    render(
+      <MyAccountQuotesStatusSelector value={['Draft']} onChange={vi.fn()} />
+    )
+
+    expect(screen.getByText('Draft')).toBeTruthy()
+  })
+
+  it('opens the dropdown when the trigger is clicked', () => {
+    const { container } = render(
+      <MyAccountQuotesStatusSelector value={[]} onChange={vi.fn()} />
+    )
+
+    expect(screen.queryByLabelText('Approved')).toBeNull()
+
+    fireEvent.click(
+      container.querySelector('[aria-controls="status-listbox"]')!
+    )
+
+    expect(screen.getByLabelText('Approved')).toBeTruthy()
+  })
+
+  it('calls onChange with the key added when a checkbox is checked', () => {
+    const onChange = vi.fn()
+    const { container } = render(
+      <MyAccountQuotesStatusSelector value={[]} onChange={onChange} />
+    )
+
+    fireEvent.click(
+      container.querySelector('[aria-controls="status-listbox"]')!
+    )
+    fireEvent.click(screen.getByLabelText('Draft'))
+
+    expect(onChange).toHaveBeenCalledWith(['Draft'])
+  })
+
+  it('calls onChange with the key removed when an already-selected checkbox is unchecked', () => {
+    const onChange = vi.fn()
+    const { container } = render(
+      <MyAccountQuotesStatusSelector value={['Draft']} onChange={onChange} />
+    )
+
+    fireEvent.click(
+      container.querySelector('[aria-controls="status-listbox"]')!
+    )
+    fireEvent.click(screen.getByLabelText('Draft'))
+
+    expect(onChange).toHaveBeenCalledWith([])
+  })
+
+  it('calls onChange with the key removed when a chip remove button is clicked', () => {
+    const onChange = vi.fn()
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['Draft', 'Approved']}
+        onChange={onChange}
+      />
+    )
+
+    fireEvent.click(screen.getByLabelText('Remove Draft'))
+
+    expect(onChange).toHaveBeenCalledWith(['Approved'])
+  })
+
+  it('falls back to the raw key for a chip with no matching status entry', () => {
+    render(
+      <MyAccountQuotesStatusSelector
+        value={['NotAStatus']}
+        onChange={vi.fn()}
+      />
+    )
+
+    expect(screen.getByText('NotAStatus')).toBeTruthy()
+  })
+})