test: place diff images next to baselines (#503)

# Summary

Previously, due to a recent bug in maestro, diff images were placed in
the `.maestro/screenshots/android/.maestro/screenshots/android`
directory, same for iOS. This PR fixes that, by using absolute paths we
ensure diff images are placed next to the baselines meaning in
`.maestro/screenshots/{android, ios}` directories.

## Test Plan

+ Check if tests still pass.
+ "Break" a single baseline by for example coloring part of it and
verify `*_diff.png` image is created in the same directory as the
baseline.

## Screenshots / Videos

N/A

## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |    ✅ |
| Android |    ✅     |

## Checklist

- [x] E2E tests are passing
- [ ] Required E2E tests have been added (if applicable)

Author: pkaramon

.maestro/scripts/run-tests.sh

@@ -34,6 +34,8 @@ if [ "$(printf '%s\n' "$MIN_MAESTRO_VERSION" "$MAESTRO_VERSION" | sort -V | head
 fi
 
 SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/../.." && pwd)"
+SCREENSHOT_ROOT="$REPO_ROOT/.maestro/screenshots"
 BUNDLE_ID="swmansion.enriched.example"
 
 PLATFORM=""
@@ -80,8 +82,8 @@ else
   echo "=== App ($BUNDLE_ID) already installed, skipping build ==="
 fi
 
-EXTRA=""
-[ -n "$UPDATE_SCREENSHOTS" ] && EXTRA="--env UPDATE_SCREENSHOTS=true"
+EXTRA="--env SCREENSHOT_ROOT=$SCREENSHOT_ROOT"
+[ -n "$UPDATE_SCREENSHOTS" ] && EXTRA="$EXTRA --env UPDATE_SCREENSHOTS=true"
 
 # Exclude tests tagged for the other platform.
 case "$PLATFORM" in

.maestro/subflows/capture_or_assert_screenshot.yaml

@@ -8,7 +8,7 @@ appId: swmansion.enriched.example
       true: ${UPDATE_SCREENSHOTS === "true"}
     commands:
       - takeScreenshot:
-          path: ".maestro/screenshots/${maestro.platform}/${SCREENSHOT_NAME}"
+          path: "${SCREENSHOT_ROOT}/${maestro.platform}/${SCREENSHOT_NAME}"
           cropOn:
             id: "editor-input"
 
@@ -17,7 +17,7 @@ appId: swmansion.enriched.example
       true: ${UPDATE_SCREENSHOTS !== "true"}
     commands:
       - assertScreenshot:
-          path: ".maestro/screenshots/${maestro.platform}/${SCREENSHOT_NAME}.png"
+          path: "${SCREENSHOT_ROOT}/${maestro.platform}/${SCREENSHOT_NAME}"
           thresholdPercentage: 100
           cropOn:
             id: "editor-input"