mirror of
https://github.com/vernu/textbee.git
synced 2026-07-31 09:28:14 -04:00
497a14074a
Introduce a typed data layer under lib/api (query-key factory, response
types, feature hooks) plus shared lib/format and lib/status helpers, and
migrate the canonical dashboard consumers (subscription-info, overview,
device-list, api-keys) onto it, deleting their duplicated inline queries,
mutations and formatters.
List hooks keep the raw { data: [] } envelope in the cache and unwrap
per-observer with react-query `select`, so shared keys like ['devices']
stay compatible with the not-yet-migrated components that still read the
raw shape (avoids a cache-shape collision surfaced by the dashboard e2e).
Adds unit tests for the formatters and the hooks (against MSW). Build,
19 unit tests, and 2 e2e all green.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
import { describe, expect, it } from 'vitest'
|
|
import {
|
|
formatDate,
|
|
formatLimit,
|
|
formatPrice,
|
|
getBillingInterval,
|
|
titleCaseStatus,
|
|
} from './format'
|
|
|
|
describe('formatLimit', () => {
|
|
it('renders -1 as Unlimited', () => {
|
|
expect(formatLimit(-1)).toBe('Unlimited')
|
|
})
|
|
it('renders null/undefined as 0', () => {
|
|
expect(formatLimit(null)).toBe('0')
|
|
expect(formatLimit(undefined)).toBe('0')
|
|
})
|
|
it('thousands-separates numbers', () => {
|
|
expect(formatLimit(100000)).toBe('100,000')
|
|
})
|
|
})
|
|
|
|
describe('formatPrice', () => {
|
|
it('formats cents into a currency string', () => {
|
|
expect(formatPrice(1900, 'usd')).toBe('$19.00')
|
|
})
|
|
it('returns Free when amount or currency is missing', () => {
|
|
expect(formatPrice(null, null)).toBe('Free')
|
|
expect(formatPrice(1900, null)).toBe('Free')
|
|
})
|
|
})
|
|
|
|
describe('getBillingInterval', () => {
|
|
it('maps month to monthly and anything else to yearly', () => {
|
|
expect(getBillingInterval('month')).toBe('monthly')
|
|
expect(getBillingInterval('year')).toBe('yearly')
|
|
expect(getBillingInterval(null)).toBe('')
|
|
})
|
|
})
|
|
|
|
describe('formatDate', () => {
|
|
it('returns N/A for empty values', () => {
|
|
expect(formatDate(null)).toBe('N/A')
|
|
expect(formatDate(undefined)).toBe('N/A')
|
|
})
|
|
it('formats an ISO date', () => {
|
|
expect(formatDate('2026-08-01T00:00:00.000Z')).toMatch(/2026/)
|
|
})
|
|
})
|
|
|
|
describe('titleCaseStatus', () => {
|
|
it('title-cases underscore separated statuses', () => {
|
|
expect(titleCaseStatus('past_due')).toBe('Past Due')
|
|
expect(titleCaseStatus('active')).toBe('Active')
|
|
expect(titleCaseStatus(null)).toBe('')
|
|
})
|
|
})
|