From 193bbf3ec316ff8d0fba0cc2efca7b3701a9e9b1 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Fri, 14 Nov 2025 16:21:36 +0000
Subject: [PATCH 1/9] feat: camera to scan

---
 beam/www/beam/components/CameraScanner.vue | 210 +++++++++++++++++++++
 beam/www/beam/pages/Move.vue               |  12 +-
 package.json                               |   1 +
 yarn.lock                                  |   5 +
 4 files changed, 225 insertions(+), 3 deletions(-)
 create mode 100644 beam/www/beam/components/CameraScanner.vue

diff --git a/beam/www/beam/components/CameraScanner.vue b/beam/www/beam/components/CameraScanner.vue
new file mode 100644
index 00000000..2febb942
--- /dev/null
+++ b/beam/www/beam/components/CameraScanner.vue
@@ -0,0 +1,210 @@
+<template>
+	<div v-if="showComponent" class="camera-scanner">
+		<BeamBtn @click="toggleCamera" :disabled="!canUseCamera">
+			<span v-if="!isScanning">Open Camera</span>
+			<span v-else>Close</span>
+		</BeamBtn>
+
+		<div v-if="isScanning" class="scanner-container">
+			<div id="camera-reader" ref="readerElement"></div>
+			<p v-if="lastScanned" class="last-scan">Last scanned: {{ lastScanned }}</p>
+		</div>
+
+		<div v-if="errorMessage" class="error-message">
+			<p><strong>{{ errorMessage }}</strong></p>
+			<div v-if="showPermissionHelp">
+				<p>You must allow camera access in your browser settings.</p>
+				<p><small>On mobile devices, check the permissions in Settings → Apps → Browser</small></p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { ref, onUnmounted, computed, onMounted } from 'vue'
+import { Html5Qrcode, Html5QrcodeSupportedFormats } from 'html5-qrcode'
+
+const emit = defineEmits<{
+	scan: [barcode: string, qty: number]
+}>()
+
+const isScanning = ref(false)
+const showComponent = ref(true)
+const readerElement = ref<HTMLElement | null>(null)
+const lastScanned = ref<string>('')
+const errorMessage = ref<string>('')
+const showPermissionHelp = ref(false)
+const hasCheckedPermissions = ref(false)
+let html5QrCode: Html5Qrcode | null = null
+
+const canUseCamera = computed(() => {
+	return !errorMessage.value || isScanning.value
+})
+
+const checkCameraPermissions = async () => {
+	try {
+		if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+			errorMessage.value = 'Your browser does not support camera access'
+			return
+		}
+
+		const devices = await navigator.mediaDevices.enumerateDevices()
+		const cameras = devices.filter(device => device.kind === 'videoinput')
+
+		if (cameras.length === 0) {
+			errorMessage.value = 'There is no camera found on this device'
+			showComponent.value = false
+			return
+		}
+
+		hasCheckedPermissions.value = true
+		errorMessage.value = ''
+	} catch (err) {
+		errorMessage.value = err.message || err.toString()
+	}
+}
+
+const startScanning = async () => {
+	errorMessage.value = ''
+	showPermissionHelp.value = false
+	isScanning.value = true
+
+	try {
+		await new Promise(resolve => setTimeout(resolve, 100))
+
+		try {
+			const stream = await navigator.mediaDevices.getUserMedia({
+				video: { facingMode: 'environment' }
+			})
+			stream.getTracks().forEach(track => track.stop())
+		} catch (err: any) {
+			isScanning.value = false
+
+			if (err.name === 'NotAllowedError' || err.name === 'PermissionDeniedError') {
+				errorMessage.value = 'Permission denied to access camera'
+				showPermissionHelp.value = true
+			} else if (err.name === 'NotFoundError' || err.name === 'DevicesNotFoundError') {
+				errorMessage.value = 'There is no camera found on this device'
+			} else {
+				errorMessage.value = err.message || err.toString()
+			}
+			return
+		}
+
+		html5QrCode = new Html5Qrcode('camera-reader', {
+			formatsToSupport: [
+				Html5QrcodeSupportedFormats.CODE_128,
+				Html5QrcodeSupportedFormats.CODE_39,
+				Html5QrcodeSupportedFormats.EAN_13,
+				Html5QrcodeSupportedFormats.EAN_8,
+				Html5QrcodeSupportedFormats.UPC_A,
+				Html5QrcodeSupportedFormats.UPC_E,
+			],
+			verbose: false,
+		})
+
+		const config = {
+			fps: 1,
+			qrbox: { width: 280, height: 280 },
+			aspectRatio: 1.0,
+		}
+
+		const cameraConfig = { facingMode: 'environment' }
+
+		await html5QrCode.start(
+			cameraConfig,
+			config,
+			(decodedText) => {
+				lastScanned.value = decodedText
+				emit('scan', decodedText, 1)
+			},
+			() => {
+				// Error callback
+			}
+		)
+	} catch (err: any) {
+		isScanning.value = false
+		errorMessage.value = err.message || err.toString()
+	}
+}
+
+const stopScanning = async () => {
+	if (html5QrCode && isScanning.value) {
+		try {
+			await html5QrCode.stop()
+			html5QrCode.clear()
+			isScanning.value = false
+			lastScanned.value = ''
+		} catch (err) {
+			errorMessage.value = err.message || err.toString()
+		}
+	}
+}
+
+const toggleCamera = async () => {
+	if (!isScanning.value) {
+		await startScanning()
+	} else {
+		await stopScanning()
+	}
+}
+
+onMounted(async () => {
+	await checkCameraPermissions()
+})
+
+onUnmounted(() => {
+	if (isScanning.value) {
+		stopScanning()
+	}
+})
+
+</script>
+
+<style scoped>
+.camera-scanner {
+	margin: 1rem 0;
+}
+
+.scanner-container {
+	background: #000;
+	border-radius: 8px;
+	padding: 1rem;
+	margin-top: 1rem;
+	max-width: 600px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#camera-reader {
+	width: 100%;
+	height: 150px;
+	position: relative;
+	border: 2px solid #42b983;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.last-scan {
+	color: #42b983;
+	text-align: center;
+	margin-top: 0.5rem;
+	font-weight: bold;
+	font-size: 1rem;
+}
+
+.error-message {
+	color: #721c24;
+	text-align: left;
+	padding: 1rem;
+	background: #f8d7da;
+	border: 1px solid #f5c6cb;
+	border-radius: 4px;
+	margin-top: 0.5rem;
+}
+
+.error-message strong {
+	display: block;
+	margin-bottom: 0.5rem;
+}
+</style>
diff --git a/beam/www/beam/pages/Move.vue b/beam/www/beam/pages/Move.vue
index 84115fa8..09b7bac9 100644
--- a/beam/www/beam/pages/Move.vue
+++ b/beam/www/beam/pages/Move.vue
@@ -8,6 +8,8 @@
 		</template>
 	</Navbar>
 	<div class="move">
+		<CameraScanner @scan="handleCameraScan" />
+
 		<div class="dropdown-container">
 			<ADropdown label="Source Warehouse" :items="warehouseList" v-model="stockEntry.from_warehouse" />
 			<BeamBtn class="clear-button" @click="clearField('from_warehouse')"> X </BeamBtn>
@@ -32,14 +34,14 @@ import type { ListViewItem } from '@stonecrop/beam'
 import { ref, onMounted, computed } from 'vue'
 
 import ControlButtons from '@/components/ControlButtons.vue'
+import CameraScanner from '@/components/CameraScanner.vue'
 import { useBeamStore } from '@/stores/beam'
+import { useScanStore } from '@/stores/scan'
 import type { ControlButton, DocActionResponse, StockEntry } from '@/types'
 import { watch } from 'vue'
-type Warehouse = {
-	name: string
-}
 
 const store = useBeamStore()
+const scanStore = useScanStore()
 const items = ref<ListViewItem[]>([])
 const stockEntry = computed(
 	(): StockEntry =>
@@ -53,6 +55,10 @@ const stockEntry = computed(
 )
 const componentKey = ref(0)
 
+const handleCameraScan = async (barcode: string, qty: number) => {
+	await scanStore.scan(barcode, qty)
+}
+
 const warehouseList = ref<string[]>([])
 
 onMounted(async () => {
diff --git a/package.json b/package.json
index 6fac20b9..913faf69 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
 		"@vueuse/core": "^13.0.0",
 		"acorn": "^8.14.1",
 		"glob": "^11.0.1",
+		"html5-qrcode": "^2.3.8",
 		"onscan.js": "^1.5.2",
 		"pinia": "^3.0.1",
 		"vue": "^3.5.13",
diff --git a/yarn.lock b/yarn.lock
index 4feccf77..5fc5c623 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2285,6 +2285,11 @@ hookable@^5.5.3:
   resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
   integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 
+html5-qrcode@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/html5-qrcode/-/html5-qrcode-2.3.8.tgz#0b0cdf7a9926cfd4be530e13a51db47592adfa0d"
+  integrity sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==
+
 idb@^7.0.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"

From 4bb22d2d4ba4986189ff1f732461908ef83a64e8 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Mon, 17 Nov 2025 13:21:22 +0000
Subject: [PATCH 2/9] linters

---
 beam/www/beam/components/CameraScanner.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/beam/www/beam/components/CameraScanner.vue b/beam/www/beam/components/CameraScanner.vue
index 2febb942..6629ef96 100644
--- a/beam/www/beam/components/CameraScanner.vue
+++ b/beam/www/beam/components/CameraScanner.vue
@@ -11,7 +11,9 @@
 		</div>
 
 		<div v-if="errorMessage" class="error-message">
-			<p><strong>{{ errorMessage }}</strong></p>
+			<p>
+				<strong>{{ errorMessage }}</strong>
+			</p>
 			<div v-if="showPermissionHelp">
 				<p>You must allow camera access in your browser settings.</p>
 				<p><small>On mobile devices, check the permissions in Settings → Apps → Browser</small></p>
@@ -74,7 +76,7 @@ const startScanning = async () => {
 
 		try {
 			const stream = await navigator.mediaDevices.getUserMedia({
-				video: { facingMode: 'environment' }
+				video: { facingMode: 'environment' },
 			})
 			stream.getTracks().forEach(track => track.stop())
 		} catch (err: any) {
@@ -114,7 +116,7 @@ const startScanning = async () => {
 		await html5QrCode.start(
 			cameraConfig,
 			config,
-			(decodedText) => {
+			decodedText => {
 				lastScanned.value = decodedText
 				emit('scan', decodedText, 1)
 			},
@@ -158,7 +160,6 @@ onUnmounted(() => {
 		stopScanning()
 	}
 })
-
 </script>
 
 <style scoped>

From e4b794b2d60335788120c6f078bd339b543d9902 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Tue, 9 Dec 2025 18:51:09 +0000
Subject: [PATCH 3/9] test: camera scanner

---
 beam/tests/mobile/test_camera_scanner.py | 84 ++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 beam/tests/mobile/test_camera_scanner.py

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
new file mode 100644
index 00000000..5d253a1a
--- /dev/null
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -0,0 +1,84 @@
+# Copyright (c) 2024, AgriTheory and contributors
+# For license information, please see license.txt
+
+# Tests for camera scanner component.
+
+import pytest
+
+import frappe
+from playwright.sync_api import expect
+
+
+def test_camera_scanner_button_visible(page, setup):
+	page.add_init_script("""
+		navigator.mediaDevices.enumerateDevices = async () => {
+			return [
+				{
+					kind: 'videoinput',
+					deviceId: 'mock-camera-1',
+					label: 'Mock Camera',
+					groupId: 'mock-group'
+				}
+			];
+		};
+	""")
+
+	page.get_by_text("Move").click()
+	page.wait_for_url("**/beam#/move")
+
+	page.wait_for_timeout(1000)
+
+	camera_button = page.locator("button:has-text('Open Camera')")
+	expect(camera_button).to_be_visible()
+
+
+def test_camera_scanner_button_hidden(page, setup):
+	page.add_init_script("""
+		navigator.mediaDevices.enumerateDevices = async () => {
+			return []; // No cameras
+		};
+	""")
+
+	page.get_by_text("Move").click()
+	page.wait_for_url("**/beam#/move")
+
+	page.wait_for_timeout(1000)
+
+	camera_scanner = page.locator(".camera-scanner")
+	expect(camera_scanner).not_to_be_visible()
+
+
+def test_camera_scanner_permission_denied(page, setup):
+	# Mock camera APIs to simulate permission denial
+	page.add_init_script("""
+		navigator.mediaDevices.enumerateDevices = async () => {
+			return [
+				{
+					kind: 'videoinput',
+					deviceId: 'mock-camera-1',
+					label: 'Mock Camera',
+					groupId: 'mock-group'
+				}
+			];
+		};
+		
+		navigator.mediaDevices.getUserMedia = async (constraints) => {
+			const error = new Error('Permission denied');
+			error.name = 'NotAllowedError';
+			throw error;
+		};
+	""")
+
+	page.get_by_text("Move").click()
+	page.wait_for_url("**/beam#/move")
+	page.wait_for_timeout(1000)
+
+	camera_button = page.locator("button:has-text('Open Camera')")
+	camera_button.click()
+
+	page.wait_for_timeout(500)
+
+	# Verify error message is displayed
+	error_message = page.locator(".error-message")
+	expect(error_message).to_be_visible()
+	expect(error_message).to_contain_text("Permission denied")

From 38858e87c776521d37978858c08697cff5870509 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Tue, 9 Dec 2025 18:51:24 +0000
Subject: [PATCH 4/9] fix: unused var

---
 beam/www/beam/components/CameraScanner.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/beam/www/beam/components/CameraScanner.vue b/beam/www/beam/components/CameraScanner.vue
index 6629ef96..a3546a6b 100644
--- a/beam/www/beam/components/CameraScanner.vue
+++ b/beam/www/beam/components/CameraScanner.vue
@@ -6,7 +6,7 @@
 		</BeamBtn>
 
 		<div v-if="isScanning" class="scanner-container">
-			<div id="camera-reader" ref="readerElement"></div>
+			<div id="camera-reader"></div>
 			<p v-if="lastScanned" class="last-scan">Last scanned: {{ lastScanned }}</p>
 		</div>
 
@@ -32,7 +32,6 @@ const emit = defineEmits<{
 
 const isScanning = ref(false)
 const showComponent = ref(true)
-const readerElement = ref<HTMLElement | null>(null)
 const lastScanned = ref<string>('')
 const errorMessage = ref<string>('')
 const showPermissionHelp = ref(false)

From 0eae786100f6387f86889870940ad03f7d941502 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Tue, 9 Dec 2025 19:01:32 +0000
Subject: [PATCH 5/9] test: camera scanner activates camera

---
 beam/tests/mobile/test_camera_scanner.py | 73 +++++++++++++++++++++---
 1 file changed, 64 insertions(+), 9 deletions(-)

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
index 5d253a1a..4ebfdb6f 100644
--- a/beam/tests/mobile/test_camera_scanner.py
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -3,14 +3,13 @@
 
 # Tests for camera scanner component.
 
-import pytest
 
-import frappe
 from playwright.sync_api import expect
 
 
 def test_camera_scanner_button_visible(page, setup):
-	page.add_init_script("""
+	page.add_init_script(
+		"""
 		navigator.mediaDevices.enumerateDevices = async () => {
 			return [
 				{
@@ -21,7 +20,8 @@ def test_camera_scanner_button_visible(page, setup):
 				}
 			];
 		};
-	""")
+	"""
+	)
 
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")
@@ -33,11 +33,13 @@ def test_camera_scanner_button_visible(page, setup):
 
 
 def test_camera_scanner_button_hidden(page, setup):
-	page.add_init_script("""
+	page.add_init_script(
+		"""
 		navigator.mediaDevices.enumerateDevices = async () => {
 			return []; // No cameras
 		};
-	""")
+	"""
+	)
 
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")
@@ -48,9 +50,61 @@ def test_camera_scanner_button_hidden(page, setup):
 	expect(camera_scanner).not_to_be_visible()
 
 
+def test_camera_scanner_activates_camera(page, setup):
+	page.add_init_script(
+		"""
+		window.getUserMediaCalled = false;
+		window.getUserMediaConstraints = null;
+
+		navigator.mediaDevices.enumerateDevices = async () => {
+			return [
+				{
+					kind: 'videoinput',
+					deviceId: 'mock-camera-1',
+					label: 'Mock Camera',
+					groupId: 'mock-group'
+				}
+			];
+		};
+
+		const originalGetUserMedia = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
+		navigator.mediaDevices.getUserMedia = async (constraints) => {
+			window.getUserMediaCalled = true;
+			window.getUserMediaConstraints = constraints;
+			// Return a minimal fake stream
+			const canvas = document.createElement('canvas');
+			canvas.width = 640;
+			canvas.height = 480;
+			return canvas.captureStream(30);
+		};
+	"""
+	)
+
+	page.get_by_text("Move").click()
+	page.wait_for_url("**/beam#/move")
+	page.wait_for_timeout(1000)
+
+	was_called_before = page.evaluate("window.getUserMediaCalled")
+	assert was_called_before == False, "getUserMedia should not be called before clicking button"
+
+	camera_button = page.locator("button:has-text('Open Camera')")
+	camera_button.click()
+	page.wait_for_timeout(500)
+
+	was_called_after = page.evaluate("window.getUserMediaCalled")
+	assert was_called_after == True, "getUserMedia should be called after clicking 'Open Camera'"
+
+	# Verify correct constraints (should request video with back camera)
+	constraints = page.evaluate("window.getUserMediaConstraints")
+	assert constraints is not None, "getUserMedia should receive constraints"
+	assert "video" in constraints, "Should request video stream"
+	assert constraints["video"]["facingMode"] == "environment", "Should request back camera"
+
+
 def test_camera_scanner_permission_denied(page, setup):
 	# Mock camera APIs to simulate permission denial
-	page.add_init_script("""
+	page.add_init_script(
+		"""
 		navigator.mediaDevices.enumerateDevices = async () => {
 			return [
 				{
@@ -61,13 +115,14 @@ def test_camera_scanner_permission_denied(page, setup):
 				}
 			];
 		};
-		
+
 		navigator.mediaDevices.getUserMedia = async (constraints) => {
 			const error = new Error('Permission denied');
 			error.name = 'NotAllowedError';
 			throw error;
 		};
-	""")
+	"""
+	)
 
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")

From dbcc36e370cf13cc238e7c7cbba885d01de884c0 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Wed, 10 Dec 2025 11:36:39 +0000
Subject: [PATCH 6/9] test: timeout added

---
 beam/tests/mobile/test_camera_scanner.py | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
index 4ebfdb6f..4c89e14d 100644
--- a/beam/tests/mobile/test_camera_scanner.py
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -44,10 +44,12 @@ def test_camera_scanner_button_hidden(page, setup):
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")
 
-	page.wait_for_timeout(1000)
+	# Wait for component to check permissions and decide to hide itself
+	page.wait_for_timeout(1500)
 
+	# The component should not be visible when no cameras are found
 	camera_scanner = page.locator(".camera-scanner")
-	expect(camera_scanner).not_to_be_visible()
+	expect(camera_scanner).to_have_count(0)
 
 
 def test_camera_scanner_activates_camera(page, setup):
@@ -88,8 +90,10 @@ def test_camera_scanner_activates_camera(page, setup):
 	assert was_called_before == False, "getUserMedia should not be called before clicking button"
 
 	camera_button = page.locator("button:has-text('Open Camera')")
+	expect(camera_button).to_be_enabled(timeout=10000)
+	
 	camera_button.click()
-	page.wait_for_timeout(500)
+	page.wait_for_timeout(1000)
 
 	was_called_after = page.evaluate("window.getUserMediaCalled")
 	assert was_called_after == True, "getUserMedia should be called after clicking 'Open Camera'"
@@ -129,6 +133,8 @@ def test_camera_scanner_permission_denied(page, setup):
 	page.wait_for_timeout(1000)
 
 	camera_button = page.locator("button:has-text('Open Camera')")
+	expect(camera_button).to_be_enabled(timeout=10000)
+	
 	camera_button.click()
 
 	page.wait_for_timeout(500)

From c5c6ffd020ab96542d2cab4cbf5a07dfbbdbe3b9 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Wed, 10 Dec 2025 11:55:27 +0000
Subject: [PATCH 7/9] linters

---
 beam/tests/mobile/test_camera_scanner.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
index 4c89e14d..da2e64e1 100644
--- a/beam/tests/mobile/test_camera_scanner.py
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -91,7 +91,7 @@ def test_camera_scanner_activates_camera(page, setup):
 
 	camera_button = page.locator("button:has-text('Open Camera')")
 	expect(camera_button).to_be_enabled(timeout=10000)
-	
+
 	camera_button.click()
 	page.wait_for_timeout(1000)
 
@@ -134,7 +134,7 @@ def test_camera_scanner_permission_denied(page, setup):
 
 	camera_button = page.locator("button:has-text('Open Camera')")
 	expect(camera_button).to_be_enabled(timeout=10000)
-	
+
 	camera_button.click()
 
 	page.wait_for_timeout(500)

From 7f9574a6e2178b05abc6dcfcf10c832ce6a28a40 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Wed, 10 Dec 2025 12:27:23 +0000
Subject: [PATCH 8/9] test: change order and fix permission_denied

---
 beam/tests/mobile/test_camera_scanner.py | 121 ++++++++++++-----------
 1 file changed, 65 insertions(+), 56 deletions(-)

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
index da2e64e1..3fcb239e 100644
--- a/beam/tests/mobile/test_camera_scanner.py
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -7,31 +7,6 @@
 from playwright.sync_api import expect
 
 
-def test_camera_scanner_button_visible(page, setup):
-	page.add_init_script(
-		"""
-		navigator.mediaDevices.enumerateDevices = async () => {
-			return [
-				{
-					kind: 'videoinput',
-					deviceId: 'mock-camera-1',
-					label: 'Mock Camera',
-					groupId: 'mock-group'
-				}
-			];
-		};
-	"""
-	)
-
-	page.get_by_text("Move").click()
-	page.wait_for_url("**/beam#/move")
-
-	page.wait_for_timeout(1000)
-
-	camera_button = page.locator("button:has-text('Open Camera')")
-	expect(camera_button).to_be_visible()
-
-
 def test_camera_scanner_button_hidden(page, setup):
 	page.add_init_script(
 		"""
@@ -52,12 +27,9 @@ def test_camera_scanner_button_hidden(page, setup):
 	expect(camera_scanner).to_have_count(0)
 
 
-def test_camera_scanner_activates_camera(page, setup):
+def test_camera_scanner_button_visible(page, setup):
 	page.add_init_script(
 		"""
-		window.getUserMediaCalled = false;
-		window.getUserMediaConstraints = null;
-
 		navigator.mediaDevices.enumerateDevices = async () => {
 			return [
 				{
@@ -68,24 +40,56 @@ def test_camera_scanner_activates_camera(page, setup):
 				}
 			];
 		};
-
-		const originalGetUserMedia = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
-		navigator.mediaDevices.getUserMedia = async (constraints) => {
-			window.getUserMediaCalled = true;
-			window.getUserMediaConstraints = constraints;
-			// Return a minimal fake stream
-			const canvas = document.createElement('canvas');
-			canvas.width = 640;
-			canvas.height = 480;
-			return canvas.captureStream(30);
-		};
 	"""
 	)
 
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")
+
 	page.wait_for_timeout(1000)
 
+	camera_button = page.locator("button:has-text('Open Camera')")
+	expect(camera_button).to_be_visible()
+
+
+def test_camera_scanner_activates_camera(page, setup):
+	page.add_init_script(
+		"""
+		window.getUserMediaCalled = false;
+		window.getUserMediaConstraints = null;
+
+		Object.defineProperty(navigator, 'mediaDevices', {
+			value: {
+				enumerateDevices: async () => {
+					return [
+						{
+							kind: 'videoinput',
+							deviceId: 'mock-camera-1',
+							label: 'Mock Camera',
+							groupId: 'mock-group'
+						}
+					];
+				},
+				getUserMedia: async (constraints) => {
+					window.getUserMediaCalled = true;
+					window.getUserMediaConstraints = constraints;
+					// Return a minimal fake stream
+					const canvas = document.createElement('canvas');
+					canvas.width = 640;
+					canvas.height = 480;
+					return canvas.captureStream(30);
+				}
+			},
+			writable: false,
+			configurable: true
+		});
+	"""
+	)
+
+	page.get_by_text("Move").click()
+	page.wait_for_url("**/beam#/move")
+	page.wait_for_timeout(2000)
+
 	was_called_before = page.evaluate("window.getUserMediaCalled")
 	assert was_called_before == False, "getUserMedia should not be called before clicking button"
 
@@ -109,28 +113,33 @@ def test_camera_scanner_permission_denied(page, setup):
 	# Mock camera APIs to simulate permission denial
 	page.add_init_script(
 		"""
-		navigator.mediaDevices.enumerateDevices = async () => {
-			return [
-				{
-					kind: 'videoinput',
-					deviceId: 'mock-camera-1',
-					label: 'Mock Camera',
-					groupId: 'mock-group'
+		Object.defineProperty(navigator, 'mediaDevices', {
+			value: {
+				enumerateDevices: async () => {
+					return [
+						{
+							kind: 'videoinput',
+							deviceId: 'mock-camera-1',
+							label: 'Mock Camera',
+							groupId: 'mock-group'
+						}
+					];
+				},
+				getUserMedia: async (constraints) => {
+					const error = new Error('Permission denied');
+					error.name = 'NotAllowedError';
+					throw error;
 				}
-			];
-		};
-
-		navigator.mediaDevices.getUserMedia = async (constraints) => {
-			const error = new Error('Permission denied');
-			error.name = 'NotAllowedError';
-			throw error;
-		};
+			},
+			writable: false,
+			configurable: true
+		});
 	"""
 	)
 
 	page.get_by_text("Move").click()
 	page.wait_for_url("**/beam#/move")
-	page.wait_for_timeout(1000)
+	page.wait_for_timeout(2000)
 
 	camera_button = page.locator("button:has-text('Open Camera')")
 	expect(camera_button).to_be_enabled(timeout=10000)

From 75a7f34587fc1e50385eb0588f2b163e228d4479 Mon Sep 17 00:00:00 2001
From: lauty95 <lautaroj95@gmail.com>
Date: Wed, 10 Dec 2025 12:42:58 +0000
Subject: [PATCH 9/9] test: navigator.mediaDevices changed to
 Object.defineProperty(navigator, 'mediaDevices'

---
 beam/tests/mobile/test_camera_scanner.py | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/beam/tests/mobile/test_camera_scanner.py b/beam/tests/mobile/test_camera_scanner.py
index 3fcb239e..75b9e4ec 100644
--- a/beam/tests/mobile/test_camera_scanner.py
+++ b/beam/tests/mobile/test_camera_scanner.py
@@ -10,9 +10,19 @@
 def test_camera_scanner_button_hidden(page, setup):
 	page.add_init_script(
 		"""
-		navigator.mediaDevices.enumerateDevices = async () => {
-			return []; // No cameras
-		};
+		Object.defineProperty(navigator, 'mediaDevices', {
+			value: {
+				enumerateDevices: async () => {
+					return []; // No cameras available
+				},
+				getUserMedia: async (constraints) => {
+					const canvas = document.createElement('canvas');
+					canvas.width = 640;
+					canvas.height = 480;
+					return canvas.captureStream(30);
+				}
+			},
+		});
 	"""
 	)