TT#130250 Add data-cy selectors for QR code

Change-Id: I521fcb79feab8a840ea0c88a9e20fe9fa60b92cd

src/boot/e2e-testing.js

@@ -4,7 +4,7 @@ import _ from 'lodash'
 export default ({ app, Vue }) => {
     Vue.mixin({
         mounted () {
-            if (this.$vnode && this.$el && this.$el.setAttribute) {
+            if (this.$vnode && this.$el && this.$el.setAttribute && this.$el.getAttribute && !this.$el.getAttribute('data-cy')) {
                 let dataCy = _.get(this.$vnode, 'componentOptions.Ctor.extendOptions.name', null)
                 if (dataCy !== null && this.$vnode.key) {
                     dataCy += '--' + this.$vnode.key

src/components/CscDialogQrCode.vue

@@ -12,6 +12,7 @@
             spinner-color="primary"
             :ratio="1"
             width="300px"
+            data-cy="qr-code-img"
         />
         <div
             v-else

src/layouts/CscLayoutMain.vue

@@ -61,6 +61,7 @@
                     class="q-ml-sm"
                     icon="qr_code"
                     color="primary"
+                    data-cy="qr-code-btn"
                     @click="showQrDialog"
                 />
                 <q-space />