From 8e4628c2209b960593c26ac062ddf0dbf9d1e3e6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 24 Mar 2022 09:08:21 +0100
Subject: [PATCH] moved to QrCode folder

---
 .../src/components/GddSend/QrCode.spec.js     | 70 ------------------
 frontend/src/components/GddSend/QrCode.vue    | 72 -------------------
 2 files changed, 142 deletions(-)
 delete mode 100644 frontend/src/components/GddSend/QrCode.spec.js
 delete mode 100644 frontend/src/components/GddSend/QrCode.vue

diff --git a/frontend/src/components/GddSend/QrCode.spec.js b/frontend/src/components/GddSend/QrCode.spec.js
deleted file mode 100644
index 66da5748d..000000000
--- a/frontend/src/components/GddSend/QrCode.spec.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { mount } from '@vue/test-utils'
-import QrCode from './QrCode'
-
-const localVue = global.localVue
-
-describe('QrCode', () => {
-  let wrapper
-
-  const mocks = {
-    $t: jest.fn((t) => t),
-  }
-
-  const stubs = {
-    QrcodeStream: true,
-    QrcodeCapture: true,
-  }
-
-  const Wrapper = () => {
-    return mount(QrCode, { localVue, mocks, stubs })
-  }
-
-  describe('mount', () => {
-    beforeEach(() => {
-      wrapper = Wrapper()
-    })
-
-    it('renders the component', () => {
-      expect(wrapper.find('div.alert').exists()).toBeTruthy()
-    })
-
-    describe('scanning', () => {
-      beforeEach(async () => {
-        wrapper.find('a').trigger('click')
-      })
-
-      it('has a scanning stream', () => {
-        expect(wrapper.findComponent({ name: 'QrcodeStream' }).exists()).toBeTruthy()
-      })
-
-      describe('decode', () => {
-        beforeEach(async () => {
-          await wrapper
-            .findComponent({ name: 'QrcodeStream' })
-            .vm.$emit('decode', '[{"email": "user@example.org", "amount": 10.0}]')
-        })
-
-        it('emits set transaction', () => {
-          expect(wrapper.emitted()['set-transaction']).toEqual([
-            [
-              {
-                email: 'user@example.org',
-                amount: 10,
-              },
-            ],
-          ])
-        })
-      })
-
-      describe('detect', () => {
-        beforeEach(async () => {
-          await wrapper.find('div.row > *').vm.$emit('detect')
-        })
-
-        it('calls onDetect', () => {
-          expect(wrapper.vm.detect).toBeTruthy()
-        })
-      })
-    })
-  })
-})
diff --git a/frontend/src/components/GddSend/QrCode.vue b/frontend/src/components/GddSend/QrCode.vue
deleted file mode 100644
index 32e527cfe..000000000
--- a/frontend/src/components/GddSend/QrCode.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <b-alert show variant="secondary">
-    <!-- eslint-disable-next-line @intlify/vue-i18n/no-v-html -->
-    <span class="alert-text" v-html="$t('form.scann_code')"></span>
-    <b-col v-show="!scan" lg="12" class="text-right">
-      <a @click="toggle" class="nav-link pointer">
-        <img src="img/icons/gradido/qr-scan-pure.png" height="50" />
-      </a>
-    </b-col>
-
-    <div v-if="scan">
-      <b-row>
-        <qrcode-capture @detect="onDetect" capture="user"></qrcode-capture>
-      </b-row>
-
-      <qrcode-stream class="mt-3" @decode="onDecode" @detect="onDetect"></qrcode-stream>
-
-      <b-container>
-        <b-row>
-          <b-col lg="8">
-            <b-alert show variant="secondary">
-              <!-- eslint-disable-next-line @intlify/vue-i18n/no-v-html -->
-              <span class="alert-text" v-html="$t('form.scann_code')"></span>
-            </b-alert>
-          </b-col>
-        </b-row>
-      </b-container>
-    </div>
-    <div @click="toggle">
-      <b-alert v-show="scan" show variant="primary" class="pointer text-center">
-        <span class="alert-text">
-          <strong>{{ $t('form.cancel') }}</strong>
-        </span>
-      </b-alert>
-    </div>
-  </b-alert>
-</template>
-<script>
-import { QrcodeStream } from 'vue-qrcode-reader'
-
-export default {
-  name: 'QrCode',
-  components: {
-    QrcodeStream,
-  },
-  data() {
-    return {
-      scan: false,
-      detect: false,
-    }
-  },
-  methods: {
-    toggle() {
-      this.scan = !this.scan
-    },
-    async onDecode(decodedString) {
-      const arr = JSON.parse(decodedString)
-      this.$emit('set-transaction', { email: arr[0].email, amount: arr[0].amount })
-      this.scan = false
-    },
-    async onDetect() {
-      // TODO: what is this for? I added the detect data to test that the method is called
-      this.detect = !this.detect
-    },
-  },
-}
-</script>
-<style>
-.pointer {
-  cursor: pointer;
-}
-</style>