/*
* 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("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}},
},
},
{
"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, #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();
}