import { describe, expect, test } from 'bun:test'

import { extractPaths, extractPathsFromElements, scalePathInfos } from '#core/icons/svg'
import { parseSVGSize, parseSVGViewBox } from '#core/io/formats/svg/metadata'

describe('SVG XML parsing', () => {
  test('reads quoted root metadata through the XML parser', () => {
    const svg = `<svg width='120' height="80" viewBox='10 20 300 200'><path d='M0 0'/></svg>`

    expect(parseSVGSize(svg)).toEqual({ width: 120, height: 80 })
    expect(parseSVGViewBox(svg)).toEqual({ x: 10, y: 20, width: 300, height: 200 })
  })

  test('walks nested groups with inherited presentation and transforms', () => {
    const paths = extractPaths(`
      <g fill="#ff0000" transform="translate(4 5)">
        <path d="M0 0L10 0L10 10Z" />
        <g stroke="#0000ff" stroke-width="2" transform="scale(2)">
          <line x1="0" y1="0" x2="4" y2="4" />
        </g>
      </g>
      <defs><path d="M20 20L30 30" /></defs>
    `)

    expect(paths).toHaveLength(2)
    expect(paths[0]).toMatchObject({ fill: '#ff0000', transform: 'translate(4 5)' })
    expect(paths[1]).toMatchObject({
      fill: '#ff0000',
      stroke: '#0000ff',
      strokeWidth: 2,
      transform: 'translate(4 5) scale(2)'
    })
  })

  test('converts parsed element primitives through the shared SVG pipeline', () => {
    const paths = extractPathsFromElements(
      [
        {
          type: 'g',
          props: { transform: 'translate(4 5)' },
          children: [
            { type: 'circle', props: { cx: 10, cy: 10, r: 5 }, children: [] },
            {
              type: 'rect',
              props: { x: 20, y: 20, width: 10, height: 8, rx: 2, strokeWidth: 3 },
              children: []
            }
          ]
        }
      ],
      { fill: '#ff0000' }
    )

    expect(paths).toHaveLength(2)
    expect(paths[0]).toMatchObject({ fill: '#ff0000', transform: 'translate(4 5)' })
    expect(paths[1]).toMatchObject({
      fill: '#ff0000',
      strokeWidth: 3,
      transform: 'translate(4 5)'
    })
    expect(paths.every((path) => path.d.length > 0)).toBe(true)
  })

  test('scales transformed strokes with the conservative non-uniform axis', () => {
    const [uniform] = scalePathInfos(
      extractPaths(
        '<line x1="0" y1="0" x2="4" y2="0" stroke="black" stroke-width="3" transform="scale(2)" />'
      ),
      1,
      1
    )
    const [nonUniform] = scalePathInfos(
      extractPaths(
        '<line x1="0" y1="0" x2="4" y2="0" stroke="black" stroke-width="3" transform="scale(4 2)" />'
      ),
      1,
      1
    )

    expect(uniform?.strokeWidth).toBe(6)
    expect(nonUniform?.strokeWidth).toBe(6)
  })

  test('does not interpret attribute-like path text as markup', () => {
    const paths = extractPaths(`<path d="M0 0L10 10" data-note="fill='red' stroke='blue'"/>`)

    expect(paths).toHaveLength(1)
    expect(paths[0]).toMatchObject({ fill: 'currentColor', stroke: null })
  })

  test('rejects malformed SVG documents', () => {
    expect(extractPaths('<path d="M0 0"><g>')).toEqual([])
    expect(parseSVGViewBox('<svg viewBox="0 0 20 20">')).toBeNull()
  })
})