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

package/test/components/account/doLogout.browser.test.ts

@@ -0,0 +1,102 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mockFetch = vi.hoisted(() => vi.fn())
+const mockAssign = vi.hoisted(() => vi.fn())
+const mockDel = vi.hoisted(() => vi.fn())
+const mockSetReloadAfterLogoutReturn = vi.hoisted(() => vi.fn())
+const mockGetStoreURL = vi.hoisted(() => vi.fn())
+const mockExpireCookieClient = vi.hoisted(() => vi.fn())
+
+vi.stubGlobal('fetch', mockFetch)
+vi.mock('idb-keyval', () => ({ del: mockDel }))
+vi.mock('src/sdk/localization/useLocalizationConfig', () => ({
+  getStoreURL: mockGetStoreURL,
+}))
+vi.mock(
+  '../../../src/components/account/Drawer/OrganizationDrawer/useReloadAfterLogoutReturn',
+  () => ({
+    setReloadAfterLogoutReturn: mockSetReloadAfterLogoutReturn,
+  })
+)
+vi.mock('src/utils/clearCookies', () => ({
+  expireCookieClient: mockExpireCookieClient,
+  getCookieDomains: () => ['.example.com'],
+  getCookiePaths: () => ['/'],
+  getVtexCookieNames: (names: string[]) =>
+    names.filter((name) => /vtex/i.test(name)),
+}))
+vi.mock('../../../discovery.config', () => ({
+  default: {
+    secureSubdomain: 'https://secure.example.com',
+    api: { storeId: 'teststore' },
+  },
+}))
+
+import { doLogout } from '../../../src/components/account/Drawer/OrganizationDrawer/OrganizationDrawer'
+
+describe('doLogout', () => {
+  beforeEach(() => {
+    mockFetch.mockResolvedValue({
+      json: async () => ({}),
+    })
+    mockGetStoreURL.mockReturnValue('https://store.example.com')
+    mockDel.mockResolvedValue(undefined)
+
+    Object.defineProperty(globalThis, 'indexedDB', {
+      configurable: true,
+      value: {
+        deleteDatabase: () => {
+          const request = {
+            onsuccess: null as (() => void) | null,
+            onerror: null,
+            onblocked: null,
+          }
+
+          queueMicrotask(() => request.onsuccess?.())
+
+          return request
+        },
+      },
+    })
+
+    Object.defineProperty(globalThis.window, 'location', {
+      configurable: true,
+      value: {
+        hostname: 'store.example.com',
+        protocol: 'https:',
+        pathname: '/',
+        assign: mockAssign,
+      },
+    })
+
+    document.cookie = 'VtexIdclientAutCookie_teststore=token; other=1'
+    sessionStorage.setItem('faststore_session_ready', '1')
+    sessionStorage.setItem('__fs_gallery_page_1', '1')
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+    sessionStorage.clear()
+    document.cookie = ''
+  })
+
+  it('clears client storage, calls logout API, and redirects to VTEX logout', async () => {
+    await doLogout()
+
+    expect(mockDel).toHaveBeenCalledWith('fs::session')
+    expect(sessionStorage.getItem('faststore_session_ready')).toBeNull()
+    expect(sessionStorage.getItem('__fs_gallery_page_1')).toBeNull()
+    expect(mockFetch).toHaveBeenCalledWith('/api/fs/logout', {
+      method: 'POST',
+      credentials: 'include',
+    })
+    expect(mockSetReloadAfterLogoutReturn).toHaveBeenCalledTimes(1)
+    expect(mockAssign).toHaveBeenCalledWith(
+      'https://secure.example.com/api/vtexid/pub/logout?scope=teststore&returnUrl=https://store.example.com'
+    )
+  })
+})

package/test/components/quotes/MyAccountListQuotes.test.tsx

@@ -0,0 +1,232 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mockUseScreenResize = vi.hoisted(() => vi.fn())
+vi.mock('src/sdk/ui/useScreenResize', () => ({
+  default: mockUseScreenResize,
+}))
+
+vi.mock(
+  '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotesTable/MyAccountListQuotesTable',
+  () => ({
+    __esModule: true,
+    default: () => <div data-testid="quotes-table" />,
+    Pagination: ({ page }: { page: number }) => (
+      <div data-testid="pagination">page {page}</div>
+    ),
+  })
+)
+
+vi.mock(
+  '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountQuotesFilterSlider/MyAccountQuotesFilterSlider',
+  () => ({
+    __esModule: true,
+    default: () => <div data-testid="filter-slider" />,
+  })
+)
+
+const mockUseUI = vi.hoisted(() => vi.fn())
+vi.mock('@faststore/ui', async () => {
+  const actual =
+    await vi.importActual<typeof import('@faststore/ui')>('@faststore/ui')
+  return {
+    ...actual,
+    useUI: mockUseUI,
+    SearchInputField: React.forwardRef(function MockSearchInputField(
+      { onBlur, onKeyDown }: any,
+      ref: any
+    ) {
+      const inputRef = React.useRef<HTMLInputElement>(null)
+      React.useImperativeHandle(ref, () => ({ inputRef: inputRef.current }))
+      return (
+        <input
+          ref={inputRef}
+          placeholder="Search"
+          onBlur={onBlur}
+          onKeyDown={onKeyDown}
+        />
+      )
+    }),
+  }
+})
+
+import MyAccountListQuotes from '../../../src/components/account/quotes/MyAccountListQuotes/MyAccountListQuotes'
+
+const originalLocation = window.location
+
+function stubLocation(search = '') {
+  Object.defineProperty(window, 'location', {
+    configurable: true,
+    value: { ...originalLocation, search, href: '' },
+  })
+}
+
+function baseFilters(overrides: Record<string, unknown> = {}) {
+  return {
+    page: 1,
+    status: [],
+    createdAtFrom: '',
+    createdAtTo: '',
+    expiresAtFrom: '',
+    expiresAtTo: '',
+    label: '',
+    ...overrides,
+  }
+}
+
+describe('MyAccountListQuotes', () => {
+  const openFilter = vi.fn()
+
+  beforeEach(() => {
+    stubLocation()
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+    mockUseUI.mockReturnValue({ openFilter, filter: false })
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+    Object.defineProperty(window, 'location', {
+      configurable: true,
+      value: originalLocation,
+    })
+  })
+
+  it('renders the quotes table when there are results', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [{ id: 'q-1' }] } as any}
+        total={1}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByTestId('quotes-table')).toBeTruthy()
+  })
+
+  it('renders the "no quotes" empty state when there are no results and no filters', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByText("You don't have any quotes")).toBeTruthy()
+    expect(screen.queryByTestId('quotes-table')).toBeNull()
+  })
+
+  it('renders the "no results" empty state when filters are active but nothing matches', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters({ status: ['Draft'] })}
+      />
+    )
+
+    expect(screen.getByText('No results found')).toBeTruthy()
+  })
+
+  it('opens the filter slider and dispatches the current selected facets when Filters is clicked', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters({ status: ['Draft'] })}
+      />
+    )
+
+    fireEvent.click(screen.getByText('Filters'))
+
+    expect(openFilter).toHaveBeenCalledTimes(1)
+  })
+
+  it('shows the active filter count badge', () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters({ status: ['Draft'] })}
+      />
+    )
+
+    expect(screen.getByText('1')).toBeTruthy()
+  })
+
+  it('renders the filter slider when the UI filter drawer is open', () => {
+    mockUseUI.mockReturnValue({ openFilter, filter: true })
+
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    expect(screen.getByTestId('filter-slider')).toBeTruthy()
+  })
+
+  it('shows pagination on desktop when there are results', () => {
+    mockUseScreenResize.mockReturnValue({ isDesktop: true })
+
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [{ id: 'q-1' }] } as any}
+        total={30}
+        perPage={25}
+        filters={baseFilters({ page: 2 })}
+      />
+    )
+
+    expect(screen.getAllByTestId('pagination').length).toBeGreaterThan(0)
+  })
+
+  it('navigates with the search term on blur', async () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters()}
+      />
+    )
+
+    const input = screen.getByPlaceholderText('Search')
+    fireEvent.change(input, { target: { value: 'ACME' } })
+    fireEvent.blur(input)
+    await new Promise((resolve) => setTimeout(resolve, 350))
+
+    expect(window.location.href).toBe('/pvt/account/quotes?label=ACME')
+  })
+
+  it('navigates without a label param when the search is cleared', async () => {
+    render(
+      <MyAccountListQuotes
+        listQuotes={{ list: [] } as any}
+        total={0}
+        perPage={25}
+        filters={baseFilters({ label: 'ACME' })}
+      />
+    )
+
+    const input = screen.getByPlaceholderText('Search')
+    fireEvent.change(input, { target: { value: '' } })
+    fireEvent.blur(input)
+    await new Promise((resolve) => setTimeout(resolve, 350))
+
+    expect(window.location.href).toBe('/pvt/account/quotes?')
+  })
+})

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'
+    )
+  })
+})