Add test output for phones qr code scanner

packages/qr-code-scanner/src/i18n/de/translation.json

@@ -7,5 +7,7 @@
   "data": "Inhalt",
   "camera": "Kamera ",
   "front-camera": "Vordere Kamera",
-  "back-camera": "Rückseitige Kamera"
+  "back-camera": "Rückseitige Kamera",
+  "start-scan": "Scannen starten",
+  "stop-scan": "Scannen stoppen"
 }

packages/qr-code-scanner/src/i18n/en/translation.json

@@ -7,5 +7,7 @@
   "data": "Data",
   "camera": "Camera",
   "front-camera": "Frontcamera",
-  "back-camera": "Backcamera"
+  "back-camera": "Backcamera",
+  "start-scan": "Start scan",
+  "stop-scan": "Stop scan"
 }

packages/qr-code-scanner/src/qr-code-scanner.js

@@ -61,7 +61,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
             let devices_map = new Map();
 
             const that = this;
-
+            let counter = 0;
 
             if (navigator.mediaDevices
                 && navigator.mediaDevices.enumerateDevices
@@ -75,8 +75,12 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
                             if (device.kind === 'videoinput') {
                                 let id = device.deviceId;
                                 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
-                                    devices_map.set('environment', i18n.t('back-camera'));
-                                    devices_map.set('user', i18n.t('front-camera'));
+                                    if (counter === 0) {
+                                        devices_map.set('environment', i18n.t('back-camera'));
+                                        counter = 1;
+                                    } else {
+                                        devices_map.set('user', i18n.t('front-camera'));
+                                    }
                                 } else {
                                     devices_map.set(id ? id : true, device.label || i18n.t('camera') + (devices_map.size + 1));
                                 }
@@ -318,8 +322,8 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
                     <div class="${classMap({hidden: this.notSupported})}">
                     
                         <div class="button-wrapper">
-                            <button class="start button is-primary ${classMap({hidden: this.videoRunning})}" @click="${() => this.qrCodeScannerInit()}">start scanning</button>
-                            <button class="stop button is-primary ${classMap({hidden: !this.videoRunning})}" @click="${() => this.stopScanning()}">stop scanning</button>
+                            <button class="start button is-primary ${classMap({hidden: this.videoRunning})}" @click="${() => this.qrCodeScannerInit()}" title="${i18n.t('start-scan')}">${i18n.t('start-scan')}</button>
+                            <button class="stop button is-primary ${classMap({hidden: !this.videoRunning})}" @click="${() => this.stopScanning()}" title="${i18n.t('stop-scan')}">${i18n.t('stop-scan')}</button>
                             
                             <select id="videoSource"></select>