@openui5/sap.ui.core 1.117.1 → 1.119.0

package/test/sap/ui/core/demokit/sample/odata/v4/MultipleInlineCreationRowsGrid/Main.controller.js

@@ -5,14 +5,15 @@ sap.ui.define([
 	"sap/f/library",
 	"sap/m/MessageBox",
 	"sap/ui/core/library",
+	"sap/ui/core/Messaging",
 	"sap/ui/core/message/Message",
 	"sap/ui/core/sample/common/Controller",
 	"sap/ui/model/Sorter",
 	"sap/ui/model/json/JSONModel",
 	"sap/ui/model/odata/v4/SubmitMode",
 	"sap/ui/test/TestUtils"
-], function (library, MessageBox, coreLibrary, Message, Controller, Sorter, JSONModel, SubmitMode,
-		TestUtils) {
+], function (library, MessageBox, coreLibrary, Messaging, Message, Controller, Sorter, JSONModel,
+		SubmitMode, TestUtils) {
 	"use strict";
 
 	var oSearchParams = new URLSearchParams(window.location.search),
@@ -117,7 +118,6 @@ sap.ui.define([
 			var oBinding = oEvent.getSource(),
 				oContext = oEvent.getParameter("context"),
 				oMessage = this.mCreateActivateMessages[oContext.getPath()],
-				oMessageManager = sap.ui.getCore().getMessageManager(),
 				that = this;
 
 			if (!oContext.getProperty("ID")) {
@@ -132,9 +132,9 @@ sap.ui.define([
 						target : oContext.getPath() + "/ID"
 					});
 				}
-				oMessageManager.addMessages(oMessage);
+				Messaging.addMessages(oMessage);
 			} else {
-				oMessageManager.removeMessages(oMessage);
+				Messaging.removeMessages(oMessage);
 				delete this.mCreateActivateMessages[oContext.getPath()];
 				this.messagePopover.navigateBack();
 
@@ -165,8 +165,7 @@ sap.ui.define([
 
 			if (oContext.isInactive() === 1) {
 				oContext.resetChanges();
-				sap.ui.getCore().getMessageManager()
-					.removeMessages(this.mCreateActivateMessages[oContext.getPath()]);
+				Messaging.removeMessages(this.mCreateActivateMessages[oContext.getPath()]);
 				delete this.mCreateActivateMessages[oContext.getPath()];
 				this.messagePopover.navigateBack();
 			} else {
@@ -324,12 +323,11 @@ sap.ui.define([
 		},
 
 		removeCreateActivateMessages : function (sEntity) {
-			var oMessageManager = sap.ui.getCore().getMessageManager(),
-				that = this;
+			var that = this;
 
 			Object.keys(this.mCreateActivateMessages).forEach(function (sKey) {
 				if (sKey.includes(sEntity + "($uid")) {
-					oMessageManager.removeMessages(that.mCreateActivateMessages[sKey]);
+					Messaging.removeMessages(that.mCreateActivateMessages[sKey]);
 					delete that.mCreateActivateMessages[sKey];
 				}
 			});

package/test/sap/ui/core/demokit/sample/odata/v4/MultipleInlineCreationRowsGrid/Main.view.xml

@@ -3,6 +3,7 @@
 	xmlns:f="sap.f"
 	xmlns:mvc="sap.ui.core.mvc"
 	xmlns:t="sap.ui.table"
+	xmlns:trm="sap.ui.table.rowmodes"
 	xmlns="sap.m"
 	class="sapUiSizeCompact"
 	controllerName="sap.ui.core.sample.odata.v4.MultipleInlineCreationRowsGrid.Main"
@@ -121,8 +122,7 @@
 								path : '_Parts',
 								parameters : {$count : true, $$ownRequest : true}
 							}"
-							selectionMode="None"
-							visibleRowCount="20">
+							selectionMode="None">
 							<t:extension>
 								<Toolbar design="Transparent" class="sapMTBHeader-CTX">
 									<Title id="partsTitle" level="H2"
@@ -131,6 +131,9 @@
 											press="onResetChangesForParts"	tooltip="Reset Parts"/>
 								</Toolbar>
 							</t:extension>
+							<t:rowMode>
+								<trm:Fixed rowCount="20"/>
+							</t:rowMode>
 							<t:columns>
 								<t:Column width="4em" hAlign="Center">
 									<Label text="State"/>

package/test/sap/ui/core/demokit/sample/odata/v4/MultipleInlineCreationRowsGrid/Opa.qunit.js

@@ -3,19 +3,20 @@
  */
 QUnit.config.autostart = false;
 
-sap.ui.getCore().attachInit(function () {
+sap.ui.require([
+	"sap/base/Log",
+	"sap/ui/core/Core",
+	"sap/ui/core/library",
+	"sap/ui/core/sample/common/Helper",
+	"sap/ui/core/sample/common/pages/Any",
+	"sap/ui/core/sample/odata/v4/MultipleInlineCreationRowsGrid/pages/Main",
+	"sap/ui/test/opaQunit",
+	"sap/ui/test/TestUtils",
+	"sap/ui/core/sample/odata/v4/MultipleInlineCreationRowsGrid/SandboxModel" // preload only
+], function (Log, Core, library, Helper, Any, Main, opaTest, TestUtils) {
 	"use strict";
 
-	sap.ui.require([
-		"sap/base/Log",
-		"sap/ui/core/library",
-		"sap/ui/core/sample/common/Helper",
-		"sap/ui/core/sample/common/pages/Any",
-		"sap/ui/core/sample/odata/v4/MultipleInlineCreationRowsGrid/pages/Main",
-		"sap/ui/test/opaQunit",
-		"sap/ui/test/TestUtils",
-		"sap/ui/core/sample/odata/v4/MultipleInlineCreationRowsGrid/SandboxModel" // preload only
-	], function (Log, library, Helper, Any, Main, opaTest, TestUtils) {
+	Core.ready().then(function () {
 		var MessageType = library.MessageType; // shortcut for sap.ui.core.MessageType
 
 		Helper.qUnitModule("sap.ui.core.sample.odata.v4.MultipleInlineCreationRowsGrid");
@@ -48,6 +49,8 @@ sap.ui.getCore().attachInit(function () {
 						name : "sap.ui.core.sample.odata.v4.MultipleInlineCreationRowsGrid"
 					}
 				});
+				Then.onAnyPage.iTeardownMyUIComponentInTheEnd();
+
 				Then.onTheListReport.checkProductsTableTitle("3 Products");
 				Then.onTheListReport.checkProductsLength(5);
 				Then.onTheListReport.checkProduct(0, "", "Inactive");
@@ -323,7 +326,6 @@ sap.ui.getCore().attachInit(function () {
 
 				Then.onAnyPage.checkLog(aExpectedLogs);
 				Then.onAnyPage.analyzeSupportAssistant();
-				Then.iTeardownMyUIComponent();
 			});
 	});
 });
@@ -340,6 +342,8 @@ sap.ui.getCore().attachInit(function () {
 				name : "sap.ui.core.sample.odata.v4.MultipleInlineCreationRowsGrid"
 			}
 		});
+		Then.onAnyPage.iTeardownMyUIComponentInTheEnd();
+
 		Then.onTheListReport.checkProductsTableTitle("3 Products");
 		Then.onTheListReport.checkProductsLength(5);
 		Then.onTheListReport.checkProduct(0, "", "Inactive");
@@ -418,7 +422,6 @@ sap.ui.getCore().attachInit(function () {
 
 		Then.onAnyPage.checkLog(aExpectedLogs);
 		Then.onAnyPage.analyzeSupportAssistant();
-		Then.iTeardownMyUIComponent();
 	});
 });
 			QUnit.start();

package/test/sap/ui/core/demokit/sample/odata/v4/Products/Main.controller.js

@@ -4,8 +4,9 @@
 
 sap.ui.define([
 	"sap/ui/core/library",
+	"sap/ui/core/Messaging",
 	"sap/ui/core/sample/common/Controller"
-], function (coreLibrary, Controller) {
+], function (coreLibrary, Messaging, Controller) {
 	"use strict";
 
 	var ValueState = coreLibrary.ValueState;
@@ -64,7 +65,7 @@ sap.ui.define([
 				if (oContent.getValueState) {
 					oContent.setValue("");
 					oContent.setValueState(ValueState.None);
-					sap.ui.getCore().getMessageManager().removeMessages(
+					Messaging.removeMessages(
 						oContent.getBinding("value").getDataState().getMessages());
 				}
 			});

package/test/sap/ui/core/demokit/sample/odata/v4/Products/Opa.qunit.js

@@ -3,18 +3,19 @@
  */
 QUnit.config.autostart = false;
 
-sap.ui.getCore().attachInit(function () {
+sap.ui.require([
+	"sap/ui/core/Core",
+	"sap/ui/core/sample/common/Helper",
+	"sap/ui/core/sample/common/pages/Any",
+	"sap/ui/core/sample/odata/v4/Products/pages/Main",
+	"sap/base/Log",
+	"sap/ui/test/opaQunit",
+	"sap/ui/test/TestUtils",
+	"sap/ui/core/sample/odata/v4/Products/SandboxModel" // preload only
+], function (Core, Helper, Any, Main, Log, opaTest, TestUtils) {
 	"use strict";
 
-	sap.ui.require([
-		"sap/ui/core/sample/common/Helper",
-		"sap/ui/core/sample/common/pages/Any",
-		"sap/ui/core/sample/odata/v4/Products/pages/Main",
-		"sap/base/Log",
-		"sap/ui/test/opaQunit",
-		"sap/ui/test/TestUtils",
-		"sap/ui/core/sample/odata/v4/Products/SandboxModel" // preload only
-	], function (Helper, Any, Main, Log, opaTest, TestUtils) {
+	Core.ready().then(function () {
 		Helper.qUnitModule("sap.ui.core.sample.odata.v4.Products");
 
 		//*****************************************************************************
@@ -29,6 +30,7 @@ sap.ui.getCore().attachInit(function () {
 						name : "sap.ui.core.sample.odata.v4.Products"
 					}
 				});
+				Then.onAnyPage.iTeardownMyUIComponentInTheEnd();
 
 				// Test Units
 				When.onTheMainPage.changeMeasure("12.3 NO");
@@ -147,7 +149,6 @@ sap.ui.getCore().attachInit(function () {
 					details : "Error occurred while processing the request"
 				}]);
 				Then.onAnyPage.analyzeSupportAssistant();
-				Then.iTeardownMyUIComponent();
 			});
 		}
 

package/test/sap/ui/core/demokit/sample/odata/v4/RecursiveHierarchy/MIT.RecursiveHierarchy maintenance.html

@@ -0,0 +1,408 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<style type="text/css">
+			body {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
+		</style>
+		<title>Manual Integration Test: Recursive Hierarchy Maintenance</title>
+	</head>
+	<body>
+		<h1>Manual Integration Test: Recursive Hierarchy Maintenance</h1>
+		<h2>DESCRIPTION</h2>
+		Test maintenance of a recursive hierarchy, as well as editing of nodes.
+		<h2>PREPARATION</h2>
+
+		To check console errors open the developer tools before starting the application and check
+		with each step, that there are no errors and warnings. Ignore initial message bundle errors.
+
+		<h3>Testing with mock data</h3>
+		Start the Recursive Hierarchy application URL (adjust host and port if necessary):
+		<ul>
+			<li> local:
+				<a href="http://localhost:8080/test-resources/sap/ui/core/demokit/sample/common/index.html?component=odata.v4.RecursiveHierarchy&expandTo=1&visibleRowCount=8">
+					http://&lt;host>:&lt;port>/test-resources/sap/ui/core/demokit/sample/common/index.html?component=odata.v4.RecursiveHierarchy&expandTo=1&visibleRowCount=8
+				</a>
+			</li>
+		</ul>
+
+		<h2>REALIZE and CHECK</h2>
+		<h3>First Page</h3>
+		<ul>
+			<li><b>Check:</b> The table should have the following content (empty lines not shown):
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Expand</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Expand 0 (Alpha)</h3>
+		<ul>
+			<li>Click on the expand button in the row 0 (Alpha).</li>
+			<li><b>Check:</b> The table should have the following content (empty lines not shown):
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Create New Child of 0 (Alpha)</h3>
+		<ul>
+			<li>Click on the "Create New Child" button in the row 0 (Alpha).</li>
+			<li><b>Check:</b> The table should have the following content (empty lines not shown):
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td></td><td>54</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Edit New Child's Name</h3>
+		<ul>
+			<li>Enter "1st new child" as name of the newly created node with ID 6.</li>
+			<li><b>Check:</b> The table should have the following content (empty lines not shown):
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td>1st new child #0+1</td><td>154</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Create New Child of 2 (Kappa)</h3>
+		<ul>
+			<li>Click on the "Create New Child" button in the row 2 (Kappa).</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td>1st new child #0+1</td><td>154</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2.1</td><td>2</td><td></td><td>55</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Edit New Child's Name</h3>
+		<ul>
+			<li>Enter "2nd new child" as name of the newly created node with ID 2.1.</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td>1st new child #0+1</td><td>154</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2.1</td><td>2</td><td>2nd new child #0+1</td><td>55</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>-</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Expand 5 (Xi)</h3>
+		<ul>
+			<li>Click on the expand button in the row 5 (Xi).</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>1</td><td>Collapse</td><td>0</td><td></td><td>Alpha</td><td>60</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td>1st new child #0+1</td><td>154</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2.1</td><td>2</td><td>2nd new child #0+1</td><td>55</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>&#x2713;</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Expand 5.1 (Omicron)</h3>
+		<ul>
+			<li>Scroll down by one row so that 5.1 (Omicron) is at the bottom.</li>
+			<li>Click on the expand button in the row 5.1 (Omicron).</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>6</td><td>0</td><td>1st new child #0+1</td><td>154</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2.1</td><td>2</td><td>2nd new child #0+1</td><td>55</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>3</td><td>Collapse</td><td>5.1</td><td>5</td><td>Omicron</td><td>41</td><td>&#x2713;</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Create New Child of 5.1 (Omicron)</h3>
+		<ul>
+			<li>Click on the "Create New Child" button in the row 5.1 (Omicron).</li>
+			<li>Scroll down by one row so that 5.1.10 () is at the bottom.</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>1</td><td>0</td><td>Beta</td><td>55</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>2</td><td>0</td><td>Kappa</td><td>56</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>2.1</td><td>2</td><td>2nd new child #0+1</td><td>55</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Leaf</td><td>3</td><td>0</td><td>Lambda</td><td>57</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Expand</td><td>4</td><td>0</td><td>Mu</td><td>58</td><td>-</td>
+					</tr>
+					<tr>
+						<td>2</td><td>Collapse</td><td>5</td><td>0</td><td>Xi</td><td>59</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>3</td><td>Collapse</td><td>5.1</td><td>5</td><td>Omicron</td><td>41</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.10</td><td>5.1</td><td></td><td>20</td><td>&#x2713;</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+		<h3>Scroll To The Bottom</h3>
+		<ul>
+			<li>Scroll to the bottom.</li>
+			<li><b>Check:</b> The table should have the following content:
+				<table border="1px" cellspacing="0" >
+					<tr>
+						<th>Level</th>
+						<th>(Icon's Tooltip)</th>
+						<th>ID</th>
+						<th>Manager's ID</th>
+						<th>Name</th>
+						<th>Age</th>
+						<th>"Create New Child" enabled</th>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.2</td><td>5.1</td><td>Rho</td><td>22</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.3</td><td>5.1</td><td>Sigma</td><td>23</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.4</td><td>5.1</td><td>Tau</td><td>24</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.5</td><td>5.1</td><td>Upsilon</td><td>25</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.6</td><td>5.1</td><td>Phi</td><td>26</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.7</td><td>5.1</td><td>Chi</td><td>27</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.8</td><td>5.1</td><td>Psi</td><td>28</td><td>&#x2713;</td>
+					</tr>
+					<tr>
+						<td>4</td><td>Leaf</td><td>5.1.9</td><td>5.1</td><td>Omega</td><td>29</td><td>&#x2713;</td>
+					</tr>
+				</table>
+			</li>
+		</ul>
+	</body>
+</html>