diff --git a/apps/ui-tests-app/css/zindex.xml b/apps/ui-tests-app/css/zindex.xml
index d332c79742..5e6defca9f 100644
--- a/apps/ui-tests-app/css/zindex.xml
+++ b/apps/ui-tests-app/css/zindex.xml
@@ -1,6 +1,10 @@
 <Page>
-  <AbsoluteLayout>
-    <StackLayout style="height:100; width: 100; z-index: 1; background-color: red;" />
-    <StackLayout style="height:100; width: 100; background-color: green;" />
-  </AbsoluteLayout>
+    <StackLayout automationText="zIndex">
+      <AbsoluteLayout style="background-color: green;">
+        <Button text="button 1" style="height: 100; width: 100; z-index: 999; background-color: red;" />
+        <Button text="button 2" left="20" top="70" style="height: 100; width: 100; z-index:1; background-color: yellow;"/>
+        <Button text="button 3" left="60" top="130" style="height: 100; width: 100; z-index:0; background-color: blue; color: black;"/>
+        <Button text="button 4" left="90" top="190" style="height: 100; width: 100; z-index:-1; background-color: orange;"/>
+      </AbsoluteLayout>
+  </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 13e6850209..67cd477505 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -46,6 +46,7 @@ examples.set("radius", "css/radius");
 examples.set("styles", "css/styles");
 examples.set("switch", "css/views");
 examples.set("tabmore", "css/tab-view-more");
+examples.set("zindex", "css/zindex");
 
 examples.set("dialogs", "dialogs/dialogs");