fix(ui5-list): load-more event fired correctly (#8143)

* fix(ui5-list): load-more event fired correctly * test: add tests
SAP · Jan 19, 2024 · c483a28 · c483a28
1 parent e1f4e82
commit c483a28
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/main/src/themes/List.css b/packages/main/src/themes/List.css
@@ -114,4 +114,9 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+}
+
+.ui5-list-end-marker {
+	/* Ensure the list-end-marker has a block property to always be stretched and "visible" on the screen */
+	display: inline-block;
 }
diff --git a/packages/main/test/specs/List.spec.js b/packages/main/test/specs/List.spec.js
@@ -589,4 +589,12 @@ describe("List Tests", () => {
 
 		assert.equal(newTabIndex , "0", "The tabIndex of the list item root should be '0' when inner element receives focus.");
 	});
+
+	it("End marker has correct CSS properties", async () => {
+		const list = await browser.$(".list_test_page2auto");
+		const endMarker = await list.shadow$(".ui5-list-end-marker");
+		const display = await endMarker.getCSSProperty("display");
+
+		assert.strictEqual(display.value, 'inline-block', "The end marker is displayed");
+	});
 });