Fix review findings

Author: NikolaSimsic

maestro/helpers/compare_screenshots.js

@@ -57,8 +57,8 @@ fs.readdirSync(actualDir).forEach(file => {
       ];
     } else if (platform === 'android') {
       ignoredAreas = [
-        { x: 0, y: 0, width, height: 50 }, // Ignore top 40 pixels on Android
-        { x: width - 15, y: 0, width: 15, height } // Ignore right 10 pixels on Android
+        { x: 0, y: 0, width, height: 50 }, // Ignore top 50 pixels on Android
+        { x: width - 15, y: 0, width: 15, height } // Ignore right 15 pixels on Android
       ];
     }
 

maestro/run_maestro_tests_local.sh

@@ -4,12 +4,10 @@
 # Use command like: ./run_maestro_tests_local.sh android/ios proggress-circle-native
 
 if [ "$1" == "android" ]; then
-  #APP_ID="myapp.nativecomponentstestproject"
   APP_ID="com.mendix.nativetemplate"
   DEVICE_ID="emulator-5554"
   PLATFORM="android"
 elif [ "$1" == "ios" ]; then
-  #APP_ID="myapp.nativecomponentstestproject"
   APP_ID="com.mendix.native.template"
   DEVICE_ID="8CDB91BF-9D4A-4F1D-8952-A7ABBED10078"
   PLATFORM="ios"

packages/pluggableWidgets/image-native/e2e/specs/maestro/Image_url.yaml

@@ -9,6 +9,11 @@ appId: "${APP_ID}"
 - tapOn:
     text: "Image url"
 - assertVisible: "Main as Image URL(svg); Background as No; Action as Open dialog box"
-# - takeScreenshot:
-#     path: "maestro/images/actual/${PLATFORM}/image_url"
+# Because the image loading can take some time due to resources on emulator, we need to wait for the image to be visible
+- extendedWaitUntil: 
+     visible: randText  # Any random text that does not exist in the UI
+     optional: true  # This should be true so that the test won't fail
+     timeout: 15000 # 15 seconds
+- takeScreenshot:
+    path: "maestro/images/actual/${PLATFORM}/image_url"