feat(ui5-tabcontainer): Responsive paddings are now supported

Fixes: SAP#2539
TeodorTaushanov · Feb 17, 2021 · 4c8ac16 · 4c8ac16
1 parent f24b408
commit 4c8ac16
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/main/test/specs/TabContainer.spec.js b/packages/main/test/specs/TabContainer.spec.js
@@ -27,6 +27,20 @@ describe("TabContainer general interaction", () => {
 		assert.strictEqual(resultIdx.getText(), SELECTED_TAB_INDEX, "Tab index is retrieved correctly.");
 	});
 
+	it("tests custom media ranges", () => {
+		browser.setWindowSize(520, 1080);
+		assert.strictEqual($("#tabContainerIconOnly").getAttribute("media-range"), "S", "media-range=S");
+
+		browser.setWindowSize(650, 1080);
+		assert.strictEqual($("#tabContainerIconOnly").getAttribute("media-range"), "M", "media-range=M");
+
+		browser.setWindowSize(1350, 1080);
+		assert.strictEqual($("#tabContainerIconOnly").getAttribute("media-range"), "L", "media-range=L");
+
+		browser.setWindowSize(1650, 1080);
+		assert.strictEqual($("#tabContainerIconOnly").getAttribute("media-range"), "XL", "media-range=XL");
+	});
+
 	it("scroll works on iconsOnly TabContainer", () => {
 		browser.setWindowSize(520, 1080);