Image injection for App Accessibility testing

Simulate photos, QR codes, and barcodes scanning on real devices to streamline your app’s accessibility testing without physical hardware.

The Image Injection feature in App Accessibility allows you to test app functionalities that rely on camera input, such as capturing images, scanning QR codes, or scanning barcodes on real devices provided by BrowserStack. By injecting images or codes directly into your app during testing, you can simulate these camera actions without the need for physical devices or environments.

Following are the scenarios you can test using Image Injection:

• Capturing images of documents, receipts, checks, or other items.
• Scanning QR codes for authentication or information retrieval.
• Scanning barcodes for product information or inventory management.

This guide will walk you through the steps to:

1. Prepare your app for image injection
2. Upload images or QR codes
3. Perform tests using these injected inputs.

Supported images/QR codes/barcodes

• Images or QR codes/barcodes in the .jpg, .jpeg, and .png formats.
• Maximum size of an image/QR code/barcode not exceeding 10 MB .

curl -o patched_app.apk --location \
--request POST 'https://api-cloud.browserstack.com/app-automate/instrument-android-app' \
-u YOUR_USERNAME:YOUR_ACCESS_KEY \
--form 'file=@"/path/to/app.apk"' \
--form 'instrumentation_types="[\"CameraImageInjection\"]"'

curl -o patched_app.ipa --location \ 
--request POST 'https://api-cloud.browserstack.com/app-automate/instrument-app' \ 
-u YOUR_USERNAME:YOUR_ACCESS_KEY \ 
--form 'file=@"/path/to/app.ipa" 
--form 'instrumentation_types="[\"CameraImageInjection\"]"'

Now proceed with your workflow in your application where image input is required. For example, if a button in your app must scan a barcode. When you perform this action the barcode injected as image will be scanned.

Replace or delete an image/QR code/barcode

Managing your image assets is important. Learn how to replace existing images or remove unwanted QR codes and barcodes from your image gallery. These steps ensure that your test environment remains up-to-date and organized, allowing you to effectively simulate various camera inputs during your app accessibility testing.

Prerequisite

• Upload and inject image or QR code/barcode.

To replace an image when the image gallery is full:

1. Click Upload asset.

2. On the Your gallery is full prompt, click Remove and Upload.

   

   The oldest uploaded image is removed and is replaced by the latest uploaded image.

To delete an image from the image gallery:

1. Click the image you want to delete.

2. Click the delete icon (see annotation 1) on the image.

   

You see a message on the dashboard that the image was deleted successfully.