falcon-styler/test/shorthand-parser.spec.js

Falcon <style> transformer

var chai = require('chai')
var sinon = require('sinon')
var sinonChai = require('sinon-chai')
var expect = chai.expect
chai.use(sinonChai)

var shorthandParser = require('../lib/shorthand-parser')

describe('shorthand-parser', function () {
  it('parse transition', function () {
    var declarations = [
      {
        type: 'declaration',
        property: 'transition',
        value: 'margin-top 500ms ease-in-out 1s',
        position: {}
      }
    ]
    var result = shorthandParser(declarations)
    expect(result).eql([
      {
        type: 'declaration',
        property: 'transition-property',
        value: 'margin-top',
        position: {}
      },
      {
        type: 'declaration',
        property: 'transition-duration',
        value: '500ms',
        position: {}
      },
      {
        type: 'declaration',
        property: 'transition-timing-function',
        value: 'ease-in-out',
        position: {}
      },
      {
        type: 'declaration',
        property: 'transition-delay',
        value: '1s',
        position: {}
      }
    ])
  })

  it('parse margin', function () {
    var declarations = [
      {
        type: 'declaration',
        property: 'margin',
        value: '1px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin',
        value: '21px 22px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin',
        value: '31px 32px 33px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin',
        value: '41px 42px 43px 44px',
        position: {}
      }
    ]
    var result = shorthandParser(declarations)
    expect(result).eql([
      {
        type: 'declaration',
        property: 'margin-top',
        value: '1px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-right',
        value: '1px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-bottom',
        value: '1px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-left',
        value: '1px',
        position: {}
      },

      {
        type: 'declaration',
        property: 'margin-top',
        value: '21px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-right',
        value: '22px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-bottom',
        value: '21px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-left',
        value: '22px',
        position: {}
      },

      {
        type: 'declaration',
        property: 'margin-top',
        value: '31px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-right',
        value: '32px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-bottom',
        value: '33px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-left',
        value: '32px',
        position: {}
      },

      {
        type: 'declaration',
        property: 'margin-top',
        value: '41px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-right',
        value: '42px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-bottom',
        value: '43px',
        position: {}
      },
      {
        type: 'declaration',
        property: 'margin-left',
        value: '44px',
        position: {}
      }
    ])
  })
})