From 3346b96f18f555b2bc7d1bc2cc4cec19cdc3c2e0 Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Fri, 10 Feb 2023 17:09:11 -0300
Subject: [PATCH] Fix test cases and improve test from custom modal

---
 .../{ => CustomModal}/CustomModal.vue         |  0
 .../CustomModal/__tests__/CustomModal.spec.ts | 27 ++++++++++++++++
 src/components/QrCodeComponent.vue            |  8 ++---
 src/views/HomeView.vue                        | 31 +++++++++----------
 4 files changed, 46 insertions(+), 20 deletions(-)
 rename src/components/{ => CustomModal}/CustomModal.vue (100%)
 create mode 100644 src/components/CustomModal/__tests__/CustomModal.spec.ts

diff --git a/src/components/CustomModal.vue b/src/components/CustomModal/CustomModal.vue
similarity index 100%
rename from src/components/CustomModal.vue
rename to src/components/CustomModal/CustomModal.vue
diff --git a/src/components/CustomModal/__tests__/CustomModal.spec.ts b/src/components/CustomModal/__tests__/CustomModal.spec.ts
new file mode 100644
index 0000000..3cb723b
--- /dev/null
+++ b/src/components/CustomModal/__tests__/CustomModal.spec.ts
@@ -0,0 +1,27 @@
+import { mount } from "@vue/test-utils";
+import CustomModal from "../CustomModal.vue";
+
+describe("CustomModal test", () => {
+  test("Test custom modal when receive is redirect modal props as false", () => {
+    const wrapper = mount(CustomModal, {
+      props: {
+        isRedirectModal: false,
+      },
+    });
+
+    expect(wrapper.html()).toContain("ATENÇÃO!");
+    expect(wrapper.html()).toContain("Entendi");
+  });
+
+  test("Test custom modal when receive is redirect modal props as true", () => {
+    const wrapper = mount(CustomModal, {
+      props: {
+        isRedirectModal: true,
+      },
+    });
+
+    expect(wrapper.html()).toContain("Retomar a última compra?");
+    expect(wrapper.html()).toContain("Não");
+    expect(wrapper.html()).toContain("Sim");
+  });
+});
diff --git a/src/components/QrCodeComponent.vue b/src/components/QrCodeComponent.vue
index 7ed347a..3321347 100644
--- a/src/components/QrCodeComponent.vue
+++ b/src/components/QrCodeComponent.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { pix } from "../utils/QrCodePix";
+import { pix } from "@/utils/QrCodePix";
 import { ref } from "vue";
 import { debounce } from "@/utils/debounce";
-import CustomButton from "./CustomButton/CustomButton.vue";
-import CustomModal from "./CustomModal.vue";
-import api from "../services/index";
+import CustomButton from "@/components/CustomButton/CustomButton.vue";
+import CustomModal from "@/components//CustomModal/CustomModal.vue";
+import api from "@/services/index";
 
 // props and store references
 const props = defineProps({
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 82fdc0d..907856a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -2,16 +2,15 @@
 import SearchComponent from "@/components/SearchComponent.vue";
 import LoadingComponent from "@/components/LoadingComponent/LoadingComponent.vue";
 import BuyConfirmedComponent from "@/components/BuyConfirmedComponent/BuyConfirmedComponent.vue";
-import { ref, onMounted, watch } from "vue";
+import { ref, onMounted } from "vue";
 import { useEtherStore } from "@/store/ether";
 import QrCodeComponent from "@/components/QrCodeComponent.vue";
-import CustomModal from "@/components/CustomModal.vue";
+import CustomModal from "@/components/CustomModal/CustomModal.vue";
 import { storeToRefs } from "pinia";
 import { addLock, releaseLock } from "@/blockchain/buyerMethods";
 import {
   updateWalletStatus,
   listReleaseTransactionByWalletAddress,
-  checkUnreleasedLocks,
 } from "@/blockchain/wallet";
 import { getNetworksLiquidity } from "@/blockchain/events";
 import type { Event } from "ethers";
@@ -27,7 +26,7 @@ const etherStore = useEtherStore();
 etherStore.setSellerView(false);
 
 // States
-const { loadingLock, walletAddress, networkName } = storeToRefs(etherStore);
+const { loadingLock, walletAddress } = storeToRefs(etherStore);
 const flowStep = ref<Step>(Step.Search);
 const pixTarget = ref<number>();
 const tokenAmount = ref<number>();
@@ -87,18 +86,18 @@ const releaseTransaction = async (e2eId: string) => {
   }
 };
 
-const checkForUnreleasedLocks = async () => {
-  const walletLocks = await checkUnreleasedLocks(walletAddress.value);
-  if (walletLocks) {
-    lockID.value = walletLocks.lockID;
-    tokenAmount.value = walletLocks.pix.value;
-    pixTarget.value = Number(walletLocks.pix.pixKey);
-    showModal.value = true;
-  } else {
-    flowStep.value = Step.Search;
-    showModal.value = false;
-  }
-};
+// const checkForUnreleasedLocks = async () => {
+//   const walletLocks = await checkUnreleasedLocks(walletAddress.value);
+//   if (walletLocks) {
+//     lockID.value = walletLocks.lockID;
+//     tokenAmount.value = walletLocks.pix.value;
+//     pixTarget.value = Number(walletLocks.pix.pixKey);
+//     showModal.value = true;
+//   } else {
+//     flowStep.value = Step.Search;
+//     showModal.value = false;
+//   }
+// };
 
 // if (walletAddress) {
 //   await checkForUnreleasedLocks();