v-tooltip/src/utils.spec.js

Easy tooltips with Vue 2.x

import * as Utils from './utils'

// Fix jsdom
global.SVGElement = global.Element

describe('convertToArray', () => {
  test('one item', () => {
    const text = 'foo'
    const result = Utils.convertToArray(text)
    expect(result).toEqual(['foo'])
  })

  test('multiple items', () => {
    const text = 'foo bar meow'
    const result = Utils.convertToArray(text)
    expect(result).toEqual(['foo', 'bar', 'meow'])
  })

  test('empty string', () => {
    const text = ''
    const result = Utils.convertToArray(text)
    expect(result).toEqual([''])
  })

  test('something else', () => {
    const text = ['foo']
    const result = Utils.convertToArray(text)
    expect(result).toEqual(['foo'])
  })
})

describe('addClasses', () => {
  test('zero to one class', () => {
    const el = { className: '' }
    const text = 'foo'
    Utils.addClasses(el, text)
    expect(el.className).toBe(' foo')
  })

  test('zero to many classes', () => {
    const el = { className: '' }
    const text = 'foo bar meow'
    Utils.addClasses(el, text)
    expect(el.className).toBe(' foo bar meow')
  })

  test('one to two classes', () => {
    const el = { className: 'hey' }
    const text = 'foo'
    Utils.addClasses(el, text)
    expect(el.className).toBe('hey foo')
  })

  test('one to many classes', () => {
    const el = { className: 'hey' }
    const text = 'foo bar meow'
    Utils.addClasses(el, text)
    expect(el.className).toBe('hey foo bar meow')
  })

  test('dedupe', () => {
    const el = { className: 'foo' }
    const text = 'foo bar meow'
    Utils.addClasses(el, text)
    expect(el.className).toBe('foo bar meow')
  })
})

describe('removeClasses', () => {
  test('one: remove one', () => {
    const el = { className: 'foo' }
    const text = 'foo'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('')
  })

  test('two: remove one', () => {
    const el = { className: 'foo bar' }
    const text = 'foo'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('bar')
  })

  test('two: remove two', () => {
    const el = { className: 'foo bar' }
    const text = 'foo bar'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('')
  })

  test('three: remove two', () => {
    const el = { className: 'foo meow bar' }
    const text = 'foo bar'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('meow')
  })

  test('empty', () => {
    const el = { className: '' }
    const text = 'foo bar'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('')
  })

  test('not present', () => {
    const el = { className: 'foo bar' }
    const text = 'meow'
    Utils.removeClasses(el, text)
    expect(el.className).toBe('foo bar')
  })
})