firefox/servo/tests/unit/style/parsing/background.rs

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */

use parsing::parse;
use style::properties::longhands::background_size;
use style::properties::longhands::{
    background_attachment, background_clip, background_color, background_image,
};
use style::properties::longhands::{
    background_origin, background_position_x, background_position_y, background_repeat,
};
use style::properties::shorthands::background;

#[test]
fn background_shorthand_should_parse_all_available_properties_when_specified() {
    let input = "url(\"http://servo/test.png\") top center / 200px 200px repeat-x fixed padding-box content-box red";
    let result = parse(background::parse_value, input).unwrap();

    assert_eq!(
        result.background_image,
        parse_longhand!(background_image, "url(\"http://servo/test.png\")")
    );
    assert_eq!(
        result.background_position_x,
        parse_longhand!(background_position_x, "center")
    );
    assert_eq!(
        result.background_position_y,
        parse_longhand!(background_position_y, "top")
    );
    assert_eq!(
        result.background_size,
        parse_longhand!(background_size, "200px 200px")
    );
    assert_eq!(
        result.background_repeat,
        parse_longhand!(background_repeat, "repeat-x")
    );
    assert_eq!(
        result.background_attachment,
        parse_longhand!(background_attachment, "fixed")
    );
    assert_eq!(
        result.background_origin,
        parse_longhand!(background_origin, "padding-box")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "content-box")
    );
    assert_eq!(
        result.background_color,
        parse_longhand!(background_color, "red")
    );
}

#[test]
fn background_shorthand_should_parse_when_some_fields_set() {
    let result = parse(background::parse_value, "14px 40px repeat-y").unwrap();

    assert_eq!(
        result.background_position_x,
        parse_longhand!(background_position_x, "14px")
    );
    assert_eq!(
        result.background_position_y,
        parse_longhand!(background_position_y, "40px")
    );
    assert_eq!(
        result.background_repeat,
        parse_longhand!(background_repeat, "repeat-y")
    );

    let result = parse(
        background::parse_value,
        "url(\"http://servo/test.png\") repeat blue",
    )
    .unwrap();

    assert_eq!(
        result.background_image,
        parse_longhand!(background_image, "url(\"http://servo/test.png\")")
    );
    assert_eq!(
        result.background_repeat,
        parse_longhand!(background_repeat, "repeat")
    );
    assert_eq!(
        result.background_color,
        parse_longhand!(background_color, "blue")
    );

    let result = parse(background::parse_value, "padding-box").unwrap();

    assert_eq!(
        result.background_origin,
        parse_longhand!(background_origin, "padding-box")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "padding-box")
    );

    let result = parse(background::parse_value, "url(\"http://servo/test.png\")").unwrap();

    assert_eq!(
        result.background_image,
        parse_longhand!(background_image, "url(\"http://servo/test.png\")")
    );
}

#[test]
fn background_shorthand_should_parse_comma_separated_declarations() {
    let input =
        "url(\"http://servo/test.png\") top left no-repeat, url(\"http://servo/test.png\") \
        center / 100% 100% no-repeat, white";
    let result = parse(background::parse_value, input).unwrap();

    assert_eq!(
        result.background_image,
        parse_longhand!(
            background_image,
            "url(\"http://servo/test.png\"), \
        url(\"http://servo/test.png\"), none"
        )
    );
    assert_eq!(
        result.background_position_x,
        parse_longhand!(background_position_x, "left, center, 0%")
    );
    assert_eq!(
        result.background_position_y,
        parse_longhand!(background_position_y, "top, center, 0%")
    );
    assert_eq!(
        result.background_repeat,
        parse_longhand!(background_repeat, "no-repeat, no-repeat, repeat")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "border-box, border-box, border-box")
    );
    assert_eq!(
        result.background_origin,
        parse_longhand!(
            background_origin,
            "padding-box, padding-box, \
        padding-box"
        )
    );
    assert_eq!(
        result.background_size,
        parse_longhand!(background_size, "auto auto, 100% 100%, auto auto")
    );
    assert_eq!(
        result.background_attachment,
        parse_longhand!(background_attachment, "scroll, scroll, scroll")
    );
    assert_eq!(
        result.background_color,
        parse_longhand!(background_color, "white")
    );
}

#[test]
fn background_shorthand_should_parse_position_and_size_correctly() {
    let result = parse(background::parse_value, "7px 4px").unwrap();

    assert_eq!(
        result.background_position_x,
        parse_longhand!(background_position_x, "7px")
    );
    assert_eq!(
        result.background_position_y,
        parse_longhand!(background_position_y, "4px")
    );

    let result = parse(background::parse_value, "7px 4px / 30px 20px").unwrap();

    assert_eq!(
        result.background_position_x,
        parse_longhand!(background_position_x, "7px")
    );
    assert_eq!(
        result.background_position_y,
        parse_longhand!(background_position_y, "4px")
    );
    assert_eq!(
        result.background_size,
        parse_longhand!(background_size, "30px 20px")
    );

    assert!(parse(background::parse_value, "/ 30px 20px").is_err());

    assert!(parse(background::parse_value, "repeat-x / 30px 20px").is_err());
}

#[test]
fn background_shorthand_should_parse_origin_and_clip_correctly() {
    let result = parse(background::parse_value, "padding-box content-box").unwrap();

    assert_eq!(
        result.background_origin,
        parse_longhand!(background_origin, "padding-box")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "content-box")
    );

    let result = parse(background::parse_value, "padding-box padding-box").unwrap();

    assert_eq!(
        result.background_origin,
        parse_longhand!(background_origin, "padding-box")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "padding-box")
    );

    let result = parse(background::parse_value, "padding-box").unwrap();

    assert_eq!(
        result.background_origin,
        parse_longhand!(background_origin, "padding-box")
    );
    assert_eq!(
        result.background_clip,
        parse_longhand!(background_clip, "padding-box")
    );
}