<?php

namespace MoodleHQ\RTLCSS;

use Sabberworm\CSS\Parser;
use Sabberworm\CSS\OutputFormat;

class RTLCSSTest extends \PHPUnit\Framework\TestCase {

    public function backgroundImageProvider() {
        return [
            [[
                'should' => 'Should process string map in url (processUrls:true)',
                'expected' => 'div { background-image: url(images/rtl.png), url(images/right.png);}',
                'input'    => 'div { background-image: url(images/ltr.png), url(images/left.png);}',
                'reversable' => true,
                'options' => [ 'processUrls' => true ],
                'skip' => true
            ]],
            [[
                'should' => 'Should not negate color value for linear gradient',
                'expected' => 'div { background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, #ff8 100%);}',
                'input'    => 'div { background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, #ff8 100%);}',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should not negate color value for linear gradient with calc',
                'expected' => 'div { background-image: linear-gradient(rgba(255, 255, calc((125 * 2) + 5), 0.3) 0%, #ff8 100%);}',
                'input'    => 'div { background-image: linear-gradient(rgba(255, 255, calc((125 * 2) + 5), 0.3) 0%, #ff8 100%);}',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should negate angle value for linear gradient',
                'expected' => 'div { background-image: linear-gradient(13.25deg, rgba(255, 255, 255, .15) 25%, transparent 25%);}',
                'input'    => 'div { background-image: linear-gradient(-13.25deg, rgba(255, 255, 255, .15) 25%, transparent 25%);}',
                'reversable' => true,
                'skip' => true
            ]]
        ];
    }

    public function backgroundPositionProvider() {
        return [
            [[
                '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,
                'skip' => true
            ]],
            [[
                '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,
                'skip' => 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,
                'skip' => true
            ]],
            [[
                'should' => 'Should swap left with right',
                'expected' => 'div {background-position:right 75%, left top;}',
                'input' => 'div {background-position:left 75%, right top;}',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should swap left with right wit 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,
                'skip' => 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,
                'skip' => true
            ]],
            [[
                'should' => 'Should swap left with right: position-x',
                'expected' => 'div {background-position-x:right, left;}',
                'input' => 'div {background-position-x:left, right;}',
                'reversable' => true
            ]],
            [[
                '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 flip when using 3 positions',
                'expected' => 'div {background-position:center right 1px;}',
                'input' => 'div {background-position:center left 1px;}',
                'reversable' => true
            ]],
            [[
                'should' => 'Should flip when using 4 positions',
                'expected' => 'div {background-position:center 2px right 1px;}',
                'input' => 'div {background-position:center 2px left 1px;}',
                'reversable' => true
            ]],
            [[
                'should' => 'Should flip when using 4 positions mixed',
                'expected' => 'div {background-position:right 2px bottom 1px;}',
                'input' => 'div {background-position:left 2px bottom 1px;}',
                'reversable' => true
            ]]
        ];
    }

    public function backgroundProvider() {
        return [
            [[
                'should' => 'Should treat 0 as 0%',
                'expected' => '.banner { background: 100% top url("topbanner.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 0 top url("topbanner.png") #00d repeat-y fixed; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should complement percentage horizontal position',
                'expected' => '.banner { background: 81% top url("topbanner.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 19% top url("topbanner.png") #00d repeat-y fixed; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should complement calc horizontal position',
                'expected' => '.banner { background: calc(100% - (19% + 2px)) top url(topbanner.png) #00d repeat-y fixed; }',
                'input' => '.banner { background: calc(19% + 2px) top url(topbanner.png) #00d repeat-y fixed; }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror keyword horizontal position',
                'expected' => '.banner { background: right top url("topbanner.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: left top url("topbanner.png") #00d repeat-y fixed; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should not process string map in url (default)',
                'expected' => '.banner { background: 10px top url("ltr-top-right-banner.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url("ltr-top-right-banner.png") #00d repeat-y fixed; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should process string map in url (processUrls:true)',
                'expected' => '.banner { background: 10px top url(rtl-top-left-banner.png) #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url(ltr-top-right-banner.png) #00d repeat-y fixed; }',
                'reversable' => true,
                'options' => [ 'processUrls' => true ],
                'skip' => true
            ]],
            [[
                'should' => 'Should process string map in url (processUrls:{decl:true})',
                'expected' => '.banner { background: 10px top url(rtl-top-left-banner.png) #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url(ltr-top-right-banner.png) #00d repeat-y fixed; }',
                'reversable' => true,
                'options' => [ 'processUrls' => [ 'decl' => true ] ],
                'skip' => true
            ]],
            [[
                'should' => 'Should not process string map in url (processUrls:{atrule:true})',
                'expected' => '.banner { background: 10px top url("ltr-top-right-banner.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url("ltr-top-right-banner.png") #00d repeat-y fixed; }',
                'reversable' => true,
                'options' => [ 'processUrls' => [ 'atrule' => true ] ]
            ]],
            [[
                'should' => 'Should not swap bright:bleft, ultra:urtla',
                'expected' => '.banner { background: 10px top url("ultra/bright.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url("ultra/bright.png") #00d repeat-y fixed; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should swap bright:bleft, ultra:urtla (processUrls: true, greedy)',
                'expected' => '.banner { background: 10px top url("urtla/bleft.png") #00d repeat-y fixed; }',
                'input' => '.banner { background: 10px top url("ultra/bright.png") #00d repeat-y fixed; }',
                'reversable' => true,
                'options' => [ 'processUrls' => true, 'greedy' => true ],
                'skip' => true
            ]],
            [[
                'should' => 'Should not flip hex colors ',
                'expected' => '.banner { background: #ff0; }',
                'input' => '.banner { background: #ff0; }',
                'reversable' => true
            ]]
        ];
    }

    public function directivesProvider() {
        return [
            [[
                'should' => 'Should ignore flipping - rule level (default)',
                'expected' => 'div {left:10px;text-align:right;}',
                'input' => '/*rtl:ignore*/div { left:10px; text-align:right;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should ignore flipping - rule level (!important comment)',
                'expected' => 'div {left:10px;text-align:right;}',
                'input' => '/*!rtl:ignore*/div { left:10px; text-align:right;}',
                'reversable' => false,
            ]],
            [[
                'should' => 'Should ignore flipping - decl. level (default)',
                'expected' => 'div {left:10px;text-align:left;}',
                'input' => 'div {left:10px/*rtl:ignore*/;text-align:right;}',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should add raw css rules',
                'expected' => 'div {left:10px;text-align:right;} a {display:block;}',
                'input' => '/*rtl:raw: div { left:10px;text-align:right;}*/ a {display:block;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should add raw css declarations',
                'expected' => 'div {font-family:"Droid Kufi Arabic";right:10px;text-align:left;}',
                'input' => 'div { /*rtl:raw: font-family: "Droid Kufi Arabic";*/ left:10px;text-align:right;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should support block-style',
                'expected' => 'div {left:10px;text-align:right;}',
                'input' => ' div {/*rtl:begin:ignore*/left:10px;/*rtl:end:ignore*/ text-align:left;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should support none block-style',
                'expected' => 'div {left:10px;text-align:left;}',
                'input' => ' /*rtl:ignore*/div {left:10px; text-align:left;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should remove rules (block-style)',
                'expected' => 'b {float:right;}',
                'input' => ' /*rtl:begin:remove*/div {left:10px; text-align:left;} a { display:block;} /*rtl:end:remove*/ b{float:left;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should remove rules',
                'expected' => 'a {display:block;} b {float:right;}',
                'input' => ' /*rtl:remove*/div {left:10px; text-align:left;} a { display:block;} b{float:left;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should remove declarations',
                'expected' => 'div {text-align:right;}',
                'input' => 'div {/*rtl:remove*/left:10px; text-align:left;}',
                'reversable' => false
            ]],
            [[
                'should' => 'Should remove declarations (block-style)',
                'expected' => 'div {display:inline;}',
                'input' => 'div {/*rtl:begin:remove*/left:10px; text-align:left;/*rtl:end:remove*/ display:inline;}',
                'reversable' => false
            ]]
        ];
    }

    public function propertiesProvider() {
        return [
            [[
                'should' => 'Should mirror property name: border-top-right-radius',
                'expected' => 'div { border-top-left-radius:15px; }',
                'input' => 'div { border-top-right-radius:15px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: border-bottom-right-radius',
                'expected' => 'div { border-bottom-left-radius:15px; }',
                'input' => 'div { border-bottom-right-radius:15px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: border-left',
                'expected' => 'div { border-right:1px solid black; }',
                'input' => 'div { border-left:1px solid black; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: border-left-color',
                'expected' => 'div { border-right-color:black; }',
                'input' => 'div { border-left-color:black; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: border-left-style',
                'expected' => 'div { border-right-style:solid; }',
                'input' => 'div { border-left-style:solid; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: border-left-width',
                'expected' => 'div { border-right-width:1em; }',
                'input' => 'div { border-left-width:1em; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: left',
                'expected' => 'div { right:auto; }',
                'input' => 'div { left:auto; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: margin-left',
                'expected' => 'div { margin-right:2em; }',
                'input' => 'div { margin-left:2em; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property name: padding-left',
                'expected' => 'div { padding-right:2em; }',
                'input' => 'div { padding-left:2em; }',
                'reversable' => true
            ]]
        ];
    }

    public function specialProvider() {
        return [
            [[
                'should' => 'Should not negate tokens',
                'expected' => 'div { box-shadow: rgba(0, 128, 128, .98) inset -5em 1em 0;}',
                'input' => 'div { box-shadow: rgba(0, 128, 128, .98) inset 5em 1em 0;}',
                'reversable' => true,
                'skip' => true,
            ]]
        ];
    }

    public function transformOriginProvider() {
        return [
            [[
                'should' => 'Should mirror (x-offset: 0 means 0%)',
                'expected' => 'div { transform-origin:100%; }',
                'input' => 'div { transform-origin:0; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should mirror (x-offset)',
                'expected' => 'div { transform-origin:90.25%; }',
                'input' => 'div { transform-origin:9.75%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror calc (x-offset)',
                'expected' => 'div { transform-origin: -moz-calc(100% - (((25%/2) * 10px))); }',
                'input' => 'div { transform-origin: -moz-calc(((25%/2) * 10px)); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should not mirror (x-offset: not percent, not calc)',
                'expected' => 'div { transform-origin:10.75px; }',
                'input' => 'div { transform-origin:10.75px; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should mirror (offset-keyword)',
                'expected' => 'div { transform-origin:right; }',
                'input' => 'div { transform-origin:left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset y-offset: 0 means 0%)',
                'expected' => 'div { transform-origin:100% 0; }',
                'input' => 'div { transform-origin:0 0; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should mirror with y being calc (x-offset y-offset: 0 means 0%)',
                'expected' => 'div { transform-origin:100% -webkit-calc(15% * (3/2)); }',
                'input' => 'div { transform-origin:0 -webkit-calc(15% * (3/2)); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror percent (x-offset y-offset)',
                'expected' => 'div { transform-origin:30.25% 10%; }',
                'input' => 'div { transform-origin:69.75% 10%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror with x being calc (x-offset y-offset)',
                'expected' => 'div { transform-origin: -webkit-calc(100% - (15% * (3/2))) 30.25%; }',
                'input' => 'div { transform-origin: -webkit-calc(15% * (3/2)) 30.25%; }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror with y being calc (x-offset y-offset)',
                'expected' => 'div { transform-origin:30.25% calc(15% * (3/2)); }',
                'input' => 'div { transform-origin:69.75% calc(15% * (3/2)); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror (y-offset x-offset-keyword)',
                'expected' => 'div { transform-origin:70% right; }',
                'input' => 'div { transform-origin:70% left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror with calc (y-offset x-offset-keyword)',
                'expected' => 'div { transform-origin:-ms-calc(140%/2) right; }',
                'input' => 'div { transform-origin:-ms-calc(140%/2) left; }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset-keyword y-offset)',
                'expected' => 'div { transform-origin:right 70%; }',
                'input' => 'div { transform-origin:left 70%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror with calc (x-offset-keyword y-offset)',
                'expected' => 'div { transform-origin:right -moz-calc(((140%/2))); }',
                'input' => 'div { transform-origin:left -moz-calc(((140%/2))); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror (y-offset-keyword x-offset)',
                'expected' => 'div { transform-origin:top 30.25%; }',
                'input' => 'div { transform-origin:top 69.75%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should not mirror with x being calc (y-offset-keyword x-offset)',
                'expected' => 'div { transform-origin:top calc(100% - (((140%/2)))); }',
                'input' => 'div { transform-origin:top calc(((140%/2))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset-keyword y-offset-keyword)',
                'expected' => 'div { transform-origin:right top; }',
                'input' => 'div { transform-origin:left top; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (y-offset-keyword x-offset-keyword)',
                'expected' => 'div { transform-origin:top right; }',
                'input' => 'div { transform-origin:top left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset y-offset z-offset)',
                'expected' => 'div { transform-origin:80.25% 30% 10%; }',
                'input' => 'div { transform-origin:19.75% 30% 10%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror with x being calc (x-offset y-offset z-offset)',
                'expected' => 'div { transform-origin: calc(100% - (25% * 3 + 20px)) 30% 10%; }',
                'input' => 'div { transform-origin: calc(25% * 3 + 20px) 30% 10%; }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror (y-offset x-offset-keyword z-offset)',
                'expected' => 'div { transform-origin:20% right 10%; }',
                'input' => 'div { transform-origin:20% left 10%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset-keyword y-offset z-offset)',
                'expected' => 'div { transform-origin:left 20% 10%; }',
                'input' => 'div { transform-origin:right 20% 10%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (x-offset-keyword y-offset-keyword z-offset)',
                'expected' => 'div { transform-origin:left bottom 10%; }',
                'input' => 'div { transform-origin:right bottom 10%; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror (y-offset-keyword x-offset-keyword z-offset)',
                'expected' => 'div { transform-origin:bottom left 10%; }',
                'input' => 'div { transform-origin:bottom right 10%; }',
                'reversable' => true
            ]]
        ];
    }

    public function transformsProvider() {
        return [
            [[
                'should' => 'Should mirror transform : matrix',
                'expected' => 'div { transform: matrix(2, 0.1, 20.75, 2, 2, 2); }',
                'input' => 'div { transform: matrix(2, -0.1, -20.75, 2, -2, 2); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): matrix',
                'expected' => 'div { transform: matrix(2, 0.1, 0.75, 2, 2, 2); }',
                'input' => 'div { transform: matrix(2, -0.1, -.75, 2, -2, 2); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: matrix',
                'expected' => 'div { transform: matrix( -moz-calc(((25%/2) * 10px)), calc(-1*(((25%/2) * 10px))), 20.75, 2, 2, 2 ); }',
                'input' => 'div { transform: matrix( -moz-calc(((25%/2) * 10px)), calc(((25%/2) * 10px)), -20.75, 2, -2, 2 ); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : matrix3d',
                'expected' => 'div { transform:matrix3d(0.227114470162179, 0.127248412323519, 0, 0.000811630714323203, 0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, -165, 67, 0, 1); }',
                'input' => 'div { transform:matrix3d(0.227114470162179, -0.127248412323519, 0, -0.000811630714323203, -0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, 165, 67, 0, 1); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): matrix3d',
                'expected' => 'div { transform:matrix3d(0.227114470162179, 0.127248412323519, 0, 0.000811630714323203, 0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, -165, 67, 0, 1); }',
                'input' => 'div { transform:matrix3d(0.227114470162179, -.127248412323519, 0, -0.000811630714323203, -0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, 165, 67, 0, 1); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc : matrix3d',
                'expected' => 'div { transform:matrix3d(0.227114470162179, 0.127248412323519, 0, 0.000811630714323203, 0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, calc(-1*(((25%/2) * 10px))), 67, 0, 1); }',
                'input' => 'div { transform:matrix3d(0.227114470162179, -0.127248412323519, 0, -0.000811630714323203, -0.113139853456515, 1.53997196559414, 0, 0.000596368270149729, 0, 0, 1, 0, calc(((25%/2) * 10px)), 67, 0, 1); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : translate',
                'expected' => 'div { transform: translate(-10.75px); }',
                'input' => 'div { transform: translate(10.75px); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): translate',
                'expected' => 'div { transform: translate(-0.75px); }',
                'input' => 'div { transform: translate(.75px); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: translate',
                'expected' => 'div { transform: translate(-moz-calc(-1*(((25%/2) * 10px)))); }',
                'input' => 'div { transform: translate(-moz-calc(((25%/2) * 10px))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : translateX',
                'expected' => 'div { transform: translateX(-50.25px); }',
                'input' => 'div { transform: translateX(50.25px); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): translateX',
                'expected' => 'div { transform: translateX(-0.25px); }',
                'input' => 'div { transform: translateX(.25px); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc : translateX',
                'expected' => 'div { transform: translateX(-ms-calc(-1*(((25%/2) * 10px))))); }',
                'input' => 'div { transform: translateX(-ms-calc(((25%/2) * 10px)))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : translate3d',
                'expected' => 'div { transform: translate3d(-12.75px, 50%, 3em); }',
                'input' => 'div { transform: translate3d(12.75px, 50%, 3em); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): translate3d',
                'expected' => 'div { transform: translate3d(-0.75px, 50%, 3em); }',
                'input' => 'div { transform: translate3d(.75px, 50%, 3em); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: translate3d',
                'expected' => 'div { transform: translate3d(-webkit-calc(-1*(((25%/2) * 10px))))), 50%, calc(((25%/2) * 10px))))); }',
                'input' => 'div { transform: translate3d(-webkit-calc(((25%/2) * 10px)))), 50%, calc(((25%/2) * 10px))))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : rotate',
                'expected' => 'div { transform: rotate(-20.75deg); }',
                'input' => 'div { transform: rotate(20.75deg); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): rotate',
                'expected' => 'div { transform: rotate(-0.75deg); }',
                'input' => 'div { transform: rotate(.75deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: rotate',
                'expected' => 'div { transform: rotate(calc(-1*(((25%/2) * 10deg)))); }',
                'input' => 'div { transform: rotate(calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : rotate3d',
                'expected' => 'div { transform: rotate3d(10, -20.15, 10, -45.14deg); }',
                'input' => 'div { transform: rotate3d(10, 20.15, 10, 45.14deg); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): rotate3d',
                'expected' => 'div { transform: rotate3d(10, -20, 10, -0.14deg); }',
                'input' => 'div { transform: rotate3d(10, 20, 10, .14deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: rotate3d',
                'expected' => 'div { transform: rotate3d(10, -20.15, 10, calc(-1*(((25%/2) * 10deg)))); }',
                'input' => 'div { transform: rotate3d(10, 20.15, 10, calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should not mirror transform : rotateX',
                'expected' => 'div { transform: rotateX(45deg); }',
                'input' => 'div { transform: rotateX(45deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should not mirror transform with calc: rotateX',
                'expected' => 'div { transform: rotateX(calc(((25%/2) * 10deg))); }',
                'input' => 'div { transform: rotateX(calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should not mirror transform : rotateY',
                'expected' => 'div { transform: rotateY(45deg); }',
                'input' => 'div { transform: rotateY(45deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should not mirror transform with calc: rotateY',
                'expected' => 'div { transform: rotateY(calc(((25%/2) * 10deg))); }',
                'input' => 'div { transform: rotateY(calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : rotateZ',
                'expected' => 'div { transform: rotateZ(-45.75deg); }',
                'input' => 'div { transform: rotateZ(45.75deg); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): rotateZ',
                'expected' => 'div { transform: rotateZ(-0.75deg); }',
                'input' => 'div { transform: rotateZ(.75deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: rotateZ',
                'expected' => 'div { transform: rotateZ(-ms-calc(-1*(((25%/2) * 10deg)))); }',
                'input' => 'div { transform: rotateZ(-ms-calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : skew',
                'expected' => 'div { transform: skew(-20.25rad,-30deg); }',
                'input' => 'div { transform: skew(20.25rad,30deg); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): skew',
                'expected' => 'div { transform: skew(-0.25rad,-30deg); }',
                'input' => 'div { transform: skew(.25rad,30deg); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: skew',
                'expected' => 'div { transform: skew(calc(-1*(((25%/2) * 10rad))),calc(-1*(((25%/2) * 10deg)))); }',
                'input' => 'div { transform: skew(calc(((25%/2) * 10rad)),calc(((25%/2) * 10deg))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : skewX',
                'expected' => 'div { transform: skewX(-20.75rad); }',
                'input' => 'div { transform: skewX(20.75rad); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): skewX',
                'expected' => 'div { transform: skewX(-0.75rad); }',
                'input' => 'div { transform: skewX(.75rad); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: skewX',
                'expected' => 'div { transform: skewX(-moz-calc(-1*(((25%/2) * 10rad)))); }',
                'input' => 'div { transform: skewX(-moz-calc(((25%/2) * 10rad))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform : skewY',
                'expected' => 'div { transform: skewY(-10.75grad); }',
                'input' => 'div { transform: skewY(10.75grad); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform (with no digits before dot): skewY',
                'expected' => 'div { transform: skewY(-0.75grad); }',
                'input' => 'div { transform: skewY(.75grad); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror transform with calc: skewY',
                'expected' => 'div { transform: skewY(calc(-1*(((25%/2) * 10grad)))); }',
                'input' => 'div { transform: skewY(calc(((25%/2) * 10grad))); }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror multiple transforms : translateX translateY Rotate',
                'expected' => 'div { transform: translateX(-50.25px) translateY(50.25px) rotate(-20.75deg); }',
                'input' => 'div { transform: translateX(50.25px) translateY(50.25px) rotate(20.75deg); }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror multiple transforms with calc : translateX translateY Rotate',
                'expected' => 'div { transform: translateX(-ms-calc(-1*(((25%/2) * 10px)))) translateY(-moz-calc(((25%/2) * 10rad))) rotate(calc(-1*(((25%/2) * 10grad)))); }',
                'input' => 'div { transform: translateX(-ms-calc(((25%/2) * 10px))) translateY(-moz-calc(((25%/2) * 10rad))) rotate(calc(((25%/2) * 10grad))); }',
                'reversable' => false,
                'skip' => true
            ]]
        ];
    }

    public function valuesNSyntaxProvider() {
        return [
            [[
                'should' => 'Should mirror property value: border-radius (4 values)',
                'expected' => 'div { border-radius: 40.25px 10.5px 10.75px 40.3px; }',
                'input' => 'div { border-radius: 10.5px 40.25px 40.3px 10.75px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-radius (3 values)',
                'expected' => 'div { border-radius: 40.75px 10.75px 40.75px 40.3px; }',
                'input' => 'div { border-radius: 10.75px 40.75px 40.3px; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should mirror property value: border-radius (2 values)',
                'expected' => 'div { border-radius: 40.25px 10.75px; }',
                'input' => 'div { border-radius: 10.75px 40.25px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-radius (4 values - double)',
                'expected' => 'div { border-radius: 40.25px 10.75px .5px 40.75px / .4em 1em 1em 4.5em; }',
                'input' => 'div { border-radius: 10.75px 40.25px 40.75px .5px / 1em .4em 4.5em 1em; }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-radius (3 values - double)',
                'expected' => 'div { border-radius: .40px 10.5px .40px 40px / 4em 1em 4em 3em; }',
                'input' => 'div { border-radius: 10.5px .40px 40px / 1em 4em 3em; }',
                'reversable' => false,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-radius (2 values- double)',
                'expected' => 'div { border-radius: 40px 10px / 2.5em .75em; }',
                'input' => 'div { border-radius: 10px 40px / .75em 2.5em; }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-width',
                'expected' => 'div { border-width: 1px 4px .3em 2.5em; }',
                'input' => 'div { border-width: 1px 2.5em .3em 4px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-width (none length)',
                'expected' => 'div { border-width: thin medium thick none; }',
                'input' => 'div { border-width: thin none thick medium; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-style (4 values)',
                'expected' => 'div { border-style: none dashed dotted solid; }',
                'input' => 'div { border-style: none solid dotted dashed; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: border-color (4 values)',
                'expected' => 'div { border-color: rgba(255, 255, 255, 1) rgb(0, 0, 0) rgb(0, 0, 0) hsla(0, 100%, 50%, 1); }',
                'input' => 'div { border-color: rgba(255, 255, 255, 1) hsla(0, 100%, 50%, 1) rgb(0, 0, 0) rgb(0, 0, 0); }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should not mirror property value: border-color (3 values)',
                'expected' => 'div { border-color: rgb(0, 0, 0) rgb(0, 0, 0) hsla(0, 100%, 50%, 1); }',
                'input' => 'div { border-color: #000 rgb(0, 0, 0) hsla(0, 100%, 50%, 1); }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should not mirror property value: border-color (2 values)',
                'expected' => 'div { border-color: rgb(0, 0, 0) hsla(0, 100%, 50%, 1); }',
                'input' => 'div { border-color: rgb(0, 0, 0) hsla(0, 100%, 50%, 1); }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should mirror property value: margin',
                'expected' => 'div { margin: .1em auto 3.5rem 2px; }',
                'input' => 'div { margin: .1em 2px 3.5rem auto; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: padding',
                'expected' => 'div { padding: 1px 4px .3rem 2.5em; }',
                'input' => 'div { padding: 1px 2.5em .3rem 4px; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: box-shadow',
                'expected' => 'div { box-shadow: -60px -16px rgba(0, 128, 128, 0.98), -10.25px 5px 5px #ff0, inset -0.5em 1em 0 white; }',
                'input' => 'div { box-shadow: 60px -16px rgba(0, 128, 128, 0.98), 10.25px 5px 5px #ff0, inset 0.5em 1em 0 white; }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value: text-shadow',
                'expected' => 'div { text-shadow: -60px -16px rgba(0, 128, 128, 0.98), -10.25px 5px 5px #ff0, inset -0.5em 1em 0 white; }',
                'input' => 'div { text-shadow: 60px -16px rgba(0, 128, 128, 0.98), 10.25px 5px 5px #ff0, inset 0.5em 1em 0 white; }',
                'reversable' => true,
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value (no digit before the dot): box-shadow, text-shadow',
                'expected' => 'div { box-shadow: inset -0.5em 1em 0 white; text-shadow: inset -0.5em 1em 0 white; }',
                'input' => 'div { box-shadow: inset .5em 1em 0 white; text-shadow: inset .5em 1em 0 white; }',
                'reversable' => false,
                'skip' => true
            ]]
        ];
    }

    public function valuesProvider() {
        return [
            [[
                'should' => 'Should mirror property value: clear',
                'expected' => 'div { clear:right; }',
                'input' => 'div { clear:left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: direction',
                'expected' => 'div { direction:ltr; }',
                'input' => 'div { direction:rtl; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: float',
                'expected' => 'div { float:right; }',
                'input' => 'div { float:left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: text-align',
                'expected' => 'div { text-align:right; }',
                'input' => 'div { text-align:left; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: cursor nw',
                'expected' => 'div { cursor:nw-resize; }',
                'input' => 'div { cursor:ne-resize; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: cursor sw',
                'expected' => 'div { cursor:sw-resize; }',
                'input' => 'div { cursor:se-resize; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: cursor nesw',
                'expected' => 'div { cursor:nesw-resize; }',
                'input' => 'div { cursor:nwse-resize; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should keep property value as is: cursor ew',
                'expected' => 'div { cursor:ew-resize; }',
                'input' => 'div { cursor:ew-resize; }',
                'reversable' => false
            ]],
            [[
                'should' => 'Should process string map in url: cursor (processUrls: true)',
                'expected' => '.foo { cursor: url(right.cur), url(rtl.cur), se-resize, auto }',
                'input' => '.foo { cursor: url(left.cur), url(ltr.cur), sw-resize, auto }',
                'reversable' => true,
                'options' => [ 'processUrls' => true ],
                'skip' => true
            ]],
            [[
                'should' => 'Should mirror property value: transition',
                'expected' => '.foo { transition:right .3s ease .1s,left .3s ease .1s,margin-right .3s ease,margin-left .3s ease,padding-right .3s ease,padding-left .3s ease; }',
                'input' => '.foo { transition:left .3s ease .1s,right .3s ease .1s,margin-left .3s ease,margin-right .3s ease,padding-left .3s ease,padding-right .3s ease; }',
                'reversable' => true
            ]],
            [[
                'should' => 'Should mirror property value: transition-property',
                'expected' => '.foo { transition-property:right; }',
                'input' => '.foo { transition-property:left; }',
                'reversable' => true
            ]]
        ];
    }

    /**
     * Assert that the provided data flips.
     *
     * @param string $expected The expected output.
     * @param string $input The input.
     * @param string $description The description of the assertion.
     * @param OutputFormat $output The output format to use.
     */
    protected function assertFlips($expected, $input, $description, $output = null) {
        $parser = new Parser($input);
        $tree = $parser->parse();
        $rtlcss = new RTLCSS($tree);
        $flipped = $rtlcss->flip();
        $this->assertEquals($expected, $flipped->render($output), $description);
    }

    /**
     * Assert data.
     *
     * @param array $data With the keys: 'input', 'expected', 'reversable', 'should', and 'skip'.
     * @param OutputFormat $output The output format to use.
     */
    protected function assertSample($data, $output = null) {
        if (!empty($data['skip'])) {
            $this->markTestSkipped('Not yet supported!');
        }
        $this->assertFlips($data['expected'], $data['input'], $data['should'], $output);
        if (!empty($data['reversable'])) {
            $this->assertFlips($data['input'], $data['expected'], $data['should'] . ' (reversed)', $output);
        }
    }

    /**
     * @dataProvider backgroundImageProvider
     */
    public function testBackgroundImage($data) {
        $output = new OutputFormat();
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider backgroundPositionProvider
     */
    public function testBackgroundPosition($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', '');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider backgroundProvider
     */
    public function testBackground($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', ' ');
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider directivesProvider
     */
    public function testDirectives($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', '');
        $output->set('SpaceBeforeRules', '');
        $output->set('SpaceAfterRules', '');
        $output->set('SpaceBetweenRules', '');
        $output->set('SpaceBetweenBlocks', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider propertiesProvider
     */
    public function testProperties($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', '');
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider specialProvider
     */
    public function testSpecial($data) {
        $output = new OutputFormat();
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider transformOriginProvider
     */
    public function testTransformOrigin($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', '');
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider transformsProvider
     */
    public function testTransforms($data) {
        $output = new OutputFormat();
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider valuesNSyntaxProvider
     */
    public function testValuesNSyntax($data) {
        $output = new OutputFormat();
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('RGBHashNotation', false);
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }

    /**
     * @dataProvider valuesProvider
     */
    public function testValues($data) {
        $output = new OutputFormat();
        $output->set('SpaceAfterRuleName', '');
        $output->set('SpaceBeforeRules', ' ');
        $output->set('SpaceAfterRules', ' ');
        $output->set('SpaceAfterListArgumentSeparator', array('default' => '', ',' => ' '));
        $this->assertSample($data, $output);
    }
}
