tailwindcss/__tests__/plugins/letterSpacing.test.js at array-config-support · anuwatavis/tailwindcss · GitHub

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
import _ from 'lodash'
import escapeClassName from '../../src/util/escapeClassName'
import plugin from '../../src/plugins/letterSpacing'

test('letter spacing can use negative prefix syntax', () => {
  const addedUtilities = []

  const config = {
    theme: {
      letterSpacing: {
        '-1': '-0.025em',
        '1': '0.025em',
      },
    },
    variants: {
      letterSpacing: ['responsive'],
    },
  }

  const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
  const pluginApi = {
    config: getConfigValue,
    e: escapeClassName,
    theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
    variants: (path, defaultValue) => {
      if (_.isArray(config.variants)) {
        return config.variants
      }

      return getConfigValue(`variants.${path}`, defaultValue)
    },
    addUtilities(utilities, variants) {
      addedUtilities.push({
        utilities,
        variants,
      })
    },
  }

  plugin()(pluginApi)

  expect(addedUtilities).toEqual([
    {
      utilities: {
        '.-tracking-1': { 'letter-spacing': '-0.025em' },
        '.tracking-1': { 'letter-spacing': '0.025em' },
      },
      variants: ['responsive'],
    },
  ])
})