pleroma-fe

theme_data3.spec.js (4608B)

// import { topoSort } from 'src/services/theme_data/theme_data.service.js'
import {
  getAllPossibleCombinations
} from 'src/services/theme_data/iss_utils.js'
import {
  init
} from 'src/services/theme_data/theme_data_3.service.js'
import {
  basePaletteKeys
} from 'src/services/theme_data/theme2_to_theme3.js'
describe('Theme Data 3', () => {
  describe('getAllPossibleCombinations', () => {
    it('test simple 3 values case', () => {
      const out = getAllPossibleCombinations([1, 2, 3]).map(x => x.sort((a, b) => a - b))
      expect(out).to.eql([
        [1], [2], [3],
        [1, 2], [1, 3], [2, 3],
        [1, 2, 3]
      ])
    })
    it('test simple 4 values case', () => {
      const out = getAllPossibleCombinations([1, 2, 3, 4]).map(x => x.sort((a, b) => a - b))
      expect(out).to.eql([
        [1], [2], [3], [4],
        [1, 2], [1, 3], [1, 4], [2, 3], [2, 4], [3, 4],
        [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4],
        [1, 2, 3, 4]
      ])
    })
    it('test massive 5 values case, using strings', () => {
      const out = getAllPossibleCombinations(['a', 'b', 'c', 'd', 'e']).map(x => x.sort((a, b) => a - b))
      expect(out).to.eql([
        // 1
        ['a'], ['b'], ['c'], ['d'], ['e'],
        // 2
        ['a', 'b'], ['a', 'c'], ['a', 'd'], ['a', 'e'],
        ['b', 'c'], ['b', 'd'], ['b', 'e'],
        ['c', 'd'], ['c', 'e'],
        ['d', 'e'],
        // 3
        ['a', 'b', 'c'], ['a', 'b', 'd'], ['a', 'b', 'e'],
        ['a', 'c', 'd'], ['a', 'c', 'e'],
        ['a', 'd', 'e'],
        ['b', 'c', 'd'], ['b', 'c', 'e'],
        ['b', 'd', 'e'],
        ['c', 'd', 'e'],
        // 4
        ['a', 'b', 'c', 'd'], ['a', 'b', 'c', 'e'],
        ['a', 'b', 'd', 'e'],
        ['a', 'c', 'd', 'e'],
        ['b', 'c', 'd', 'e'],
        // 5
        ['a', 'b', 'c', 'd', 'e']
      ])
    })
  })
  describe('init', function () {
    this.timeout(5000)
    it('Test initialization without anything', () => {
      const out = init([], '#DEADAF')
      expect(out).to.have.property('eager')
      expect(out).to.have.property('lazy')
      expect(out).to.have.property('staticVars')
      expect(out.lazy).to.be.an('array')
      expect(out.lazy).to.have.lengthOf.above(1)
      expect(out.eager).to.be.an('array')
      expect(out.eager).to.have.lengthOf.above(1)
      expect(out.staticVars).to.be.an('object')
      // check backwards compat/generic stuff
      basePaletteKeys.forEach(key => {
        expect(out.staticVars).to.have.property(key)
      })
    })
    it('Test initialization with a basic palette', () => {
      const out = init([{
        component: 'Root',
        directives: {
          '--bg': 'color | #008080',
          '--fg': 'color | #00C0A0'
        }
      }], '#DEADAF')
      expect(out.staticVars).to.have.property('bg').equal('#008080')
      expect(out.staticVars).to.have.property('fg').equal('#00C0A0')
      const panelRule = out.eager.filter(x => {
        if (x.component !== 'Panel') return false
        return true
      })[0]
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked', { r: 0, g: 128, b: 128 })
    })
    it('Test initialization with opacity', () => {
      const out = init([{
        component: 'Root',
        directives: {
          '--bg': 'color | #008080'
        }
      }, {
        component: 'Panel',
        directives: {
          opacity: 0.5
        }
      }], '#DEADAF')
      expect(out.staticVars).to.have.property('bg').equal('#008080')
      const panelRule = out.eager.filter(x => {
        if (x.component !== 'Panel') return false
        return true
      })[0]
      expect(panelRule).to.have.nested.deep.property('dynamicVars.background', { r: 0, g: 128, b: 128, a: 0.5 })
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked')
      // Somewhat incorrect since we don't do gamma correction
      // real expectancy should be this:
      /*
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.r').that.is.closeTo(147.0, 0.01)
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.g').that.is.closeTo(143.2, 0.01)
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.b').that.is.closeTo(144.0, 0.01)
      */
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.r').that.is.closeTo(88.8, 0.01)
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.g').that.is.closeTo(133.2, 0.01)
      expect(panelRule).to.have.nested.deep.property('dynamicVars.stacked.b').that.is.closeTo(134, 0.01)
    })
  })
})