0cbffd6dc6
This moves resolving of the config from the pattern constructor to the init() method. The idea is that adding a part to a pattern is exactly the same as adding a part to a design. In other words, late-stage adding of parts would be no different as the config gets resolved after that. This is currently broken in many different ways, but the unit tests particular to this new way of resolving the config do pass.
76 lines
2.4 KiB
JavaScript
76 lines
2.4 KiB
JavaScript
import chai from 'chai'
|
|
import { Point } from '../src/index.mjs'
|
|
|
|
const expect = chai.expect
|
|
|
|
const newAttr = () => new Point(0, 0).attributes
|
|
|
|
const a = newAttr()
|
|
|
|
describe('Attributes', () => {
|
|
it('Should set an attribute', () => {
|
|
a.set('hold', 'me')
|
|
expect(a.get('hold')).to.equal('me')
|
|
})
|
|
|
|
it('Should remove an attribute', () => {
|
|
a.remove('hold')
|
|
expect(a.get('hold')).to.equal(false)
|
|
})
|
|
|
|
it('Should only set an unset attribute', () => {
|
|
a.setIfUnset('hold', 'me')
|
|
expect(a.get('hold')).to.equal('me')
|
|
a.setIfUnset('hold', 'thatDudeOverThere')
|
|
expect(a.get('hold')).to.equal('me')
|
|
})
|
|
|
|
it('Should return false when getting an unset attribute', () => {
|
|
let a = newAttr()
|
|
expect(a.get('test')).to.equal(false)
|
|
})
|
|
|
|
it('Should render attributes correctly', () => {
|
|
let a = newAttr().set('class', 'test').add('class', 'render').set('transform', 'scale(1)')
|
|
expect(a.render()).to.equal(' class="test render" transform="scale(1)"')
|
|
})
|
|
|
|
it('Should render attributes with given prefix only', () => {
|
|
let a = newAttr()
|
|
.set('class', 'test')
|
|
.add('class', 'render')
|
|
.add('data-text', 'foo')
|
|
.add('data-text', 'bar')
|
|
.add('data-mode', 'test')
|
|
.set('transform', 'scale(1)')
|
|
expect(a.renderIfPrefixIs('data-')).to.equal(' text="foo bar" mode="test"')
|
|
})
|
|
|
|
it('Should return attributes as array', () => {
|
|
let a = newAttr().set('class', 'test').add('class', 'render')
|
|
expect(JSON.stringify(a.getAsArray('class'))).to.equal(JSON.stringify(['test', 'render']))
|
|
expect(a.getAsArray('nope')).to.equal(false)
|
|
})
|
|
|
|
it('Should render attributes as CSS', () => {
|
|
let a = newAttr().set('line-height', 1.2).add('border', '1px solid red')
|
|
expect(a.renderAsCss()).to.equal(' line-height:1.2; border:1px solid red;')
|
|
})
|
|
|
|
it('Should return attributes as props and filter a prefix', () => {
|
|
const a = newAttr()
|
|
.set('line-height', 1.2)
|
|
.add('border', '1px solid red')
|
|
.set('data-text', 'This is a test')
|
|
.set('data-text-class', 'center')
|
|
const props = a.asPropsIfPrefixIs('data-')
|
|
expect(props.text).to.equal('This is a test')
|
|
expect(props['text-class']).to.equal('center')
|
|
})
|
|
|
|
it('Should return attributes as props and handle special class case', () => {
|
|
const a = newAttr().set('class', 'fabric')
|
|
const props = a.asPropsIfPrefixIs('')
|
|
expect(props.className).to.equal('fabric')
|
|
})
|
|
})
|