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

import {
  clearNodeFillOkHCL,
  colorDistance,
  getFillOkHCL,
  rgbaToOkHCL,
  SceneGraph,
  setNodeFillOkHCL
} from '@open-pencil/core'

describe('OkHCL toggle conversion', () => {
  test('enabling OkHCL from an existing rgba fill preserves the visible color closely', () => {
    const graph = new SceneGraph()
    const page = graph.getPages()[0]
    const originalColor = { r: 0.22, g: 0.64, b: 0.48, a: 0.83 }
    const node = graph.createNode('FRAME', page.id, {
      fills: [{ type: 'SOLID', visible: true, opacity: originalColor.a, color: originalColor }]
    })

    graph.updateNode(node.id, setNodeFillOkHCL(node, 0, rgbaToOkHCL(originalColor)))
    const updated = graph.getNode(node.id)!

    expect(colorDistance(originalColor, updated.fills[0]!.color)).toBeLessThan(1)
    expect(Math.abs(updated.fills[0]!.color.a - originalColor.a)).toBeLessThan(0.001)
    expect(getFillOkHCL(updated, 0)).not.toBeNull()
  })

  test('disabling OkHCL removes metadata without changing the rendered color', () => {
    const graph = new SceneGraph()
    const page = graph.getPages()[0]
    const originalColor = { r: 0.71, g: 0.31, b: 0.19, a: 0.92 }
    const node = graph.createNode('FRAME', page.id, {
      fills: [{ type: 'SOLID', visible: true, opacity: originalColor.a, color: originalColor }]
    })

    graph.updateNode(node.id, setNodeFillOkHCL(node, 0, rgbaToOkHCL(originalColor)))
    const withOkHCL = graph.getNode(node.id)!
    const renderedBeforeDisable = withOkHCL.fills[0]!.color

    graph.updateNode(node.id, clearNodeFillOkHCL(withOkHCL, 0))
    const afterDisable = graph.getNode(node.id)!

    expect(getFillOkHCL(afterDisable, 0)).toBeNull()
    expect(colorDistance(renderedBeforeDisable, afterDisable.fills[0]!.color)).toBeLessThan(0.001)
  })
})