/* * This source file is part of RmlUi, the HTML/CSS Interface Middleware * * For the latest information, see http://github.com/mikke89/RmlUi * * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd * Copyright (c) 2019-2023 The RmlUi Team, and contributors * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * */ #include "../Common/TestsInterface.h" #include #include #include #include #include #include #include #include #include using namespace Rml; TEST_CASE("Properties") { const Vector2i window_size(1024, 768); TestsSystemInterface system_interface; TestsRenderInterface render_interface; SetRenderInterface(&render_interface); SetSystemInterface(&system_interface); Rml::Initialise(); Context* context = Rml::CreateContext("main", window_size); ElementDocument* document = context->CreateDocument(); SUBCASE("inset") { struct InsetTestCase { String inset_value; struct ExpectedValues { String top; String right; String bottom; String left; } expected; }; InsetTestCase tests[] = { {"auto", {"auto", "auto", "auto", "auto"}}, {"0", {"0px", "0px", "0px", "0px"}}, {"1px", {"1px", "1px", "1px", "1px"}}, {"1dp", {"1dp", "1dp", "1dp", "1dp"}}, {"1%", {"1%", "1%", "1%", "1%"}}, {"10px 20px", {"10px", "20px", "10px", "20px"}}, {"10px 20px 30px", {"10px", "20px", "30px", "20px"}}, {"10px 20px 30px 40px", {"10px", "20px", "30px", "40px"}}, }; for (const InsetTestCase& test : tests) { CHECK(document->SetProperty("inset", test.inset_value)); CHECK(document->GetProperty("top")->ToString() == test.expected.top); CHECK(document->GetProperty("right")->ToString() == test.expected.right); CHECK(document->GetProperty("bottom")->ToString() == test.expected.bottom); CHECK(document->GetProperty("left")->ToString() == test.expected.left); } } SUBCASE("flex") { struct FlexTestCase { String flex_value; struct ExpectedValues { float flex_grow; float flex_shrink; String flex_basis; } expected; }; FlexTestCase tests[] = { {"", {0.f, 1.f, "auto"}}, {"none", {0.f, 0.f, "auto"}}, {"auto", {1.f, 1.f, "auto"}}, {"1", {1.f, 1.f, "0px"}}, {"2", {2.f, 1.f, "0px"}}, {"2 0", {2.f, 0.f, "0px"}}, {"2 3", {2.f, 3.f, "0px"}}, {"2 auto", {2.f, 1.f, "auto"}}, {"2 0 auto", {2.f, 0.f, "auto"}}, {"0 0 auto", {0.f, 0.f, "auto"}}, {"0 0 50px", {0.f, 0.f, "50px"}}, {"0 0 50px", {0.f, 0.f, "50px"}}, {"0 0 0", {0.f, 0.f, "0px"}}, }; for (const FlexTestCase& test : tests) { if (!test.flex_value.empty()) { CHECK(document->SetProperty("flex", test.flex_value)); } CHECK(document->GetProperty("flex-grow") == test.expected.flex_grow); CHECK(document->GetProperty("flex-shrink") == test.expected.flex_shrink); CHECK(document->GetProperty("flex-basis")->ToString() == test.expected.flex_basis); } } SUBCASE("gradient") { auto ParseGradient = [&](const String& value) -> Property { document->SetProperty("decorator", "linear-gradient(" + value + ")"); auto decorators = document->GetProperty("decorator"); if (!decorators || decorators->list.size() != 1) return {}; for (auto& id_property : decorators->list.front().properties.GetProperties()) { if (id_property.second.unit == Unit::COLORSTOPLIST) return id_property.second; } return {}; }; struct GradientTestCase { String value; String expected_parsed_string; ColorStopList expected_color_stops; }; GradientTestCase test_cases[] = { { "red, blue", "#ff0000, #0000ff", { ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{}}, ColorStop{ColourbPremultiplied(0, 0, 255), NumericValue{}}, }, }, { "red 5px, blue 50%", "#ff0000 5px, #0000ff 50%", { ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{5.f, Unit::PX}}, ColorStop{ColourbPremultiplied(0, 0, 255), NumericValue{50.f, Unit::PERCENT}}, }, }, { "red, #00f 50%, rgba(0, 255,0, 150) 10dp", "#ff0000, #0000ff 50%, #00ff0096 10dp", { ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{}}, ColorStop{ColourbPremultiplied(0, 0, 255), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(0, 150, 0, 150), NumericValue{10.f, Unit::DP}}, }, }, { "hsl(10000, 0%, 50%), hsl(240, 100%, 50%) 50%, hsla(-240, 100%, 50%, 0.5) 10dp", "#7f7f7f, #0000ff 50%, #00ff007f 10dp", { ColorStop{ColourbPremultiplied(127, 127, 127), NumericValue{}}, ColorStop{ColourbPremultiplied(0, 0, 255), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(0, 127, 0, 127), NumericValue{10.f, Unit::DP}}, }, }, { "lab(55% none none), lab(30% 67% -110) 50%, lab(90% -90 80 / 0.5) 10dp", "#838383, #0000fb 50%, #00ff267f 10dp", { ColorStop{ColourbPremultiplied(131, 131, 131), NumericValue{}}, ColorStop{ColourbPremultiplied(0, 0, 251), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(0, 127, 19, 127), NumericValue{10.f, Unit::DP}}, }, }, { "lch(55% none 300.0), lch(30% 85% 180.0) 50%, lch(90% 90 100.0 / 50%) 10dp", "#838383, #006044 50%, #f0e6007f 10dp", { ColorStop{ColourbPremultiplied(131, 131, 131), NumericValue{}}, ColorStop{ColourbPremultiplied(0, 96, 68), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(120, 115, 0, 127), NumericValue{10.f, Unit::DP}}, }, }, { "oklab(85% -50% 70%), oklab(0.2 0.4 -0.4) 50%, oklab(100% none 0.4 / 0.25) 10dp", "#98ed00, #6600c1 50%, #ffde003f 10dp", { ColorStop{ColourbPremultiplied(152, 237, 0), NumericValue{}}, ColorStop{ColourbPremultiplied(102, 0, 193), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(63, 55, 0, 63), NumericValue{10.f, Unit::DP}}, }, }, { "oklch(75% 100% 30.0), oklch(0.5 0.2 270) 50%, oklch(1.0 0.1 none / 0.5) 10dp", "#ff0000, #3a50d2 50%, #ffe2fa7f 10dp", { ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{}}, ColorStop{ColourbPremultiplied(58, 80, 210), NumericValue{50.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(127, 113, 125, 127), NumericValue{10.f, Unit::DP}}, }, }, { "red 50px 20%, blue 10in", "#ff0000 50px, #ff0000 20%, #0000ff 10in", { ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{50.f, Unit::PX}}, ColorStop{ColourbPremultiplied(255, 0, 0), NumericValue{20.f, Unit::PERCENT}}, ColorStop{ColourbPremultiplied(0, 0, 255), NumericValue{10.f, Unit::INCH}}, }, }, }; for (const GradientTestCase& test_case : test_cases) { const Property result = ParseGradient(test_case.value); CHECK(result.ToString() == test_case.expected_parsed_string); CHECK(result.Get() == test_case.expected_color_stops); } } Rml::Shutdown(); } TEST_CASE("Property.ToString") { TestsSystemInterface system_interface; TestsRenderInterface render_interface; SetRenderInterface(&render_interface); SetSystemInterface(&system_interface); Rml::Initialise(); CHECK(Property(5.2f, Unit::CM).ToString() == "5.2cm"); CHECK(Property(150, Unit::PERCENT).ToString() == "150%"); CHECK(Property(Colourb{170, 187, 204, 255}, Unit::COLOUR).ToString() == "#aabbcc"); auto ParsedValue = [](const String& name, const String& value) -> String { PropertyDictionary properties; StyleSheetSpecification::ParsePropertyDeclaration(properties, name, value); REQUIRE(properties.GetNumProperties() == 1); return properties.GetProperties().begin()->second.ToString(); }; CHECK(ParsedValue("width", "10px") == "10px"); CHECK(ParsedValue("width", "10.00em") == "10em"); CHECK(ParsedValue("width", "auto") == "auto"); CHECK(ParsedValue("background-color", "#abc") == "#aabbcc"); CHECK(ParsedValue("background-color", "red") == "#ff0000"); CHECK(ParsedValue("transform", "translateX(10px)") == "translateX(10px)"); CHECK(ParsedValue("transform", "translate(20in, 50em)") == "translate(20in, 50em)"); CHECK(ParsedValue("box-shadow", "2px 2px 0px, rgba(0, 0, 255, 255) 4px 4px 2em") == "#000000 2px 2px 0px, #0000ff 4px 4px 2em"); CHECK(ParsedValue("box-shadow", "2px 2px 0px, #00ff 4px 4px 2em") == "#000000 2px 2px 0px, #0000ff 4px 4px 2em"); // Due to conversion to and from premultiplied alpha, some color information is lost. CHECK(ParsedValue("box-shadow", "#fff0 2px 2px 0px") == "#00000000 2px 2px 0px"); CHECK(ParsedValue("decorator", "linear-gradient(110deg, #fff3, #fff 10%, #c33 250dp, #3c3, #33c, #000 90%, #0003) border-box") == "linear-gradient(110deg, #fff3, #fff 10%, #c33 250dp, #3c3, #33c, #000 90%, #0003) border-box"); CHECK(ParsedValue("filter", "drop-shadow(#000 30px 20px 5px) opacity(0.2) sepia(0.2)") == "drop-shadow(#000 30px 20px 5px) opacity(0.2) sepia(0.2)"); Rml::Shutdown(); }