const { describe, test } = require('node:test')
const assert = require('node:assert/strict')

describe('terminal OSC color query helpers', () => {
  test('builds OSC color responses from theme hex colors', async () => {
    const { buildOscColorResponse } = await import('../../src/client/components/terminal/terminal-color-query.mjs')

    assert.strictEqual(
      buildOscColorResponse(11, '#20111b'),
      '\x1b]11;rgb:20/11/1b\x1b\\'
    )
  })

  test('falls back when a transparent theme color cannot describe the visible background', async () => {
    const { buildOscColorResponse } = await import('../../src/client/components/terminal/terminal-color-query.mjs')

    assert.strictEqual(
      buildOscColorResponse(11, 'rgba(0, 0, 0, 0)', '#121214'),
      '\x1b]11;rgb:12/12/14\x1b\\'
    )
  })

  test('only handles query payloads when registering xterm OSC handlers', async () => {
    const { handleTerminalColorQuery } = await import('../../src/client/components/terminal/terminal-color-query.mjs')
    const sent = []
    const terminal = {
      input: (data, wasUserInput) => sent.push({ data, wasUserInput })
    }

    assert.equal(handleTerminalColorQuery(terminal, 11, '#20111b', null, '#20111b'), false)
    assert.deepEqual(sent, [])

    assert.equal(handleTerminalColorQuery(terminal, 11, '#20111b', null, '?'), true)
    assert.deepEqual(sent, [
      {
        data: '\x1b]11;rgb:20/11/1b\x1b\\',
        wasUserInput: false
      }
    ])
  })

  test('keeps xterm transparent except when webgl needs an opaque clear background', async () => {
    const { createRendererThemeConfig } = await import('../../src/client/components/terminal/terminal-color-query.mjs')
    const themeConfig = {
      foreground: '#bbbbbb',
      background: '#20111b'
    }

    assert.deepEqual(
      createRendererThemeConfig(themeConfig, 'canvas', '#121214'),
      {
        foreground: '#bbbbbb',
        background: 'rgba(0,0,0,0)'
      }
    )

    assert.deepEqual(
      createRendererThemeConfig(themeConfig, 'webGL', '#121214'),
      {
        foreground: '#bbbbbb',
        background: '#121214'
      }
    )
  })
})