From 5972f24f4ed28fbfdbf5d29901ebd686662f77fb Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Mon, 13 Feb 2023 12:58:57 -0300
Subject: [PATCH] fix test and build ci to deploy app correctly

---
 .../BuyConfirmedComponent.vue                 |  1 +
 .../ListingComponent/ListingComponent.vue     |  6 ++-
 .../__tests__/ListingComponent.spec.ts        | 41 ++++---------------
 .../TopBar/__tests__/TopBar.spec.ts           |  2 +-
 4 files changed, 16 insertions(+), 34 deletions(-)

diff --git a/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue b/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue
index 8ab3a9a..2fd458a 100644
--- a/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue
+++ b/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue
@@ -56,6 +56,7 @@ const emit = defineEmits(["makeAnotherTransaction"]);
     </div>
     <div class="w-full max-w-4xl lg-view">
       <ListingComponent
+        :deposit-list="[]"
         :walletTransactions="lastWalletReleaseTransactions"
         :isManageMode="false"
       >
diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue
index 6fd6e2d..1fc9059 100644
--- a/src/components/ListingComponent/ListingComponent.vue
+++ b/src/components/ListingComponent/ListingComponent.vue
@@ -150,7 +150,7 @@ showInitialItems();
       v-for="item in itemsToShow"
       :key="item.blockNumber"
     >
-      <div class="flex justify-between items-center">
+      <div class="item-container">
         <div>
           <p class="text-sm leading-5 font-medium text-gray-600">
             {{ getEventName((item as Event).event) }}
@@ -238,6 +238,10 @@ p {
   @apply flex flex-col items-center justify-center gap-4;
 }
 
+.item-container {
+  @apply flex justify-between items-center;
+}
+
 .text {
   @apply text-white text-center;
 }
diff --git a/src/components/ListingComponent/__tests__/ListingComponent.spec.ts b/src/components/ListingComponent/__tests__/ListingComponent.spec.ts
index d7312f1..30b9208 100644
--- a/src/components/ListingComponent/__tests__/ListingComponent.spec.ts
+++ b/src/components/ListingComponent/__tests__/ListingComponent.spec.ts
@@ -13,6 +13,7 @@ describe("ListingComponent.vue", () => {
   test("Test Message when an empty array is received", () => {
     const wrapper = mount(ListingComponent, {
       props: {
+        depositList: [],
         walletTransactions: [],
         isManageMode: true,
       },
@@ -21,42 +22,16 @@ describe("ListingComponent.vue", () => {
     expect(wrapper.html()).toContain("Não há nenhuma transação anterior");
   });
 
-  test("Test Headers on List in Manage Mode", () => {
-    const wrapper = mount(ListingComponent, {
-      props: {
-        walletTransactions: MockValidDeposits,
-        isManageMode: true,
-      },
-    });
-
-    expect(wrapper.html()).toContain("Valor");
-    expect(wrapper.html()).toContain("Data");
-    expect(wrapper.html()).toContain("Retirar tokens");
-  });
-
-  test("Test Headers on List in Unmanage Mode", () => {
-    const wrapper = mount(ListingComponent, {
-      props: {
-        walletTransactions: MockEvents,
-        isManageMode: false,
-      },
-    });
-
-    expect(wrapper.html()).toContain("Valor");
-    expect(wrapper.html()).toContain("Data");
-    expect(wrapper.html()).toContain("Tipo de transação");
-    expect(wrapper.html()).toContain("Checar transação");
-  });
-
   test("Test number of elements in the list first render", () => {
     const wrapper = mount(ListingComponent, {
       props: {
+        depositList: [],
         walletTransactions: MockEvents,
         isManageMode: false,
       },
     });
 
-    const elements = wrapper.findAll(".transaction-date");
+    const elements = wrapper.findAll(".item-container");
 
     expect(elements).toHaveLength(3);
   });
@@ -64,18 +39,19 @@ describe("ListingComponent.vue", () => {
   test("Test load more button behavior", async () => {
     const wrapper = mount(ListingComponent, {
       props: {
+        depositList: [],
         walletTransactions: MockValidDeposits,
         isManageMode: false,
       },
     });
     const btn = wrapper.find("button");
 
-    let elements = wrapper.findAll(".transaction-date");
+    let elements = wrapper.findAll(".item-container");
     expect(elements).toHaveLength(3);
 
     await btn.trigger("click");
 
-    elements = wrapper.findAll(".transaction-date");
+    elements = wrapper.findAll(".item-container");
 
     expect(elements).toHaveLength(5);
   });
@@ -83,14 +59,15 @@ describe("ListingComponent.vue", () => {
   test("Test withdraw offer button emit", async () => {
     const wrapper = mount(ListingComponent, {
       props: {
+        depositList: MockValidDeposits,
         walletTransactions: MockValidDeposits,
         isManageMode: true,
       },
     });
-    wrapper.vm.$emit("withdrawDeposit");
+    wrapper.vm.$emit("depositWithdrawn");
 
     await wrapper.vm.$nextTick();
 
-    expect(wrapper.emitted("withdrawDeposit")).toBeTruthy();
+    expect(wrapper.emitted("depositWithdrawn")).toBeTruthy();
   });
 });
diff --git a/src/components/TopBar/__tests__/TopBar.spec.ts b/src/components/TopBar/__tests__/TopBar.spec.ts
index 8e28f75..6a55d74 100644
--- a/src/components/TopBar/__tests__/TopBar.spec.ts
+++ b/src/components/TopBar/__tests__/TopBar.spec.ts
@@ -30,6 +30,6 @@ describe("TopBar.vue", () => {
   it("should render the P2Pix logo correctly", () => {
     const wrapper = shallowMount(TopBar);
     const img = wrapper.findAll(".logo");
-    expect(img.length).toBe(1);
+    expect(img.length).toBe(2);
   });
 });