view release on metacpan or  search on metacpan

t/04.ui.t  view on Meta::CPAN

use Modern::Perl;
use Test::More  tests => 20;

use CSS::Prepare;

my $preparer_concise = CSS::Prepare->new();
my $preparer_pretty  = CSS::Prepare->new( pretty => 1 );
my( $css, @structure, $output );



# cursors
{
    @structure = (
            {
                selectors => [ 'a' ],
                block     => {
                    'cursor' => 'url(blah.gif) crosshair',
                },
            },
        );
    
    $css = <<CSS;
a{cursor:url(blah.gif) crosshair;}
CSS

    $output = $preparer_concise->output_as_string( @structure );
    ok( $output eq $css )
        or say "cursor was:\n" . $output;
    
    $css = <<CSS;
a {
    cursor:                 url(blah.gif) crosshair;
}
CSS
    $output = $preparer_pretty->output_as_string( @structure );
    ok( $output eq $css )
        or say "cursor was:\n" . $output;
}

# outline-something properties
{
    $css = <<CSS;
div{outline-width:thin;}
CSS
    @structure = (
            {
                selectors => [ 'div' ],
                block     => {
                    'outline-width' => 'thin',
                },
            },
        );
    
    $output = $preparer_concise->output_as_string( @structure );
    ok( $output eq $css )
        or say "outline-width was:\n" . $output;
    
    $css = <<CSS;
div {
    outline-width:          thin;
}
CSS
    $output = $preparer_pretty->output_as_string( @structure );
    ok( $output eq $css )
        or say "outline-width was:\n" . $output;
}
{
    $css = <<CSS;
div{outline-width:thin !important;}
CSS
    @structure = (
            {
                selectors => [ 'div' ],
                block     => {
                    'important-outline-width' => 'thin',
                },
            },
        );
    
    $output = $preparer_concise->output_as_string( @structure );
    ok( $output eq $css )
        or say "outline-width was:\n" . $output;
    
    $css = <<CSS;
div {
    outline-width:          thin
                            !important;
}
CSS
    $output = $preparer_pretty->output_as_string( @structure );
    ok( $output eq $css )
        or say "outline-width was:\n" . $output;
}
{
    $css = <<CSS;
div{outline-style:dotted;}
CSS