@usequeek/theme-kit 0.1.23 → 0.1.25

package/tests/locale-transport.test.tsx

@@ -1,321 +0,0 @@
-import { renderToStaticMarkup } from 'react-dom/server';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import type { JSX, ReactNode } from 'react';
-import {
-  LOCALE_CODE_HEADER,
-  localeCacheKeySegment,
-  parseLocaleCode,
-  withLocalePath,
-  withLocaleQuery,
-  withLocaleTag,
-  withLocaleTags,
-} from '../utils/locale';
-import { StorefrontProvider, useStorefrontLocale } from '../provider';
-import { ShopPrefetchProvider, useShop } from '../hooks/use-shop';
-import { normalizeShopQuery, type ShopPrefetch } from '../utils/shop-query';
-import type { Product } from '../types/product';
-
-/**
- * Theme-kit locale transport: the API answers `?locale=<code>`
- * with translated text, the proxy sets `x-queek-locale` for published
- * non-primary locales only, and every kit transport forwards it additively —
- * no locale anywhere means byte-identical behaviour to before.
- */
-
-const requestHeaders = vi.hoisted(() => ({ headers: new Headers(), throwOutsideScope: false }));
-
-vi.mock('next/headers', () => ({
-  headers: async () => {
-    if (requestHeaders.throwOutsideScope) throw new Error('headers() outside request scope');
-    return requestHeaders.headers;
-  },
-}));
-
-function setRequestHeaders(values: Record<string, string>): void {
-  requestHeaders.headers = new Headers(values);
-  requestHeaders.throwOutsideScope = false;
-}
-
-afterEach(() => {
-  vi.unstubAllGlobals();
-  setRequestHeaders({});
-});
-
-describe('parseLocaleCode (header / prop / override validation)', () => {
-  it('accepts well-formed codes', () => {
-    for (const code of ['en', 'zh', 'yo', 'pcm', 'zh-CN', 'pt-BR', 'zh-TW', 'sr-Latn']) {
-      expect(parseLocaleCode(code), code).toBe(code);
-    }
-  });
-
-  it('ignores anything else (never an error)', () => {
-    for (const bad of [
-      '',
-      'e',
-      'toolongcode123',
-      'zh!',
-      'en_US',
-      'en us',
-      'shop',
-      'products',
-      '-zh',
-      'zh-',
-      '123',
-      null,
-      undefined,
-      42,
-      {},
-    ]) {
-      expect(parseLocaleCode(bad), JSON.stringify(bad)).toBeNull();
-    }
-  });
-
-  it('enforces the 12-char cap', () => {
-    expect(parseLocaleCode('ab-cdefghij')).toBe('ab-cdefghij');
-    expect(parseLocaleCode('ab-cdefghijk')).toBeNull();
-  });
-});
-
-describe('withLocaleQuery (backend URL building)', () => {
-  it('adds locale=<code> to a query', () => {
-    expect(withLocaleQuery({ per_page: 24, page: 1 }, 'zh-CN')).toEqual({ per_page: 24, page: 1, locale: 'zh-CN' });
-  });
-
-  it('builds a query from nothing when locale is set', () => {
-    expect(withLocaleQuery(undefined, 'zh')).toEqual({ locale: 'zh' });
-  });
-
-  it('returns the input untouched when no valid locale is present', () => {
-    const query = { per_page: 24 };
-    expect(withLocaleQuery(query, null)).toBe(query);
-    expect(withLocaleQuery(query, undefined)).toBe(query);
-    expect(withLocaleQuery(query, '!!')).toBe(query);
-    expect(withLocaleQuery(undefined, null)).toBeUndefined();
-  });
-});
-
-describe('cache tag suffixing (`<tag>:locale:<code>`)', () => {
-  it('suffixes every tag, lower-cased', () => {
-    expect(withLocaleTag('v:acme:theme', 'zh-CN')).toBe('v:acme:theme:locale:zh-cn');
-    expect(withLocaleTags(['v:acme', 'v:acme:theme', 'v:acme:menus'], 'zh')).toEqual([
-      'v:acme:locale:zh',
-      'v:acme:theme:locale:zh',
-      'v:acme:menus:locale:zh',
-    ]);
-  });
-
-  it('returns tags untouched when no valid locale is present', () => {
-    const tags = ['v:acme', 'v:acme:theme'];
-    expect(withLocaleTags(tags, null)).toBe(tags);
-    expect(withLocaleTags(tags, 'shop')).toBe(tags);
-    expect(withLocaleTag('v:acme', null)).toBe('v:acme');
-  });
-});
-
-describe('withLocalePath (SDK-backed callers with path strings only)', () => {
-  it('appends locale, respecting an existing query string', () => {
-    expect(withLocalePath('/client/store/products/egusi', 'zh')).toBe('/client/store/products/egusi?locale=zh');
-    expect(withLocalePath('/x?limit=4', 'zh-CN')).toBe('/x?limit=4&locale=zh-CN');
-  });
-
-  it('returns the path untouched without a valid locale', () => {
-    expect(withLocalePath('/client/store/products/egusi', null)).toBe('/client/store/products/egusi');
-    expect(withLocalePath('/x?limit=4', 'nope!')).toBe('/x?limit=4');
-  });
-});
-
-describe('localeCacheKeySegment (client cache keys)', () => {
-  it('separates locales and never collides with unset', () => {
-    expect(localeCacheKeySegment('zh')).toBe('zh');
-    expect(localeCacheKeySegment('zh-CN')).toBe('zh-cn');
-    expect(localeCacheKeySegment(null)).toBe('');
-    expect(localeCacheKeySegment('!!')).toBe('');
-    expect(localeCacheKeySegment('zh')).not.toBe(localeCacheKeySegment(null));
-  });
-});
-
-describe('server transport (sdk/server-store-client)', () => {
-  type CapturedInit = RequestInit & { next?: { revalidate: number; tags: string[] } };
-
-  async function capturedGet(path: string, query?: Record<string, string | number>, locale?: string): Promise<{ url: string; init: CapturedInit }> {
-    const fetchMock = vi.fn(async (_url: string, _init?: RequestInit) => ({ ok: true, json: async () => ({ data: {} }) }));
-    vi.stubGlobal('fetch', fetchMock);
-    const { createServerStoreClient } = await import('../sdk/server-store-client');
-    const client = createServerStoreClient('acme', 'http://origin.test');
-    await client.get(path, query, locale);
-    const [[url, init]] = fetchMock.mock.calls as unknown as Array<[string, CapturedInit]>;
-    return { url, init };
-  }
-
-  it('appends locale=<code> and suffixes every tag when the header is set', async () => {
-    setRequestHeaders({ [LOCALE_CODE_HEADER]: 'zh-CN', host: 'acme.test' });
-    const { url, init } = await capturedGet('/info');
-    expect(url).toContain('locale=zh-CN');
-    expect(init.next?.tags).toEqual(['v:acme:locale:zh-cn', 'v:acme:profile:locale:zh-cn']);
-  });
-
-  it('is byte-identical to today with no header', async () => {
-    setRequestHeaders({ host: 'acme.test' });
-    const { url, init } = await capturedGet('/info');
-    expect(url).toBe('http://127.0.0.1:8000/api/v1/client/store/info');
-    expect(init.next).toEqual({ revalidate: 300, tags: ['v:acme', 'v:acme:profile'] });
-  });
-
-  it('ignores an invalid header value', async () => {
-    setRequestHeaders({ [LOCALE_CODE_HEADER]: 'not a locale!!', host: 'acme.test' });
-    const { url, init } = await capturedGet('/info');
-    expect(url).not.toContain('locale=');
-    expect(init.next?.tags).toEqual(['v:acme', 'v:acme:profile']);
-  });
-
-  it('never throws outside a request scope (treated as no locale)', async () => {
-    requestHeaders.throwOutsideScope = true;
-    const { readRequestLocale } = await import('../sdk/server-store-client');
-    await expect(readRequestLocale()).resolves.toBeNull();
-    requestHeaders.throwOutsideScope = false;
-    const { url } = await capturedGet('/info');
-    expect(url).not.toContain('locale=');
-  });
-
-  it('an explicit override wins over the header', async () => {
-    setRequestHeaders({ [LOCALE_CODE_HEADER]: 'zh', host: 'acme.test' });
-    const { url, init } = await capturedGet('/info', undefined, 'fr');
-    expect(url).toContain('locale=fr');
-    expect(init.next?.tags).toEqual(['v:acme:locale:fr', 'v:acme:profile:locale:fr']);
-  });
-
-  it('still bypasses the cache for preview renders, locale or not', async () => {
-    setRequestHeaders({ 'x-queek-preview': '1', [LOCALE_CODE_HEADER]: 'zh', host: 'acme.test' });
-    const { url, init } = await capturedGet('/info');
-    expect(url).toContain('locale=zh');
-    expect(init.next).toBeUndefined();
-    expect(init.cache).toBe('no-store');
-  });
-});
-
-describe('fetchShopPrefetch (api/shop)', () => {
-  async function runPrefetch(vendorSlug = 'demo-store', locale?: string) {
-    const fetchMock = vi.fn(async (_url: string, _init?: RequestInit) => ({ ok: true, json: async () => ({ data: [], has_more: false }) }));
-    vi.stubGlobal('fetch', fetchMock);
-    const { fetchShopPrefetch } = await import('../api/shop');
-    const prefetch = await fetchShopPrefetch(vendorSlug, normalizeShopQuery({}), locale);
-    const urls = (fetchMock.mock.calls as unknown as Array<[string]>).map(([url]) => String(url));
-    const productsCall = urls.find((url) => url.includes('/products')) ?? '';
-    return { prefetch, productsCall };
-  }
-
-  it('forwards the request locale and echoes it for the seed match', async () => {
-    setRequestHeaders({ [LOCALE_CODE_HEADER]: 'zh', host: 'x.test' });
-    const { prefetch, productsCall } = await runPrefetch();
-    expect(productsCall).toContain('locale=zh');
-    expect(prefetch?.locale).toBe('zh');
-  });
-
-  it('fetches exactly as before with no locale (echo null)', async () => {
-    setRequestHeaders({ host: 'x.test' });
-    const { prefetch, productsCall } = await runPrefetch();
-    expect(productsCall).not.toContain('locale=');
-    expect(prefetch?.locale).toBeNull();
-  });
-});
-
-function product(id: string, title: string): Product {
-  return { id, title, slug: id } as unknown as Product;
-}
-
-function render(children: ReactNode, locale?: string | null): string {
-  return renderToStaticMarkup(
-    <StorefrontProvider
-      vendor={{ id: 'v1', slug: 'demo-store', name: 'Demo Store' } as never}
-      config={{} as never}
-      menus={[]}
-      {...(locale !== undefined ? { locale } : {})}
-    >
-      {children}
-    </StorefrontProvider>,
-  );
-}
-
-function LocaleProbe(): JSX.Element {
-  const locale = useStorefrontLocale();
-  return <span data-locale={locale ?? 'none'} />;
-}
-
-describe('StorefrontProvider locale prop + useStorefrontLocale', () => {
-  it('exposes the validated locale', () => {
-    expect(render(<LocaleProbe />, 'zh-CN')).toContain('data-locale="zh-CN"');
-  });
-
-  it('is null without the prop (unchanged behaviour)', () => {
-    expect(render(<LocaleProbe />)).toContain('data-locale="none"');
-  });
-
-  it('is null for an invalid prop (ignored, never an error)', () => {
-    expect(render(<LocaleProbe />, 'not a locale!!')).toContain('data-locale="none"');
-  });
-});
-
-const SEED_QUERY = normalizeShopQuery({ categorySlug: 'soups', keyword: 'egusi', sort: 'popular', page: 1, perPage: 24 });
-
-function seedPrefetch(locale?: string | null): ShopPrefetch {
-  const prefetch: ShopPrefetch = {
-    query: SEED_QUERY,
-    products: [product('p1', 'Egusi Soup')],
-    pagination: { currentPage: 1, perPage: 24, hasMore: false },
-  };
-  if (locale !== undefined) prefetch.locale = locale;
-  return prefetch;
-}
-
-function Grid(props: Parameters<typeof useShop>[0]): JSX.Element {
-  const { products, isLoading } = useShop(props);
-  return (
-    <ul data-loading={String(isLoading)}>
-      {products.map((p) => <li key={p.id}>{p.title}</li>)}
-    </ul>
-  );
-}
-
-function renderGrid(prefetch: ShopPrefetch | null, locale?: string | null): string {
-  return render(
-    <ShopPrefetchProvider value={prefetch}>
-      <Grid categorySlug="soups" keyword="egusi" sort="popular" page={1} perPage={24} />
-    </ShopPrefetchProvider>,
-    locale,
-  );
-}
-
-describe('useShop locale cache separation (seed match)', () => {
-  it('seeds from a prefetch fetched in the same locale', () => {
-    const html = renderGrid(seedPrefetch('zh'), 'zh');
-    expect(html).toContain('data-loading="false"');
-    expect(html).toContain('Egusi Soup');
-  });
-
-  it('ignores a prefetch fetched in another locale and refetches', () => {
-    const html = renderGrid(seedPrefetch('zh'), null);
-    expect(html).toContain('data-loading="true"');
-    expect(html).not.toContain('Egusi Soup');
-  });
-
-  it('keeps the old no-locale behaviour: absent echo means primary', () => {
-    const html = renderGrid(seedPrefetch(), null);
-    expect(html).toContain('data-loading="false"');
-    expect(html).toContain('Egusi Soup');
-  });
-});
-
-describe('no-locale regression (byte-identical guarantee)', () => {
-  it('server and client helpers pass input through untouched', () => {
-    const query = { per_page: 24, page: 1 };
-    expect(withLocaleQuery(query, null)).toBe(query);
-    const tags = ['v:acme', 'v:acme:products'];
-    expect(withLocaleTags(tags, null)).toBe(tags);
-    expect(withLocalePath('/client/store/products', null)).toBe('/client/store/products');
-    expect(parseLocaleCode(null)).toBeNull();
-  });
-
-  it('every hook still renders without a provider locale', () => {
-    expect(renderGrid(seedPrefetch(), null)).toContain('data-loading="false"');
-  });
-});

package/tests/manifest-parity.test.ts

@@ -1,54 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { FRAMEWORK_BLOCK_MANIFEST, FRAMEWORK_OWNED_TYPES } from '../shared-blocks/manifest';
-import type { BlockType } from '../types/block';
-import type { FrameworkBlockType } from '../types/theme';
-
-/**
- * Three places declare "this block type is framework-owned" and must never
- * drift: `types/theme.ts` `FrameworkBlockType`, `shared-blocks/manifest.ts`
- * `FRAMEWORK_OWNED_TYPES`, and `page-renderer.tsx`'s switch (checked here by
- * proxy — every framework-owned type must at least have a manifest entry, or
- * a theme's Section Library drawer would offer a block the renderer has no
- * variant list for).
- */
-describe('framework-owned block manifest parity', () => {
-  // Mirrors `FrameworkBlockType` in types/theme.ts — TypeScript enforces the
-  // literal union is exhaustive against `BlockType` here (compile error if
-  // one is added without the other), so this list doubles as the type check.
-  const frameworkBlockTypes: FrameworkBlockType[] = [
-    'divider',
-    'embed',
-    'video',
-    'table',
-    'button',
-    'image',
-    'reviews',
-    'faq',
-    'callout',
-    'quote',
-    'product_qa',
-    'metaobjects',
-  ];
-
-  it('FrameworkBlockType and FRAMEWORK_OWNED_TYPES name the same set', () => {
-    expect(new Set(frameworkBlockTypes)).toEqual(FRAMEWORK_OWNED_TYPES);
-  });
-
-  it('every framework-owned type (except content, handled specially) has a manifest entry', () => {
-    for (const type of FRAMEWORK_OWNED_TYPES) {
-      expect(FRAMEWORK_BLOCK_MANIFEST[type], `${type} missing from FRAMEWORK_BLOCK_MANIFEST`).toBeDefined();
-      expect(FRAMEWORK_BLOCK_MANIFEST[type].length).toBeGreaterThan(0);
-    }
-  });
-
-  it('metaobjects is a real BlockType', () => {
-    const type: BlockType = 'metaobjects';
-    expect(FRAMEWORK_OWNED_TYPES.has(type)).toBe(true);
-  });
-
-  it('metaobjects manifest declares grid (default) and list variants', () => {
-    const variants = FRAMEWORK_BLOCK_MANIFEST.metaobjects;
-    expect(variants.map((v) => v.id)).toEqual(expect.arrayContaining(['grid', 'list']));
-    expect(variants.find((v) => v.default)?.id).toBe('grid');
-  });
-});

package/tests/markdown-render.test.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { describe, expect, it } from 'vitest';
-import { renderMarkdown } from '../utils/markdown';
-
-/**
- * A heading immediately followed by other content, with no blank line between them, must
- * not be swallowed whole into the heading — `utils/markdown.tsx` once treated an entire
- * blank-line-delimited block as heading text the moment it matched a heading prefix.
- * Merchant copy often writes "### Our Offerings\n- item\n- item" with no blank line, which
- * is common, valid markdown — the list must not disappear into the h3.
- */
-
-function html(markdown: string): string {
-  return renderToStaticMarkup(React.createElement(React.Fragment, null, ...renderMarkdown(markdown)));
-}
-
-describe('renderMarkdown heading + trailing-content handling', () => {
-  it('a heading immediately followed by a list (no blank line) renders both, not one heading swallowing the list', () => {
-    const out = html(
-      '### Our Offerings\n- Latest fashion apparel for men, women, and children\n- Accessories to complement every outfit',
-    );
-
-    expect(out).toContain('<h3');
-    expect(out).toContain('Our Offerings');
-    expect(out).toContain('<ul');
-    expect(out).toContain('<li>Latest fashion apparel for men, women, and children</li>');
-    expect(out).toContain('<li>Accessories to complement every outfit</li>');
-    expect(out).not.toMatch(/<h3[^>]*>[^<]*Latest fashion/);
-  });
-
-  it('a heading immediately followed by a paragraph (no blank line) renders both, not one heading swallowing the text', () => {
-    const out = html('## Our Story\nWe hand-pick every piece.');
-
-    expect(out).toBe('<h2>Our Story</h2><p>We hand-pick every piece.</p>');
-  });
-
-  it('a heading with nothing after it still renders alone (regression guard)', () => {
-    expect(html('## Our Story')).toBe('<h2>Our Story</h2>');
-  });
-
-  it('a heading followed by a blank-line-separated paragraph still renders as two blocks (regression guard)', () => {
-    const out = html('## Our Story\n\nWe hand-pick every piece.');
-    expect(out).toBe('<h2>Our Story</h2><p>We hand-pick every piece.</p>');
-  });
-});

package/tests/menu-placement.test.ts

@@ -1,63 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { computePlacement, type PlacementInput } from '../utils/menu-placement';
-
-const VIEW = { width: 1000, height: 800 };
-const POP = { width: 240, height: 300 };
-
-function place(over: Partial<PlacementInput> & Pick<PlacementInput, 'trigger'>) {
-  return computePlacement({ popover: POP, viewport: VIEW, side: 'bottom', align: 'end', dir: 'ltr', ...over });
-}
-
-/** A 100x44 trigger whose top-left is (left, top). */
-const box = (left: number, top: number) => ({ left, top, right: left + 100, bottom: top + 44 });
-
-describe('computePlacement', () => {
-  it('keeps the preferred placement when it fits', () => {
-    expect(place({ trigger: box(700, 10) })).toMatchObject({ side: 'bottom', align: 'end', shift: 0 });
-  });
-
-  it('flips up when there is no room below and more above', () => {
-    const p = place({ trigger: box(700, 600) });
-    expect(p.side).toBe('top');
-    expect(p.available).toBe(600 - 8 - 8);
-  });
-
-  it('footers opening up flip down when there is no room above', () => {
-    expect(place({ trigger: box(700, 20), side: 'top' }).side).toBe('bottom');
-    expect(place({ trigger: box(700, 600), side: 'top' }).side).toBe('top');
-  });
-
-  it('keeps the side with more room (and caps the height) when neither fits', () => {
-    const p = place({ trigger: box(700, 300), popover: { width: 240, height: 700 } });
-    expect(p.side).toBe('bottom');
-    expect(p.available).toBe(800 - 344 - 8 - 8);
-  });
-
-  it('aligns to the trigger end (right edge in ltr) and flips alignment on overflow', () => {
-    // end: left = 800 - 240 = 560, fits.
-    expect(place({ trigger: box(700, 10) })).toMatchObject({ align: 'end', shift: 0 });
-    // trigger near the left edge: end would start at 40 - 140 < 16; start fits.
-    expect(place({ trigger: box(40, 10) })).toMatchObject({ align: 'start', shift: 0 });
-  });
-
-  it('mirrors in rtl: end is the left edge', () => {
-    // rtl end: left = trigger.left = 40 fits.
-    expect(place({ trigger: box(40, 10), dir: 'rtl' })).toMatchObject({ align: 'end', shift: 0 });
-    // trigger at the right edge: rtl end would overflow; start (right edge aligned) fits.
-    expect(place({ trigger: box(880, 10), dir: 'rtl' })).toMatchObject({ align: 'start', shift: 0 });
-  });
-
-  it('shifts into the gutter when neither alignment fits', () => {
-    // 240 wide in a 260 viewport, trigger in the middle: both overflow somewhere.
-    const p = computePlacement({
-      trigger: box(80, 10),
-      popover: { width: 240, height: 100 },
-      viewport: { width: 260, height: 800 },
-      side: 'bottom',
-      align: 'end',
-      dir: 'ltr',
-    });
-    // end: left edge at 180 - 240 = -60, shifted +76 to the 16px gutter.
-    expect(p).toMatchObject({ align: 'end', shift: 76 });
-  });
-});

package/tests/metaobjects-block.test.tsx

@@ -1,70 +0,0 @@
-import React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { describe, expect, it } from 'vitest';
-import { CoreMetaobjectsBlock } from '../shared-blocks/metaobjects';
-import type { CoreMetaobjectsBlockProps } from '../shared-blocks/metaobjects';
-import type { MetaobjectEntry } from '../types/product';
-
-function makeEntry(overrides: Partial<MetaobjectEntry> = {}): MetaobjectEntry {
-  return {
-    p_id: 1,
-    type: 'designer',
-    handle: 'adaeze',
-    display_name: 'Adaeze',
-    fields: { bio: 'Lagos-based designer' },
-    ...overrides,
-  };
-}
-
-function render(props: Partial<CoreMetaobjectsBlockProps> = {}): string {
-  return renderToStaticMarkup(
-    React.createElement(CoreMetaobjectsBlock, {
-      entries: [makeEntry()],
-      definition: { type: 'designer', name: 'Designer', has_pages: false },
-      ...props,
-    }),
-  );
-}
-
-describe('CoreMetaobjectsBlock', () => {
-  it('renders nothing when there are no entries', () => {
-    expect(render({ entries: [] })).toBe('');
-  });
-
-  it('renders a grid by default with entry cards', () => {
-    const html = render();
-    expect(html).toContain('core-block-metaobjects--grid');
-    expect(html).toContain('core-block-metaobjects__list--grid');
-    expect(html).toContain('core-metafields__entry-card');
-    expect(html).toContain('Adaeze');
-  });
-
-  it('renders a list layout when requested', () => {
-    const html = render({ layout: 'list' });
-    expect(html).toContain('core-block-metaobjects--list');
-    expect(html).toContain('core-block-metaobjects__list--list');
-  });
-
-  it('renders the title when provided', () => {
-    expect(render({ title: 'Our designers' })).toContain('Our designers');
-  });
-
-  it('does not link entries when the definition has no pages', () => {
-    const html = render({ definition: { type: 'designer', name: 'Designer', has_pages: false } });
-    expect(html).not.toContain('<a ');
-  });
-
-  it('links each entry to /{type}/{handle} when the definition has pages', () => {
-    const html = render({ definition: { type: 'designer', name: 'Designer', has_pages: true } });
-    expect(html).toContain('<a ');
-    expect(html).toContain('href="/designer/adaeze"');
-  });
-
-  it('renders multiple entries', () => {
-    const html = render({
-      entries: [makeEntry(), makeEntry({ p_id: 2, handle: 'chidi', display_name: 'Chidi' })],
-    });
-    expect(html).toContain('Adaeze');
-    expect(html).toContain('Chidi');
-  });
-});

package/tests/navigation.test.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { describe, expect, it } from 'vitest';
-import * as navigation from '../navigation';
-import { Link } from '../navigation';
-
-describe('navigation — what a theme links and navigates with', () => {
-  it('is exactly Link, useRouter and usePathname', () => {
-    expect(Object.keys(navigation).sort()).toEqual(['Link', 'usePathname', 'useRouter']);
-  });
-
-  it('renders Link as a plain anchor carrying its href, class and children', () => {
-    const html = renderToStaticMarkup(
-      React.createElement(Link, { href: '/medley/shop', className: 'md-nav__link', 'aria-current': 'page' }, 'Shop'),
-    );
-
-    expect(html).toContain('<a');
-    expect(html).toContain('href="/medley/shop"');
-    expect(html).toContain('class="md-nav__link"');
-    expect(html).toContain('aria-current="page"');
-    expect(html).toContain('>Shop</a>');
-  });
-
-  it('keeps a full URL as is', () => {
-    const html = renderToStaticMarkup(React.createElement(Link, { href: 'https://usequeek.com/business', target: '_blank' }, 'Queek'));
-
-    expect(html).toContain('href="https://usequeek.com/business"');
-    expect(html).toContain('target="_blank"');
-  });
-});

package/tests/orders-walk.test.ts

@@ -1,48 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { fetchOrders } from '../api/orders';
-
-/**
- * `GET store/orders` answers the ONE storefront list envelope: `has_more` +
- * `next_cursor` top-level, no `links`, no paginator `meta`. The kit reads the
- * page it asked for.
- */
-describe('fetchOrders walk state', () => {
-  afterEach(() => vi.unstubAllGlobals());
-
-  it('asks /client/store/orders by page and returns the top-level walk state', async () => {
-    const fetchMock = vi.fn(async () => ({
-      ok: true,
-      json: async () => ({
-        status: 'success',
-        message: 'Orders retrieved',
-        data: [{ id: 'o1', order_no: 'Q-1' }],
-        meta: { currency: { code: 'NGN' } },
-        has_more: true,
-        next_cursor: 'eyJ2IjoxfQ',
-      }),
-    }));
-    vi.stubGlobal('fetch', fetchMock);
-
-    const page = await fetchOrders('demo-store', 2, 'ongoing');
-
-    const url = String((fetchMock.mock.calls[0] as unknown[])[0]);
-    expect(url).toContain('/client/store/orders');
-    expect(url).toContain('page=2');
-    expect(url).toContain('status=ongoing');
-    expect(page.has_more).toBe(true);
-    expect(page.next_cursor).toBe('eyJ2IjoxfQ');
-    expect(page).not.toHaveProperty('links');
-    expect(page.data).toHaveLength(1);
-  });
-
-  it('never sends status=all (the unfiltered list)', async () => {
-    const fetchMock = vi.fn(async () => ({ ok: true, json: async () => ({ data: [], has_more: false, next_cursor: null }) }));
-    vi.stubGlobal('fetch', fetchMock);
-
-    const page = await fetchOrders('demo-store', 1, 'all');
-
-    expect(String((fetchMock.mock.calls[0] as unknown[])[0])).not.toContain('status=');
-    expect(page.has_more).toBe(false);
-    expect(page.next_cursor).toBeNull();
-  });
-});

package/tests/page-renderer-signature.test.tsx

@@ -1,42 +0,0 @@
-import { renderToStaticMarkup } from 'react-dom/server';
-import { describe, expect, it } from 'vitest';
-import { StorefrontContext } from '../provider';
-import { ThemeProvider } from '../theme-context';
-import { PageRenderer } from '../page-renderer';
-import type { Block } from '../types/block';
-import type { ThemeModule } from '../types/theme';
-
-/**
- * The storefront attaches streamed `productsPromise` / `metaobjectsPromise` to
- * page blocks. On the server they arrive as React Flight thenables that point
- * back at the whole RSC response. PageRenderer's change-detection signature
- * JSON-stringified the blocks, and that threw "Converting circular structure to
- * JSON" during server rendering — every real store with a products block fell
- * back to client-only rendering in `next dev`.
- */
-
-function circularThenable(): unknown {
-  const response: Record<string, unknown> = { _chunks: new Map() };
-  response._weakResponse = { response };
-  return { status: 'pending', value: null, reason: response, then: () => undefined };
-}
-
-describe('PageRenderer', () => {
-  it('server-renders blocks that carry a streamed (circular) promise', () => {
-    const blocks = [
-      { type: 'content', data: { markdown: 'Fresh meals, delivered' }, productsPromise: circularThenable(), metaobjectsPromise: circularThenable() },
-    ] as unknown as Block[];
-    const theme = { getBlock: () => () => null } as unknown as ThemeModule;
-    const store = { vendor: { id: 'v1', slug: 'demo-store' }, config: {}, menus: [], basePath: '', pagesChrome: {} };
-
-    const html = renderToStaticMarkup(
-      <StorefrontContext.Provider value={store as never}>
-        <ThemeProvider theme={theme}>
-          <PageRenderer blocks={blocks} />
-        </ThemeProvider>
-      </StorefrontContext.Provider>,
-    );
-
-    expect(html).toContain('Fresh meals, delivered');
-  });
-});