/*
* 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();
}