Element.cpp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  1. /*
  2. * This source file is part of RmlUi, the HTML/CSS Interface Middleware
  3. *
  4. * For the latest information, see http://github.com/mikke89/RmlUi
  5. *
  6. * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd
  7. * Copyright (c) 2019 The RmlUi Team, and contributors
  8. *
  9. * Permission is hereby granted, free of charge, to any person obtaining a copy
  10. * of this software and associated documentation files (the "Software"), to deal
  11. * in the Software without restriction, including without limitation the rights
  12. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13. * copies of the Software, and to permit persons to whom the Software is
  14. * furnished to do so, subject to the following conditions:
  15. *
  16. * The above copyright notice and this permission notice shall be included in
  17. * all copies or substantial portions of the Software.
  18. *
  19. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25. * THE SOFTWARE.
  26. *
  27. */
  28. #include "../Common/Mocks.h"
  29. #include "../Common/TestsShell.h"
  30. #include "../Common/TypesToString.h"
  31. #include <RmlUi/Core/Context.h>
  32. #include <RmlUi/Core/Element.h>
  33. #include <RmlUi/Core/ElementDocument.h>
  34. #include <RmlUi/Core/Factory.h>
  35. #include <doctest.h>
  36. using namespace Rml;
  37. static const String document_clone_rml = R"(
  38. <rml>
  39. <head>
  40. <title>Test</title>
  41. <link type="text/rcss" href="/assets/rml.rcss"/>
  42. <link type="text/rcss" href="/assets/invader.rcss"/>
  43. <style>
  44. body
  45. {
  46. left: 0;
  47. top: 0;
  48. right: 0;
  49. bottom: 0;
  50. }
  51. div {
  52. drag: clone;
  53. background-color: #fff;
  54. height: 100px;
  55. }
  56. div.blue {
  57. background-color: #00f;
  58. }
  59. span {
  60. color: red;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65. <div style="background-color: #f00">This is a <span>sample</span>.</div>
  66. </body>
  67. </rml>
  68. )";
  69. static const String document_scroll_rml = R"(
  70. <rml>
  71. <head>
  72. <title>Test</title>
  73. <style>
  74. body {
  75. left: 0;
  76. top: 0;
  77. width: 100px;
  78. height: 100px;
  79. padding: 0;
  80. margin: 0;
  81. overflow: scroll;
  82. }
  83. div {
  84. display: block;
  85. width: 200px;
  86. height: 50px;
  87. padding: 0;
  88. margin: 0;
  89. }
  90. #row0 { background: #3a3; }
  91. #row1 { background: #aa3; }
  92. #row2 { background: #3aa; }
  93. #row3 { background: #aaa; }
  94. span {
  95. display: inline-block;
  96. box-sizing: border-box;
  97. width: 50px;
  98. height: 50px;
  99. padding: 0;
  100. margin: 0;
  101. border: 1px #000;
  102. }
  103. span:nth-child(2) { border-color: #fff; }
  104. span:nth-child(3) { border-color: #f00; }
  105. span:nth-child(4) { border-color: #ff0; }
  106. scrollbarvertical,
  107. scrollbarhorizontal {
  108. width: 0;
  109. height: 0;
  110. }
  111. </style>
  112. </head>
  113. <body id="scrollable">
  114. <div id="row0">
  115. <span id="cell00"></span>
  116. <span id="cell01"></span>
  117. <span id="cell02"></span>
  118. <span id="cell03"></span>
  119. </div>
  120. <div id="row1">
  121. <span id="cell10"></span>
  122. <span id="cell11"></span>
  123. <span id="cell12"></span>
  124. <span id="cell13"></span>
  125. </div>
  126. <div id="row2">
  127. <span id="cell20"></span>
  128. <span id="cell21"></span>
  129. <span id="cell22"></span>
  130. <span id="cell23"></span>
  131. </div>
  132. <div id="row3">
  133. <span id="cell30"></span>
  134. <span id="cell31"></span>
  135. <span id="cell32"></span>
  136. <span id="cell33"></span>
  137. </div>
  138. </body>
  139. </rml>
  140. )";
  141. void Run(Context* context)
  142. {
  143. context->Update();
  144. context->Render();
  145. TestsShell::RenderLoop();
  146. }
  147. TEST_CASE("Element")
  148. {
  149. Context* context = TestsShell::GetContext();
  150. REQUIRE(context);
  151. ElementDocument* document = context->LoadDocumentFromMemory(document_clone_rml);
  152. REQUIRE(document);
  153. document->Show();
  154. context->Update();
  155. context->Render();
  156. TestsShell::RenderLoop();
  157. SUBCASE("Attribute")
  158. {
  159. auto* button = document->AppendChild(document->CreateElement("button"));
  160. SUBCASE("Event listener")
  161. {
  162. namespace tl = trompeloeil;
  163. static constexpr auto ON_CLICK_ATTRIBUTE = "onclick";
  164. static constexpr auto ON_CLICK_VALUE = "moo";
  165. std::vector<UniquePtr<tl::expectation>> expectations;
  166. UniquePtr<MockEventListener> mockEventListener;
  167. const auto configureMockEventListener = [&]()
  168. {
  169. mockEventListener.reset(new MockEventListener());
  170. expectations.emplace_back(NAMED_ALLOW_CALL(*mockEventListener, OnAttach(button)));
  171. expectations.emplace_back(NAMED_ALLOW_CALL(*mockEventListener, OnDetach(button))
  172. .LR_SIDE_EFFECT(mockEventListener.reset()));
  173. };
  174. MockEventListenerInstancer mockEventListenerInstancer;
  175. const auto configureMockEventListenerInstancer = [&](const auto value)
  176. {
  177. expectations.emplace_back(NAMED_REQUIRE_CALL(mockEventListenerInstancer, InstanceEventListener(value, button))
  178. .LR_SIDE_EFFECT(configureMockEventListener())
  179. .LR_RETURN(mockEventListener.get()));
  180. };
  181. Factory::RegisterEventListenerInstancer(&mockEventListenerInstancer);
  182. configureMockEventListenerInstancer(ON_CLICK_VALUE);
  183. button->SetAttribute(ON_CLICK_ATTRIBUTE, ON_CLICK_VALUE);
  184. SUBCASE("Replacement")
  185. {
  186. static constexpr auto REPLACEMENT_ON_CLICK_VALUE = "boo";
  187. configureMockEventListenerInstancer(REPLACEMENT_ON_CLICK_VALUE);
  188. button->SetAttribute(ON_CLICK_ATTRIBUTE, REPLACEMENT_ON_CLICK_VALUE);
  189. }
  190. button->RemoveAttribute(ON_CLICK_ATTRIBUTE);
  191. }
  192. SUBCASE("Simple")
  193. {
  194. static constexpr auto DISABLED_ATTRIBUTE = "disabled";
  195. REQUIRE_FALSE(button->HasAttribute(DISABLED_ATTRIBUTE));
  196. button->SetAttribute(DISABLED_ATTRIBUTE, "");
  197. REQUIRE(button->HasAttribute(DISABLED_ATTRIBUTE));
  198. SUBCASE("Replacement")
  199. {
  200. static constexpr auto VALUE = "something";
  201. button->SetAttribute(DISABLED_ATTRIBUTE, VALUE);
  202. const auto* attributeValue = button->GetAttribute(DISABLED_ATTRIBUTE);
  203. REQUIRE(attributeValue);
  204. REQUIRE(attributeValue->GetType() == Variant::Type::STRING);
  205. CHECK(attributeValue->Get<String>() == VALUE);
  206. }
  207. button->RemoveAttribute(DISABLED_ATTRIBUTE);
  208. CHECK_FALSE(button->HasAttribute(DISABLED_ATTRIBUTE));
  209. }
  210. }
  211. SUBCASE("CloneDrag")
  212. {
  213. // Simulate input for mouse click and drag
  214. context->ProcessMouseMove(10, 10, 0);
  215. context->Update();
  216. context->Render();
  217. context->ProcessMouseButtonDown(0, 0);
  218. context->Update();
  219. context->Render();
  220. // This should initiate a drag clone.
  221. context->ProcessMouseMove(10, 11, 0);
  222. context->Update();
  223. context->Render();
  224. context->ProcessMouseButtonUp(0, 0);
  225. }
  226. SUBCASE("CloneManual")
  227. {
  228. Element* element = document->GetFirstChild();
  229. REQUIRE(element->GetProperty<String>("background-color") == "255, 0, 0, 255");
  230. CHECK(element->Clone()->GetProperty<String>("background-color") == "255, 0, 0, 255");
  231. element->SetProperty("background-color", "#0f0");
  232. CHECK(element->Clone()->GetProperty<String>("background-color") == "0, 255, 0, 255");
  233. element->RemoveProperty("background-color");
  234. Element* clone = document->AppendChild(element->Clone());
  235. context->Update();
  236. CHECK(clone->GetProperty<String>("background-color") == "255, 255, 255, 255");
  237. element->SetClass("blue", true);
  238. clone = document->AppendChild(element->Clone());
  239. context->Update();
  240. CHECK(clone->GetProperty<String>("background-color") == "0, 0, 255, 255");
  241. }
  242. SUBCASE("SetInnerRML")
  243. {
  244. Element* element = document->GetFirstChild();
  245. CHECK(element->GetInnerRML() == "This is a <span>sample</span>.");
  246. element->SetInnerRML("text");
  247. CHECK(element->GetInnerRML() == "text");
  248. const char* inner_rml = R"(before<div class="blue">child</div>after)";
  249. element->SetInnerRML(inner_rml);
  250. CHECK(element->GetInnerRML() == inner_rml);
  251. ElementPtr element_ptr = document->CreateElement("div");
  252. CHECK(element_ptr->GetInnerRML() == "");
  253. element_ptr->SetInnerRML("text");
  254. CHECK(element_ptr->GetInnerRML() == "text");
  255. }
  256. document->Close();
  257. TestsShell::ShutdownShell();
  258. }
  259. TEST_CASE("Element.ScrollIntoView")
  260. {
  261. Context* context = TestsShell::GetContext();
  262. REQUIRE(context);
  263. ElementDocument* document = context->LoadDocumentFromMemory(document_scroll_rml);
  264. REQUIRE(document);
  265. document->Show();
  266. Run(context);
  267. Element* scrollable = document->GetElementById("scrollable");
  268. REQUIRE(scrollable);
  269. Element* cells[4][4]{};
  270. for (int i = 0; i < 4; ++i)
  271. {
  272. for (int j = 0; j < 4; ++j)
  273. {
  274. cells[i][j] = document->GetElementById(CreateString(8, "cell%d%d", i, j));
  275. REQUIRE(cells[i][j]);
  276. }
  277. }
  278. REQUIRE(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(0, 0));
  279. REQUIRE(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(100, 100));
  280. REQUIRE(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(150, 150));
  281. REQUIRE(scrollable->GetScrollLeft() == 0);
  282. REQUIRE(scrollable->GetScrollTop() == 0);
  283. SUBCASE("LegacyScroll")
  284. {
  285. cells[2][2]->ScrollIntoView(true);
  286. Run(context);
  287. CHECK(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-50, -100));
  288. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(50, 0));
  289. CHECK(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(100, 50));
  290. CHECK(scrollable->GetScrollLeft() == 50);
  291. CHECK(scrollable->GetScrollTop() == 100);
  292. cells[2][2]->ScrollIntoView(false);
  293. Run(context);
  294. CHECK(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-50, -50));
  295. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(50, 50));
  296. CHECK(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(100, 100));
  297. CHECK(scrollable->GetScrollLeft() == 50);
  298. CHECK(scrollable->GetScrollTop() == 50);
  299. }
  300. SUBCASE("AdvancedScroll")
  301. {
  302. cells[2][2]->ScrollIntoView({ScrollAlignment::Center, ScrollAlignment::Center});
  303. Run(context);
  304. CHECK(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-75, -75));
  305. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(25, 25));
  306. CHECK(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(75, 75));
  307. SUBCASE("NearestAlready")
  308. {
  309. cells[2][2]->ScrollIntoView(ScrollAlignment::Nearest);
  310. Run(context);
  311. CHECK(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-75, -75));
  312. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(25, 25));
  313. CHECK(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(75, 75));
  314. }
  315. SUBCASE("NearestBefore")
  316. {
  317. cells[1][1]->ScrollIntoView(ScrollAlignment::Nearest);
  318. Run(context);
  319. CHECK(cells[0][0]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-50, -50));
  320. CHECK(cells[1][1]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(0, 0));
  321. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(50, 50));
  322. }
  323. SUBCASE("NearestAfter")
  324. {
  325. cells[3][3]->ScrollIntoView(ScrollAlignment::Nearest);
  326. Run(context);
  327. CHECK(cells[1][1]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(-50, -50));
  328. CHECK(cells[2][2]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(0, 0));
  329. CHECK(cells[3][3]->GetAbsoluteOffset(Rml::Box::Area::BORDER) == Vector2f(50, 50));
  330. }
  331. }
  332. document->Close();
  333. TestsShell::ShutdownShell();
  334. }