import { token } from '../token/token'
import { describe, expect, test } from '@jest/globals'

const testCases = [
  {
    description: 'token w/ .$',
    input: 'color.$background',
    expected: '#ffffff',
  },
  {
    description: 'token w/ .',
    input: 'color.background',
    expected: '#ffffff',
  },
  {
    description: 'token w/ -',
    input: 'color-background',
    expected: '#ffffff',
  },
  {
    description: 'palette token',
    input: 'palette-success',
    expected: '#33D1AB',
  },
  {
    description: 'palette token',
    input: 'palette-primary-c170',
    expected: '#6666FF',
  },
  {
    description: 'palette token',
    input: 'palette-primary-c300',
    expected: '#d1dff9',
  },
  {
    description: 'color token',
    input: 'color-border-active',
    expected: '#6666FF',
  },
  {
    description: 'color token',
    input: 'color-background-periwinkle',
    expected: '#d1dff9',
  },
  {
    description: 'color token',
    input: 'color-border-periwinkle',
    expected: '#d1dff9',
  },
  {
    description: 'size token',
    input: 'fontsize-s64',
    expected: '4rem',
  },
  {
    description: 'space token',
    input: 'space-s025',
    expected: '1px',
  },
  {
    description: 'elevation token 1',
    input: 'elevation-border-width',
    expected: '2px',
  },
  {
    description: 'elevation token 2',
    input: 'elevation-border-width-small',
    expected: '1px',
  },
  {
    description: 'elevation token 3',
    input: 'elevation-border-radius',
    expected: '4px',
  },
  {
    description: 'elevation token 4',
    input: 'elevation-border-radius-large',
    expected: '8px',
  },
  {
    description: 'elevation token 5',
    input: 'elevation-surface',
    expected: '0',
  },
  {
    description: 'elevation token 6',
    input: 'elevation-surface-sunken',
    expected: '-100',
  },
  {
    description: 'complicated elevation token',
    input: 'elevation-shadow',
    expected: '0 0 4px 0 #aeadc3',
  },
]

describe('token', () => {
  testCases.forEach(({ description, input, expected }) => {
    test(description, () => {
      // case insensitive
      const result = token(input).toLowerCase()
      expect(result).toEqual(expected.toLowerCase())
    })
  })
})