1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108

import { test, expect } from 'vitest'
import { withFixture } from '../common'

withFixture('basic', (c) => {
  test.concurrent('theme color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-red-500">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 22 },
      },
    })

    expect(res).toEqual([])
  })

  test.concurrent('arbitrary named color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-[red]">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 20 },
      },
    })

    expect(res).toEqual([
      { label: 'bg-[#ff0000]' },
      { label: 'bg-[rgb(255,0,0)]' },
      { label: 'bg-[hsl(0,100%,50%)]' },
    ])
  })

  test.concurrent('arbitrary short hex color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-[#f00]">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 21 },
      },
    })

    expect(res).toEqual([
      { label: 'bg-[#f00]' },
      { label: 'bg-[rgb(255,0,0)]' },
      { label: 'bg-[hsl(0,100%,50%)]' },
    ])
  })

  test.concurrent('arbitrary hex color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-[#ff0000]">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 24 },
      },
    })

    expect(res).toEqual([
      { label: 'bg-[#ff0000]' },
      { label: 'bg-[rgb(255,0,0)]' },
      { label: 'bg-[hsl(0,100%,50%)]' },
    ])
  })

  test.concurrent('arbitrary rgb color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-[rgb(255,0,0)]">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 29 },
      },
    })

    expect(res).toEqual([
      { label: 'bg-[#ff0000]' },
      { label: 'bg-[rgb(255,0,0)]' },
      { label: 'bg-[hsl(0,100%,50%)]' },
    ])
  })

  test.concurrent('arbitrary hsl color', async () => {
    let textDocument = await c.openDocument({ text: '<div class="bg-[hsl(0,100%,50%)]">' })
    let res = await c.sendRequest('textDocument/colorPresentation', {
      color: { red: 1, green: 0, blue: 0, alpha: 1 },
      textDocument,
      range: {
        start: { line: 0, character: 12 },
        end: { line: 0, character: 32 },
      },
    })

    expect(res).toEqual([
      { label: 'bg-[#ff0000]' },
      { label: 'bg-[rgb(255,0,0)]' },
      { label: 'bg-[hsl(0,100%,50%)]' },
    ])
  })
})