Update screenshot device mockup

[irfano]

Closes: woocommerce/woomobile-private#398

Description

This updates device mockup on the promo screenshots.

Steps to reproduce

Follow Android Screenshots instructions (P91TBi-8Pt-p2) to test generating promo screenshots.

The tests that have been performed

Generated promo screenshots with bundle exec fastlane create_promo_screenshot locales:en-US

Images/gif

Ignore status bar icons since I didn't enable demo mode when capturing screenshots.

Before	After

• I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

Reviewer (or Author, in the case of optional code reviews):

Please make sure these conditions are met before approving the PR, or request changes if the PR needs improvement:

• The PR is small and has a clear, single focus, or a valid explanation is provided in the description. If needed, please request to split it into smaller PRs.
• Ensure Adequate Unit Test Coverage: The changes are reasonably covered by unit tests or an explanation is provided in the PR description.
• Manual Testing: The author listed all the tests they ran, including smoke tests when needed (e.g., for refactorings). The reviewer confirmed that the PR works as expected on big (tablet) and small (phone) in case of UI changes, and no regressions are added.

[dangermattic]

	1 Message
📖	This PR has the Releases label: some checks will be skipped.

Generated by 🚫 Danger

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce-Wear Android
	Platform	⌚️ Wear OS
	Flavor	Jalapeno
	Build Type	Debug
	Commit	9630124
	Direct Download	woocommerce-wear-prototype-build-pr13249-9630124.apk

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce Android
	Platform	📱 Mobile
	Flavor	Jalapeno
	Build Type	Debug
	Commit	9630124
	Direct Download	woocommerce-prototype-build-pr13249-9630124.apk

[hafizrahman]

I tested this following the p2 documentation:

1. bundle exec fastlane take_screenshots locales:en-US worked flawlessly the first time
2. Installed the dependencies:
   1. brew install imagemagick automattic/build-tools/drawText
   2. bundle install --with screenshots
   3. bundle exec fastlane download_promo_strings
3. bundle exec fastlane create_promo_screenshots also worked flawlessly the first time

This created the promo screenshots correctly, and the new device frames look correct too. It's just that it has issues with corners, except for the top left corner, as well as the camera cutout in the center:

I see you don't have the same issues on your screenshots, so it feels like it's something specific with my build. Comparing my screenshot to yours, what's obvious is that the font size in mine is much bigger than yours. Could this be the cause?

[irfano]

Sorry @hafizrahman ! I forgot to mention that the emulator needs to be a Pixel 9 XL.

[hafizrahman]

Sorry @hafizrahman ! I forgot to mention that the emulator needs to be a Pixel 9 XL.

Discussed this in Slack; looks great now using the same emulator dimension! I did not know that the script uses whatever is the current active emulator 👍🏼