diff --git a/e2e/safe-area/app/repeater/repeater-page.ts b/e2e/safe-area/app/repeater/repeater-page.ts
new file mode 100644
index 000000000..1d8fac2a8
--- /dev/null
+++ b/e2e/safe-area/app/repeater/repeater-page.ts
@@ -0,0 +1,10 @@
+import { Observable } from "tns-core-modules/data/observable";
+
+const colors = ["red", "green", "blue", "yellow"];
+
+export function onNavigatingTo(args) {
+    const page = args.object;
+    const vm = new Observable();
+    vm.set("myItems", colors);
+    page.bindingContext = vm;
+}
diff --git a/e2e/safe-area/app/repeater/repeater-page.xml b/e2e/safe-area/app/repeater/repeater-page.xml
new file mode 100644
index 000000000..24d75f973
--- /dev/null
+++ b/e2e/safe-area/app/repeater/repeater-page.xml
@@ -0,0 +1,3 @@
+<Page xmlns="http://www.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
+  <Repeater items="{{ myItems }}" backgroundColor="Pink" />
+</Page>