@framebridge/basscss/test/type-scale.spec.js

Low-level CSS toolkit

import addElement from './util/add-element'

describe('type-scale', () => {

  const p = addElement('p')

  it('should set .h1 font-size', () => {
    p.className = 'h1'
    expect(p.computedStyle.fontSize).to.equal('32px')
  })

  it('should set .h2 font-size', () => {
    p.className = 'h2'
    expect(p.computedStyle.fontSize).to.equal('24px')
  })

  it('should set .h3 font-size', () => {
    p.className = 'h3'
    expect(p.computedStyle.fontSize).to.equal('20px')
  })

  it('should set .h4 font-size', () => {
    p.className = 'h4'
    expect(p.computedStyle.fontSize).to.equal('16px')
  })

  it('should set .h5 font-size', () => {
    p.className = 'h5'
    expect(p.computedStyle.fontSize).to.equal('14px')
  })

  it('should set .h6 font-size', () => {
    p.className = 'h6'
    expect(p.computedStyle.fontSize).to.equal('12px')
  })

})