@shipload/item-renderer 0.2.2 → 1.0.0-beta1

package/test/primitives-domain.test.ts

@@ -1,72 +0,0 @@
-import { expect, test } from 'bun:test'
-import { iconHex } from '../src/primitives/icon-hex.ts'
-import { statBar } from '../src/primitives/stat-bar.ts'
-import { moduleSlot } from '../src/primitives/module-slot.ts'
-import { quantityBadge } from '../src/primitives/quantity-badge.ts'
-
-test('iconHex draws a hexagon with the category color and 2-char code', () => {
-  const svg = iconHex({ x: 14, y: 14, color: '#58d08c', code: 'FE' })
-  expect(svg).toContain('<polygon')
-  expect(svg).toContain('stroke="#58d08c"')
-  expect(svg).toContain('>FE<')
-})
-
-test('statBar emits a labeled bar with value ∈ [0, 1023]', () => {
-  const svg = statBar({
-    x: 14,
-    y: 100,
-    width: 252,
-    label: 'Strength',
-    abbreviation: 'STR',
-    value: 342,
-    color: '#58d08c',
-  })
-  expect(svg).toContain('STR')
-  expect(svg).toContain('Strength')
-  expect(svg).toContain('342')
-  // Fill width proportional to value/1023:
-  // expected filled width ≈ 252 * 342 / 1023 ≈ 84.2
-  expect(svg).toContain('width="84"')
-})
-
-test('statBar inverts the visual fill when inverted is true', () => {
-  const hi = statBar({
-    x: 0, y: 0, width: 100, label: 'X', abbreviation: 'X',
-    value: 900, color: '#fff',
-  })
-  const lo = statBar({
-    x: 0, y: 0, width: 100, label: 'X', abbreviation: 'X',
-    value: 900, color: '#fff', inverted: true,
-  })
-  expect(hi).not.toBe(lo)
-})
-
-test('moduleSlot renders an empty state with "Empty module" label', () => {
-  const svg = moduleSlot({ x: 14, y: 200, width: 252, installed: false })
-  expect(svg).toContain('Empty module')
-})
-
-test('moduleSlot renders an installed state with capability description', () => {
-  const svg = moduleSlot({
-    x: 14,
-    y: 200,
-    width: 252,
-    installed: true,
-    capability: 'Engine',
-    description: 'generates 757 thrust for travel while draining 41 energy per distance travelled',
-    accentColor: '#58d08c',
-  })
-  expect(svg).toContain('Engine')
-  expect(svg).toContain('757')
-  expect(svg).toContain('thrust')
-})
-
-test('quantityBadge is empty string when quantity <= 1', () => {
-  expect(quantityBadge({ x: 0, y: 0, quantity: 1 })).toBe('')
-  expect(quantityBadge({ x: 0, y: 0, quantity: 0 })).toBe('')
-})
-
-test('quantityBadge renders ×N chip when quantity > 1', () => {
-  const svg = quantityBadge({ x: 250, y: 8, quantity: 50 })
-  expect(svg).toContain('×50')
-})

package/test/primitives-layout.test.ts

@@ -1,56 +0,0 @@
-import { expect, test } from 'bun:test'
-import { panel } from '../src/primitives/panel.ts'
-import { text } from '../src/primitives/text.ts'
-import { divider } from '../src/primitives/divider.ts'
-import { wrapText } from '../src/primitives/wrap.ts'
-
-test('panel renders a rect inset by 0.5px so the 1px stroke stays inside the viewBox', () => {
-  const svg = panel({ width: 280, height: 120 })
-  expect(svg).toContain('<rect')
-  expect(svg).toContain('x="0.5"')
-  expect(svg).toContain('y="0.5"')
-  expect(svg).toContain('width="279"')
-  expect(svg).toContain('height="119"')
-  expect(svg).toContain('rx="10"')
-})
-
-test('panel accepts an optional tier border color', () => {
-  const svg = panel({ width: 280, height: 120, borderColor: '#6cb9ff' })
-  expect(svg).toContain('stroke="#6cb9ff"')
-})
-
-test('text emits a <text> element with escaped content', () => {
-  const svg = text({ x: 10, y: 20, value: `Ship "T1"`, size: 14, weight: 600 })
-  expect(svg).toContain('<text')
-  expect(svg).toContain('x="10"')
-  expect(svg).toContain('y="20"')
-  expect(svg).toContain('Ship &quot;T1&quot;')
-  expect(svg).toContain('font-size="14"')
-  expect(svg).toContain('font-weight="600"')
-})
-
-test('divider is a horizontal line at y', () => {
-  const svg = divider({ x: 14, y: 40, width: 252 })
-  expect(svg).toContain('<line')
-  expect(svg).toContain('x1="14"')
-  expect(svg).toContain('x2="266"')
-  expect(svg).toContain('y1="40"')
-  expect(svg).toContain('y2="40"')
-})
-
-test('wrapText splits a string into lines that fit within a char budget', () => {
-  const lines = wrapText({
-    value: 'generates 757 thrust for travel while draining 41 energy per distance travelled',
-    charsPerLine: 40,
-  })
-  for (const line of lines) expect(line.length).toBeLessThanOrEqual(40)
-  // No word is broken mid-word:
-  expect(lines.join(' ')).toBe(
-    'generates 757 thrust for travel while draining 41 energy per distance travelled',
-  )
-})
-
-test('wrapText preserves a single unbreakable long token', () => {
-  const lines = wrapText({ value: 'supercalifragilisticexpialidocious', charsPerLine: 10 })
-  expect(lines).toEqual(['supercalifragilisticexpialidocious'])
-})

package/test/primitives-module-slot.test.ts

@@ -1,88 +0,0 @@
-import { test, expect } from 'bun:test'
-import { moduleSlot } from '../src/primitives/module-slot.ts'
-import type { TextSpan } from '@shipload/sdk'
-
-test('string description flows inline with the bold capability label', () => {
-  const svg = moduleSlot({
-    x: 14,
-    y: 40,
-    width: 252,
-    installed: true,
-    capability: 'Engine',
-    description: 'generates 700 thrust for travel',
-    accentColor: '#2fd6d1',
-  })
-  expect(svg).toContain('<polygon')
-  expect(svg).toContain('Engine: ')
-  expect(svg).toContain('font-weight="600"')
-  expect(svg).toContain('generates 700 thrust for')
-})
-
-test('TextSpan[] description renders each span; highlighted spans get accent color', () => {
-  const spans: TextSpan[] = [
-    { text: 'generates ' },
-    { text: '700', highlight: true },
-    { text: ' thrust for travel while draining ' },
-    { text: '45', highlight: true },
-    { text: ' energy per distance travelled' },
-  ]
-  const svg = moduleSlot({
-    x: 14,
-    y: 40,
-    width: 252,
-    installed: true,
-    capability: 'Engine',
-    description: spans,
-    accentColor: '#2fd6d1',
-  })
-  expect(svg).toContain('Engine:')
-  expect(svg).toContain('>generates <')
-  expect(svg).toContain('>700<')
-  expect(svg).toContain('>45<')
-  expect(svg).toMatch(/fill="#[0-9A-Fa-f]{6}"[^>]*>700</)
-})
-
-test('TextSpan[] description wraps across lines preserving highlight boundaries', () => {
-  const spans: TextSpan[] = [
-    { text: 'mines resources at ' },
-    { text: '880', highlight: true },
-    { text: ' speed to a max depth of ' },
-    { text: '248', highlight: true },
-    { text: ' with ' },
-    { text: '100', highlight: true },
-    { text: ' gather speed while draining ' },
-    { text: '1,250', highlight: true },
-    { text: ' energy per second' },
-  ]
-  const svg = moduleSlot({
-    x: 14,
-    y: 40,
-    width: 252,
-    installed: true,
-    capability: 'Gatherer',
-    description: spans,
-    accentColor: '#f59e0b',
-  })
-  expect(svg).toContain('880')
-  expect(svg).toContain('248')
-  expect(svg).toContain('100')
-  expect(svg).toContain('1,250')
-})
-
-test('Empty description array renders headline only', () => {
-  const svg = moduleSlot({
-    x: 14,
-    y: 40,
-    width: 252,
-    installed: true,
-    capability: 'Engine',
-    description: [],
-    accentColor: '#2fd6d1',
-  })
-  expect(svg).toContain('Engine:')
-})
-
-test('Empty slot renders unchanged', () => {
-  const svg = moduleSlot({ x: 14, y: 40, width: 252, installed: false })
-  expect(svg).toContain('Empty module')
-})

package/test/render.test.ts

@@ -1,40 +0,0 @@
-import { expect, test } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderItem, renderFromPayload } from '../src/render.ts'
-import { RenderError } from '../src/errors.ts'
-import { encodePayload } from '../src/payload/codec.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-test('renderItem dispatches to resource template for resources', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderItem(item, resolved)
-  expect(svg).toContain('Crude Ore')
-})
-
-test('renderItem dispatches to packed entity template for entities', () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderItem(item, resolved)
-  expect(svg).toContain('HULL')
-})
-
-test('renderItem dispatches to module template for modules', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderItem(item, resolved)
-  expect(svg).toContain('MODULE')
-})
-
-test('renderItem throws RenderError for unknown types', () => {
-  const item = FIXTURES.oreT1
-  const fake = { ...resolveItem(item.item_id, item.stats, item.modules), itemType: 'unknown' as never }
-  expect(() => renderItem(item, fake)).toThrow(RenderError)
-})
-
-test('renderFromPayload round-trips a payload into SVG', async () => {
-  const payload = encodePayload(FIXTURES.oreT1)
-  const { svg, item } = await renderFromPayload(payload)
-  expect(svg).toContain('Crude Ore')
-  expect(item.itemType).toBe('resource')
-})

package/test/sanity.test.ts

@@ -1,6 +0,0 @@
-import { expect, test } from 'bun:test'
-import { VERSION } from '../src/index.ts'
-
-test('VERSION is a semver string', () => {
-  expect(VERSION).toMatch(/^\d+\.\d+\.\d+$/)
-})

package/test/sdk-link.test.ts

@@ -1,19 +0,0 @@
-import { expect, test } from 'bun:test'
-import { resolveItem, ServerContract, type ResolvedItem } from '@shipload/sdk'
-
-test('sdkv2 is linked and exposes resolveItem + ResolvedItem type', () => {
-  const resolved: ResolvedItem = resolveItem(101 /* T1 Ore */, undefined, undefined)
-  expect(resolved.itemId).toBe(101)
-  expect(resolved.category).toBe('ore')
-  expect(resolved.itemType).toBe('resource')
-})
-
-test('ServerContract.Types.cargo_item can be constructed', () => {
-  const ci = ServerContract.Types.cargo_item.from({
-    item_id: 101,
-    quantity: 1,
-    stats: '0',
-    modules: [],
-  })
-  expect(ci.item_id.equals(101)).toBe(true)
-})

package/test/svg.test.ts

@@ -1,28 +0,0 @@
-import { expect, test } from 'bun:test'
-import { attr, el, escapeXml } from '../src/primitives/svg.ts'
-
-test('escapeXml escapes the five XML entity chars', () => {
-  expect(escapeXml(`5 > 3 & 2 < 4 "hi" 'yo'`)).toBe(
-    '5 &gt; 3 &amp; 2 &lt; 4 &quot;hi&quot; &apos;yo&apos;',
-  )
-})
-
-test('attr emits name=value pairs with quoted values', () => {
-  expect(attr({ width: 10, height: 20, fill: '#123456' }))
-    .toBe(' width="10" height="20" fill="#123456"')
-})
-
-test('attr drops undefined and null values', () => {
-  expect(attr({ width: 10, height: undefined, stroke: null as unknown as string }))
-    .toBe(' width="10"')
-})
-
-test('attr escapes special chars in values', () => {
-  expect(attr({ label: `ship "fast"` })).toBe(' label="ship &quot;fast&quot;"')
-})
-
-test('el builds self-closing and wrapping elements', () => {
-  expect(el('rect', { width: 10, height: 10 })).toBe('<rect width="10" height="10"/>')
-  expect(el('g', {}, '<rect/><rect/>')).toBe('<g><rect/><rect/></g>')
-  expect(el('text', { x: 5 }, 'hi')).toBe('<text x="5">hi</text>')
-})

package/test/templates-component.test.ts

@@ -1,36 +0,0 @@
-import { expect, test } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderComponent } from '../src/templates/component.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-test('matches the committed Hull Plates snapshot', async () => {
-  const item = FIXTURES.hullPlates
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderComponent(item, resolved)
-  expect(svg).toMatchSnapshot('component-hull-plates.svg')
-})
-
-test('renderComponent ranges mode shows stat abbreviations with no values', () => {
-  const item = FIXTURES.hullPlates
-  const resolved = resolveItem(item.item_id)
-  const svg = renderComponent(item, resolved, { mode: 'ranges' })
-  expect(svg).toContain('STR')
-  expect(svg).toContain('DEN')
-  expect(svg).not.toMatch(/>\d{3}<\/text>/)
-  expect(svg).toContain('COMPONENT')
-  expect(svg).toContain('Mass')
-})
-
-test('renderComponent values mode (default) still shows concrete numbers', () => {
-  const item = FIXTURES.hullPlates
-  const resolved = resolveItem(item.item_id, item.stats)
-  const svg = renderComponent(item, resolved)
-  expect(svg).toMatch(/>\d+<\/text>/)
-})
-
-test('renderComponent ranges mode matches snapshot', () => {
-  const item = FIXTURES.hullPlates
-  const resolved = resolveItem(item.item_id)
-  const svg = renderComponent(item, resolved, { mode: 'ranges' })
-  expect(svg).toMatchSnapshot('component-ranges')
-})

package/test/templates-dispatch.test.ts

@@ -1,35 +0,0 @@
-import { test, expect } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderByType } from '../src/templates/index.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-test('renderByType forwards mode=ranges to resource template', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderByType(item, resolved, { mode: 'ranges' })
-  // No 3-digit stat values
-  expect(svg).not.toMatch(/>\d{3,}<\/text>/)
-})
-
-test('renderByType forwards mode=ranges to component template', () => {
-  const item = FIXTURES.hullPlates
-  const resolved = resolveItem(item.item_id)
-  const svg = renderByType(item, resolved, { mode: 'ranges' })
-  expect(svg).not.toMatch(/>\d{3,}<\/text>/)
-  expect(svg).toContain('COMPONENT')
-})
-
-test('renderByType forwards mode=ranges to module template', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderByType(item, resolved, { mode: 'ranges' })
-  expect(svg).toContain('MODULE')
-})
-
-test('renderByType default mode is values (no opts)', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats)
-  const svg = renderByType(item, resolved)
-  // At least one numeric stat value
-  expect(svg).toMatch(/>\d+<\/text>/)
-})

package/test/templates-item-cell.test.ts

@@ -1,94 +0,0 @@
-import { test, expect } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { ITEM_HULL_PLATES, ITEM_ENGINE_T1, ITEM_SHIP_T1_PACKED } from '@shipload/sdk'
-import { renderItemCell, itemCellGroup } from '../src/templates/item-cell.ts'
-
-test('renderItemCell returns a self-contained <svg>', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg.startsWith('<svg ')).toBe(true)
-  expect(svg).toContain('viewBox="0 0 48 60"')
-  expect(svg.endsWith('</svg>')).toBe(true)
-})
-
-test('component cell renders abbreviation', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).toContain('>HP<')
-})
-
-test('module cell renders abbreviation', () => {
-  const resolved = resolveItem(ITEM_ENGINE_T1)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).toContain('>EN<')
-})
-
-test('entity cell renders abbreviation', () => {
-  const resolved = resolveItem(ITEM_SHIP_T1_PACKED)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).toContain('>SH<')
-})
-
-test('resource cell renders category icon (no abbreviation)', () => {
-  const resolved = resolveItem(101)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).not.toMatch(/>[A-Z]{2,3}</)
-  expect(svg).toMatch(/<(polygon|circle|rect)\b/)
-})
-
-test('quantity renders as plain bold number when quantity > 1', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svg = renderItemCell({ resolved, quantity: 42, size: 48 })
-  expect(svg).toContain('>42<')
-  expect(svg).not.toContain('×')
-})
-
-test('no quantity text when quantity is 1 or omitted', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svgNoQty = renderItemCell({ resolved, size: 48 })
-  const svgOne = renderItemCell({ resolved, quantity: 1, size: 48 })
-  expect(svgNoQty).not.toContain('>1<')
-  expect(svgOne).not.toContain('>1<')
-})
-
-test('itemCellGroup returns <g> with translate, no <svg> wrapper', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const g = itemCellGroup({ resolved, size: 48, x: 100, y: 200 })
-  expect(g.startsWith('<g ')).toBe(true)
-  expect(g).toContain('transform="translate(100, 200)"')
-  expect(g.startsWith('<svg')).toBe(false)
-})
-
-test('tier border uses SDK tierColors for the resolved tier', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).toContain('#8b8b8b')
-})
-
-test('abbreviation cell uses proportional font size for different sizes', () => {
-  const resolved = resolveItem(ITEM_HULL_PLATES)
-  const svg28 = renderItemCell({ resolved, size: 28 })
-  const svg80 = renderItemCell({ resolved, size: 80 })
-  expect(svg28).toContain('font-size="8"')
-  expect(svg80).toContain('font-size="22"')
-})
-
-test('resource icon renders in stroke-only mode', () => {
-  const resolved = resolveItem(101)
-  const svg = renderItemCell({ resolved, size: 48 })
-  expect(svg).toContain('fill="none"')
-  expect(svg).toContain('stroke-width="1.5"')
-})
-
-test('matches golden SVG snapshot per itemType', () => {
-  const cases: [number, string][] = [
-    [101, 'item-cell-resource'],
-    [ITEM_HULL_PLATES, 'item-cell-component'],
-    [ITEM_ENGINE_T1, 'item-cell-module'],
-    [ITEM_SHIP_T1_PACKED, 'item-cell-entity'],
-  ]
-  for (const [id, name] of cases) {
-    const svg = renderItemCell({ resolved: resolveItem(id), quantity: 3, size: 48 })
-    expect(svg).toMatchSnapshot(name)
-  }
-})

package/test/templates-module.test.ts

@@ -1,63 +0,0 @@
-import { test, expect } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderModule } from '../src/templates/module.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-const CASES = [
-  'engineT1',
-  'generatorT1',
-  'gathererT1',
-  'loaderT1',
-  'crafterT1',
-  'storageT1',
-  'haulerT1',
-] as const
-
-for (const name of CASES) {
-  test(`matches the committed ${name} snapshot`, async () => {
-    const item = FIXTURES[name]
-    const resolved = resolveItem(item.item_id, item.stats, item.modules)
-    const svg = renderModule(item, resolved)
-    expect(svg).toMatchSnapshot(`module-${name}.svg`)
-  })
-}
-
-test('Engine template embeds the narrative description', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderModule(item, resolved)
-  expect(svg).toContain('generates')
-  expect(svg).toContain('thrust for travel')
-  expect(svg).toContain('while draining')
-  expect(svg).toContain('distance travelled')
-})
-
-test('Hauler template falls back to compact rows when description is null', () => {
-  const item = FIXTURES.haulerT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderModule(item, resolved)
-  expect(svg).toContain('Hauler')
-})
-
-test('renderModule ranges mode shows capability header without narrative or attribute values', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderModule(item, resolved, { mode: 'ranges' })
-  expect(svg).toContain('ENGINE')
-  expect(svg).not.toMatch(/>\d{3,}<\/(text|tspan)>/)
-  expect(svg).toContain('MODULE')
-})
-
-test('renderModule values mode (default) still shows narrative', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id, item.stats)
-  const svg = renderModule(item, resolved)
-  expect(svg).toMatch(/thrust|energy|generates/)
-})
-
-test('renderModule ranges mode matches snapshot', () => {
-  const item = FIXTURES.engineT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderModule(item, resolved, { mode: 'ranges' })
-  expect(svg).toMatchSnapshot('module-ranges')
-})

package/test/templates-packed-entity.test.ts

@@ -1,47 +0,0 @@
-import { expect, test } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderPackedEntity } from '../src/templates/packed-entity.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-test('renders Ship with hull attributes and two modules', () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toContain('Ship (Packed)')
-  expect(svg).toContain('HULL')
-  expect(svg).toContain('Mass')
-  expect(svg).toContain('Capacity')
-  expect(svg).toContain('Engine')
-  expect(svg).toContain('Generator')
-})
-
-test('renders empty-module rows when slots are unfilled', () => {
-  const item = FIXTURES.shipT1NoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg.match(/Empty module/g)?.length ?? 0).toBeGreaterThanOrEqual(1)
-})
-
-test('matches the committed Ship T1 (two modules) snapshot', async () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toMatchSnapshot('packed-entity-ship-t1-two-modules.svg')
-})
-
-test('matches the committed Ship T1 (only engine) snapshot', async () => {
-  const item = FIXTURES.shipT1OnlyEngine
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toMatchSnapshot('packed-entity-ship-t1-only-engine.svg')
-})
-
-test('ship with two modules renders SDK-sourced narrative descriptions', () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toContain('Engine: ')
-  expect(svg).toContain('generates')
-  expect(svg).toContain('Generator: ')
-  expect(svg).toContain('holds')
-})

package/test/templates-resource.test.ts

@@ -1,71 +0,0 @@
-import { expect, test } from 'bun:test'
-import { resolveItem, getStatDefinitions } from '@shipload/sdk'
-import { renderResource } from '../src/templates/resource.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
-
-test('renders Crude Ore with category, mass, and three stat bars', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toContain('Crude Ore')
-  expect(svg).toContain('Ore') // category label
-  expect(svg).toContain('30,000') // mass
-  expect(svg).toContain('STR') // strength abbreviation
-  expect(svg).toContain('TOL')
-  expect(svg).toContain('DEN')
-})
-
-test('renders quantity badge when stack > 1', () => {
-  const item = FIXTURES.oreT1StackOf50
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toContain('×50')
-})
-
-test('does not render quantity badge when stack == 1', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).not.toContain('×')
-})
-
-test('matches the committed Crude Ore snapshot', async () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatchSnapshot('resource-ore-t1.svg')
-})
-
-test('matches the committed Dense Gas snapshot', async () => {
-  const item = FIXTURES.gasT2
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatchSnapshot('resource-gas-t2.svg')
-})
-
-test('renderResource ranges mode shows stat abbreviations with no values', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderResource(item, resolved, { mode: 'ranges' })
-  const defs = getStatDefinitions(resolved.category!)
-  for (const def of defs) {
-    expect(svg).toContain(def.abbreviation)
-  }
-  expect(svg).not.toMatch(/>\d{3}<\/text>/)
-  expect(svg).toContain('Category')
-  expect(svg).toContain('Mass')
-})
-
-test('renderResource values mode (default) still shows concrete numbers', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatch(/>\d+<\/text>/)
-})
-
-test('renderResource ranges mode matches snapshot', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderResource(item, resolved, { mode: 'ranges' })
-  expect(svg).toMatchSnapshot('resource-ranges')
-})