1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- module.exports = [
- {
- 'should': 'Should mirror position (keywords only)',
- 'expected': 'div {background-position:top left, right bottom}',
- 'input': 'div {background-position:top right, left bottom}',
- 'reversable': true
- },
- {
- 'should': 'Should ignore mirroring invalid position',
- 'expected': 'div {background-position:25% left, right 25%;}',
- 'input': 'div {background-position:75% left, left 25%;}',
- 'reversable': true
- },
- {
- 'should': 'Should complement percentage horizontal position ',
- 'expected': 'div {background-position:100% 75%;}',
- 'input': 'div {background-position:0 75%;}',
- 'reversable': false
- },
- {
- 'should': 'Should complement percentage horizontal position with calc',
- 'expected': 'div {background-position:calc(100% - (30% + 50px)) 75%;}',
- 'input': 'div {background-position:calc(30% + 50px) 75%;}',
- 'reversable': false
- },
- {
- 'should': 'Should complement percentage horizontal position ',
- 'expected': 'div {background-position:81.25% 75%, 10.75% top;}',
- 'input': 'div {background-position:18.75% 75%, 89.25% top;}',
- 'reversable': true
- },
- {
- 'should': 'Should complement percentage horizontal position with calc',
- 'expected': 'div {background-position:calc(100% - (30% + 50px)) calc(30% + 50px), 10.75% top;}',
- 'input': 'div {background-position:calc(30% + 50px) calc(30% + 50px), 89.25% top;}',
- 'reversable': false
- },
- {
- 'should': 'Should mirror background-position',
- 'expected': 'div {background-position:right 75%, left top;}',
- 'input': 'div {background-position:left 75%, right top;}',
- 'reversable': true
- },
- {
- 'should': 'Should mirror background-position (calc)',
- 'expected': 'div {background-position:right -ms-calc(30% + 50px), left top;}',
- 'input': 'div {background-position:left -ms-calc(30% + 50px), right top;}',
- 'reversable': true
- },
- {
- 'should': 'Should complement percentage: position-x (treat 0 as 0%)',
- 'expected': 'div {background-position-x:100%, 0%;}',
- 'input': 'div {background-position-x:0, 100%;}',
- 'reversable': false
- },
- {
- 'should': 'Should complement percentage: position-x',
- 'expected': 'div {background-position-x:81.75%, 11%;}',
- 'input': 'div {background-position-x:18.25%, 89%;}',
- 'reversable': true
- },
- {
- 'should': 'Should complement percentage with calc: position-x',
- 'expected': 'div {background-position-x:calc(100% - (30% + 50px)), -webkit-calc(100% - (30% + 50px));}',
- 'input': 'div {background-position-x:calc(30% + 50px), -webkit-calc(30% + 50px);}',
- 'reversable': false
- },
- {
- 'should': 'Should mirror position-x',
- 'expected': 'div {background-position-x:right, left;}',
- 'input': 'div {background-position-x:left, right;}',
- 'reversable': true
- },
- {
- 'should': 'Should mirror position-x (calc)',
- 'expected': 'div {background-position-x:calc(100% - (30% + 50px)), calc(100% - (50px * 5));}',
- 'input': 'div {background-position-x:calc(30% + 50px), calc(50px * 5);}',
- 'reversable': false
- },
- {
- 'should': 'Should keep as is: position-x',
- 'expected': 'div {background-position-x:100px, 0px;}',
- 'input': 'div {background-position-x:100px, 0px;}',
- 'reversable': true
- },
- {
- 'should': 'Should mirror background-position edge offsets (4 values)',
- 'expected': 'div {background-position: left 5px bottom 5px, bottom 15px right 15px;}',
- 'input': 'div {background-position: right 5px bottom 5px, bottom 15px left 15px;}',
- 'reversable': true
- },
- {
- 'should': 'Should mirror background-position edge offsets (3 values)',
- 'expected': 'div {background-position: left 5px bottom, top 15px right;}',
- 'input': 'div {background-position: right 5px bottom, top 15px left;}',
- 'reversable': true
- }
- ]
|