From 37488f301ced59fdd5d9b8145fd90d8237e55305 Mon Sep 17 00:00:00 2001
From: Fabian <frznhope@gmail.com>
Date: Wed, 21 Nov 2018 17:21:58 +0100
Subject: [PATCH] Fabo/bug fixes (#1617)

* fixed toolbar overlaying everything

* fixed page transaction showing multiple warnings

* fixed tab my delegations and added tests

* added test for pagetransactions

* changelog
---
 CHANGELOG.md                                  |   3 +
 .../renderer/components/common/VmToolBar.vue  |   4 -
 .../components/staking/TabMyDelegations.vue   |   6 +-
 .../components/wallet/PageTransactions.vue    |   6 +-
 .../staking/TabMyDelegations.spec.js          | 109 ++-
 .../TabMyDelegations.spec.js.snap             | 771 ++++++++++++++++++
 .../wallet/PageTransactions.spec.js           |   5 +-
 .../PageTransactions.spec.js.snap             |   6 -
 8 files changed, 872 insertions(+), 38 deletions(-)
 create mode 100644 test/unit/specs/components/staking/__snapshots__/TabMyDelegations.spec.js.snap

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 38dc414e3c..d49f54fb56 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -77,6 +77,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - [\#1590](https://github.com/cosmos/voyager/issues/1590) Fixed empty error notifications caused by latest SDK update @fedekunze
 - [\#1596](https://github.com/cosmos/voyager/issues/1596) Fixed error that prevented from triggering updates after submitting a new proposal @fedekunze
 - [\#1321](https://github.com/cosmos/voyager/issues/1321) Fixed styling on TmModal @jbibla
+- [\#1617](https://github.com/cosmos/voyager/pull/1617) Fixed multiple warnings showing on transactions page @faboweb
+- [\#1617](https://github.com/cosmos/voyager/pull/1617) Fixed my validators not showing @faboweb
+- [\#1617](https://github.com/cosmos/voyager/pull/1617) Fixed send buttons not clickable @faboweb
 - [\#1303](https://github.com/cosmos/voyager/issues/1303) Fixed spamming of setSubscription @faboweb
 
 ## [0.10.7] - 2018-10-10
diff --git a/app/src/renderer/components/common/VmToolBar.vue b/app/src/renderer/components/common/VmToolBar.vue
index 2c4d28075c..ec25ca223b 100644
--- a/app/src/renderer/components/common/VmToolBar.vue
+++ b/app/src/renderer/components/common/VmToolBar.vue
@@ -39,10 +39,6 @@ export default {
 }
 </script>
 <style lang="stylus">
-
-.tm-tool-bar
-  height 100%
-
 .tm-page-header-text
   padding-right 1rem
 
diff --git a/app/src/renderer/components/staking/TabMyDelegations.vue b/app/src/renderer/components/staking/TabMyDelegations.vue
index 2ada8cc132..cb2f287781 100644
--- a/app/src/renderer/components/staking/TabMyDelegations.vue
+++ b/app/src/renderer/components/staking/TabMyDelegations.vue
@@ -1,17 +1,17 @@
 <template lang="pug">
   div
-    div(v-if="yourValidators > 0")
+    div(v-if="yourValidators.length > 0")
       h3.tab-header
         | Active Delegations
         |
         i.material-icons.info-button(v-tooltip.top="bondInfo") info_outline
       table-validators(:validators="yourValidators")
 
-    tm-data-msg(v-if="yourValidators < 1", icon="info_outline")
+    tm-data-msg(v-if="yourValidators.length < 1", icon="info_outline")
       div(slot="title") No Active Delegations
       div(slot="subtitle") Looks like you haven't delegated any {{ this.bondingDenom }}s yet. Head over to the #[router-link(:to="{name: 'Validators'}") validator list] to make your first delegation!
 
-    .check-out-message(v-if="yourValidators > 0")
+    .check-out-message(v-if="yourValidators.length > 0")
       | Check out
       |
       router-link(:to="{name: 'Validators'}") the validator list
diff --git a/app/src/renderer/components/wallet/PageTransactions.vue b/app/src/renderer/components/wallet/PageTransactions.vue
index 8e8aa37bd5..6a0a841910 100644
--- a/app/src/renderer/components/wallet/PageTransactions.vue
+++ b/app/src/renderer/components/wallet/PageTransactions.vue
@@ -11,9 +11,9 @@ tm-page(data-title='Transactions')
   modal-search(type="transactions" v-if="somethingToSearch")
 
   tm-data-loading(v-if="transactions.loading")
-  tm-data-error(v-if="!transactions.loading && transactions.error")
-  data-empty-tx(v-if='!transactions.loading && allTransactions.length === 0 && !transactions.error')
-  data-empty-search(v-if="!transactions.loading && !transactions.error && filteredTransactions.length === 0")
+  tm-data-error(v-else-if="!transactions.loading && transactions.error")
+  data-empty-tx(v-else-if='!transactions.loading && allTransactions.length === 0 && !transactions.error')
+  data-empty-search(v-else-if="!transactions.loading && !transactions.error && filteredTransactions.length === 0")
 
   template(v-else v-for="(tx, i) in filteredTransactions")
     tm-li-any-transaction(
diff --git a/test/unit/specs/components/staking/TabMyDelegations.spec.js b/test/unit/specs/components/staking/TabMyDelegations.spec.js
index 644ceffc6f..6fa1b3b078 100644
--- a/test/unit/specs/components/staking/TabMyDelegations.spec.js
+++ b/test/unit/specs/components/staking/TabMyDelegations.spec.js
@@ -1,30 +1,97 @@
+import setup from "../../../helpers/vuex-setup"
 import lcdClientMock from "renderer/connectors/lcdClientMock.js"
 import TabMyDelegations from "renderer/components/staking/TabMyDelegations"
 
 const delegates = lcdClientMock.candidates
 
-it(`undelegatedValidators`, () => {
-  expect(
-    TabMyDelegations.computed.undelegatedValidators({
-      delegation: {
-        unbondingDelegations: {
-          [delegates[1].operator_address]: 1,
-          [delegates[2].operator_address]: 2
-        }
-      },
-      delegates: { delegates }
+describe(`Component: TabMyDelegations`, () => {
+  let { mount } = setup()
+
+  it(`should show committed validators`, () => {
+    let instance = mount(TabMyDelegations, {
+      getters: {
+        committedDelegations: () => ({
+          [delegates[0].operator_address]: 42
+        }),
+        delegates: () => ({
+          delegates
+        }),
+        delegation: () => ({
+          unbondingDelegations: {
+            [delegates[1].operator_address]: 1,
+            [delegates[2].operator_address]: 2
+          }
+        }),
+        bondingDenom: () => `stake`
+      }
     })
-  ).toEqual([delegates[1], delegates[2]])
-})
 
-it(`yourValidators`, () => {
-  expect(
-    TabMyDelegations.computed.yourValidators({
-      committedDelegations: {
-        [delegates[0].operator_address]: 1,
-        [delegates[2].operator_address]: 2
-      },
-      delegates: { delegates }
+    expect(instance.wrapper.html()).toContain(`Active Delegations`)
+    expect(instance.wrapper.vm.$el).toMatchSnapshot()
+  })
+
+  it(`should show unbonding validators`, () => {
+    let instance = mount(TabMyDelegations, {
+      getters: {
+        committedDelegations: () => ({}),
+        delegates: () => ({
+          delegates
+        }),
+        delegation: () => ({
+          unbondingDelegations: {
+            [delegates[1].operator_address]: 1,
+            [delegates[2].operator_address]: 2
+          }
+        }),
+        bondingDenom: () => `stake`
+      }
     })
-  ).toEqual([delegates[0], delegates[2]])
+
+    expect(instance.wrapper.html()).toContain(`Inactive Delegations`)
+    expect(instance.wrapper.vm.$el).toMatchSnapshot()
+  })
+
+  it(`should show a message if not staked yet to any validator`, () => {
+    let instance = mount(TabMyDelegations, {
+      getters: {
+        committedDelegations: () => ({}),
+        delegates: () => ({
+          delegates
+        }),
+        delegation: () => ({
+          unbondingDelegations: {}
+        }),
+        bondingDenom: () => `stake`
+      }
+    })
+
+    expect(instance.wrapper.html()).toContain(`No Active Delegations`)
+    expect(instance.wrapper.vm.$el).toMatchSnapshot()
+  })
+
+  it(`undelegatedValidators`, () => {
+    expect(
+      TabMyDelegations.computed.undelegatedValidators({
+        delegation: {
+          unbondingDelegations: {
+            [delegates[1].operator_address]: 1,
+            [delegates[2].operator_address]: 2
+          }
+        },
+        delegates: { delegates }
+      })
+    ).toEqual([delegates[1], delegates[2]])
+  })
+
+  it(`yourValidators`, () => {
+    expect(
+      TabMyDelegations.computed.yourValidators({
+        committedDelegations: {
+          [delegates[0].operator_address]: 1,
+          [delegates[2].operator_address]: 2
+        },
+        delegates: { delegates }
+      })
+    ).toEqual([delegates[0], delegates[2]])
+  })
 })
diff --git a/test/unit/specs/components/staking/__snapshots__/TabMyDelegations.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/TabMyDelegations.spec.js.snap
new file mode 100644
index 0000000000..950e70dc58
--- /dev/null
+++ b/test/unit/specs/components/staking/__snapshots__/TabMyDelegations.spec.js.snap
@@ -0,0 +1,771 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Component: TabMyDelegations should show a message if not staked yet to any validator 1`] = `
+<div>
+  <!---->
+  <div
+    class="tm-data-msg"
+  >
+    <div
+      class="tm-data-msg__icon"
+    >
+      <i
+        class="material-icons"
+      >
+        info_outline
+      </i>
+    </div>
+    <div
+      class="tm-data-msg__text"
+    >
+      <div
+        class="tm-data-msg__title"
+      >
+        <div>
+          No Active Delegations
+        </div>
+      </div>
+      <div
+        class="tm-data-msg__subtitle"
+      >
+        <div>
+          Looks like you haven't delegated any stakes yet. Head over to the 
+          <a
+            class=""
+            href="#/staking/Validators"
+          >
+            validator list
+          </a>
+           to make your first delegation!
+        </div>
+      </div>
+    </div>
+  </div>
+  <!---->
+  <!---->
+</div>
+`;
+
+exports[`Component: TabMyDelegations should show committed validators 1`] = `
+<div>
+  <div>
+    <h3
+      class="tab-header"
+    >
+      Active Delegations
+
+      <i
+        class="material-icons info-button"
+      >
+        info_outline
+      </i>
+    </h3>
+    <div>
+      <table>
+        <thead>
+          <tr
+            class="panel-sort-container"
+          >
+            <th
+              class="sort-by name"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Moniker
+              </a>
+            </th>
+            <th
+              class="sort-by your-votes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Delegated stake
+              </a>
+            </th>
+            <th
+              class="sort-by your-rewards"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Rewards
+              </a>
+            </th>
+            <th
+              class="sort-by percent_of_vote"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Voting Power
+              </a>
+            </th>
+            <th
+              class="sort-by uptime"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Uptime
+              </a>
+            </th>
+            <th
+              class="sort-by commission"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Commission
+              </a>
+            </th>
+            <th
+              class="sort-by slashes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Slashes
+              </a>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="li-validator"
+          >
+            <td
+              class="li-validator__moniker-container"
+            >
+              <img
+                class="li-validator__avatar no-img"
+                height="48"
+                src="~assets/images/validator-icon.svg"
+                width="48"
+              />
+              <div
+                class="li-validator__name-container"
+              >
+                <span
+                  class="validator-profile__status yellow"
+                />
+                <a
+                  class="li-validator__moniker"
+                  href="#/staking/validators/cosmosvaladdr15ky9du8a2wlstz6fpx3p4mqpjyrm5ctqzh8yqw"
+                >
+                  mr_mounty
+                </a>
+                <div
+                  class="short-bech32 li-validator__address"
+                >
+                  <div
+                    class="address"
+                    id="address"
+                  >
+                    cosmosvaladdr…8yqw
+                  </div>
+                  <div
+                    class="copied"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      check
+                    </i>
+                    <span>
+                      Copied
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td
+              class="li-validator__delegated-steak"
+            >
+              0.0000…
+            </td>
+            <td
+              class="li-validator__rewards"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__voting-power"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__uptime"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__commission"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__slashes"
+            >
+              n/a
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+  <!---->
+  <div
+    class="check-out-message"
+  >
+    Check out
+
+    <a
+      class=""
+      href="#/staking/Validators"
+    >
+      the validator list
+    </a>
+    
+to spread some of your Atoms around.
+  </div>
+  <div>
+    <h3
+      class="tab-header"
+    >
+      Inactive Delegations
+
+      <i
+        class="material-icons info-button"
+      >
+        info_outline
+      </i>
+    </h3>
+    <div>
+      <table>
+        <thead>
+          <tr
+            class="panel-sort-container"
+          >
+            <th
+              class="sort-by name"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Moniker
+              </a>
+            </th>
+            <th
+              class="sort-by your-votes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Delegated stake
+              </a>
+            </th>
+            <th
+              class="sort-by your-rewards"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Rewards
+              </a>
+            </th>
+            <th
+              class="sort-by percent_of_vote"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Voting Power
+              </a>
+            </th>
+            <th
+              class="sort-by uptime"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Uptime
+              </a>
+            </th>
+            <th
+              class="sort-by commission"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Commission
+              </a>
+            </th>
+            <th
+              class="sort-by slashes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Slashes
+              </a>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="li-validator"
+          >
+            <td
+              class="li-validator__moniker-container"
+            >
+              <img
+                class="li-validator__avatar no-img"
+                height="48"
+                src="~assets/images/validator-icon.svg"
+                width="48"
+              />
+              <div
+                class="li-validator__name-container"
+              >
+                <span
+                  class="validator-profile__status yellow"
+                />
+                <a
+                  class="li-validator__moniker"
+                  href="#/staking/validators/cosmosvaladdr15ky9du8a2wlstz6fpx3p4mqpjyrm5ctplpn3au"
+                >
+                  good_greg
+                </a>
+                <div
+                  class="short-bech32 li-validator__address"
+                >
+                  <div
+                    class="address"
+                    id="address"
+                  >
+                    cosmosvaladdr…n3au
+                  </div>
+                  <div
+                    class="copied"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      check
+                    </i>
+                    <span>
+                      Copied
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td
+              class="li-validator__delegated-steak"
+            >
+              0.0000…
+            </td>
+            <td
+              class="li-validator__rewards"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__voting-power"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__uptime"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__commission"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__slashes"
+            >
+              n/a
+            </td>
+          </tr>
+          <tr
+            class="li-validator"
+          >
+            <td
+              class="li-validator__moniker-container"
+            >
+              <img
+                class="li-validator__avatar no-img"
+                height="48"
+                src="~assets/images/validator-icon.svg"
+                width="48"
+              />
+              <div
+                class="li-validator__name-container"
+              >
+                <span
+                  class="validator-profile__status red"
+                />
+                <a
+                  class="li-validator__moniker"
+                  href="#/staking/validators/cosmosvaladdr15ky9du8a2wlstz6fpx3p4mqpjyrm5ctgurrg7n"
+                >
+                  herr_schmidt_revoked
+                </a>
+                <div
+                  class="short-bech32 li-validator__address"
+                >
+                  <div
+                    class="address"
+                    id="address"
+                  >
+                    cosmosvaladdr…rg7n
+                  </div>
+                  <div
+                    class="copied"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      check
+                    </i>
+                    <span>
+                      Copied
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td
+              class="li-validator__delegated-steak"
+            >
+              0.0000…
+            </td>
+            <td
+              class="li-validator__rewards"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__voting-power"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__uptime"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__commission"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__slashes"
+            >
+              n/a
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Component: TabMyDelegations should show unbonding validators 1`] = `
+<div>
+  <!---->
+  <div
+    class="tm-data-msg"
+  >
+    <div
+      class="tm-data-msg__icon"
+    >
+      <i
+        class="material-icons"
+      >
+        info_outline
+      </i>
+    </div>
+    <div
+      class="tm-data-msg__text"
+    >
+      <div
+        class="tm-data-msg__title"
+      >
+        <div>
+          No Active Delegations
+        </div>
+      </div>
+      <div
+        class="tm-data-msg__subtitle"
+      >
+        <div>
+          Looks like you haven't delegated any stakes yet. Head over to the 
+          <a
+            class=""
+            href="#/staking/Validators"
+          >
+            validator list
+          </a>
+           to make your first delegation!
+        </div>
+      </div>
+    </div>
+  </div>
+  <!---->
+  <div>
+    <h3
+      class="tab-header"
+    >
+      Inactive Delegations
+
+      <i
+        class="material-icons info-button"
+      >
+        info_outline
+      </i>
+    </h3>
+    <div>
+      <table>
+        <thead>
+          <tr
+            class="panel-sort-container"
+          >
+            <th
+              class="sort-by name"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Moniker
+              </a>
+            </th>
+            <th
+              class="sort-by your-votes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Delegated stake
+              </a>
+            </th>
+            <th
+              class="sort-by your-rewards"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Rewards
+              </a>
+            </th>
+            <th
+              class="sort-by percent_of_vote"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Voting Power
+              </a>
+            </th>
+            <th
+              class="sort-by uptime"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Uptime
+              </a>
+            </th>
+            <th
+              class="sort-by commission"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Commission
+              </a>
+            </th>
+            <th
+              class="sort-by slashes"
+            >
+              <a
+                class="sort-by-link"
+              >
+                Slashes
+              </a>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="li-validator"
+          >
+            <td
+              class="li-validator__moniker-container"
+            >
+              <img
+                class="li-validator__avatar no-img"
+                height="48"
+                src="~assets/images/validator-icon.svg"
+                width="48"
+              />
+              <div
+                class="li-validator__name-container"
+              >
+                <span
+                  class="validator-profile__status yellow"
+                />
+                <a
+                  class="li-validator__moniker"
+                  href="#/staking/validators/cosmosvaladdr15ky9du8a2wlstz6fpx3p4mqpjyrm5ctplpn3au"
+                >
+                  good_greg
+                </a>
+                <div
+                  class="short-bech32 li-validator__address"
+                >
+                  <div
+                    class="address"
+                    id="address"
+                  >
+                    cosmosvaladdr…n3au
+                  </div>
+                  <div
+                    class="copied"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      check
+                    </i>
+                    <span>
+                      Copied
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td
+              class="li-validator__delegated-steak"
+            >
+              0.0000…
+            </td>
+            <td
+              class="li-validator__rewards"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__voting-power"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__uptime"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__commission"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__slashes"
+            >
+              n/a
+            </td>
+          </tr>
+          <tr
+            class="li-validator"
+          >
+            <td
+              class="li-validator__moniker-container"
+            >
+              <img
+                class="li-validator__avatar no-img"
+                height="48"
+                src="~assets/images/validator-icon.svg"
+                width="48"
+              />
+              <div
+                class="li-validator__name-container"
+              >
+                <span
+                  class="validator-profile__status red"
+                />
+                <a
+                  class="li-validator__moniker"
+                  href="#/staking/validators/cosmosvaladdr15ky9du8a2wlstz6fpx3p4mqpjyrm5ctgurrg7n"
+                >
+                  herr_schmidt_revoked
+                </a>
+                <div
+                  class="short-bech32 li-validator__address"
+                >
+                  <div
+                    class="address"
+                    id="address"
+                  >
+                    cosmosvaladdr…rg7n
+                  </div>
+                  <div
+                    class="copied"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      check
+                    </i>
+                    <span>
+                      Copied
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td
+              class="li-validator__delegated-steak"
+            >
+              0.0000…
+            </td>
+            <td
+              class="li-validator__rewards"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__voting-power"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__uptime"
+            >
+              n/a
+            </td>
+            <td
+              class="li-validator__commission"
+            >
+              0.00%
+            </td>
+            <td
+              class="li-validator__slashes"
+            >
+              n/a
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
diff --git a/test/unit/specs/components/wallet/PageTransactions.spec.js b/test/unit/specs/components/wallet/PageTransactions.spec.js
index c14ff88b4d..0dad403355 100644
--- a/test/unit/specs/components/wallet/PageTransactions.spec.js
+++ b/test/unit/specs/components/wallet/PageTransactions.spec.js
@@ -11,7 +11,9 @@ describe(`PageTransactions`, () => {
       stubs: {
         "tm-li-any-transaction": `<tm-li-any-transaction />`,
         "tm-li-staking-transaction": `<tm-li-staking-transaction />`,
-        "data-empty-tx": `<data-empty-tx />`
+        "data-empty-tx": `<data-empty-tx />`,
+        "data-empty-search": `<data-empty-search />`,
+        "tm-data-error": `<tm-data-error />`
       },
       methods: {
         refreshTransactions: jest.fn() // we don't want to call getAllTxs on mount
@@ -99,6 +101,7 @@ describe(`PageTransactions`, () => {
     store.commit(`setGovernanceTxs`, [])
     wrapper.update()
     expect(wrapper.contains(`data-empty-tx`)).toBe(true)
+    expect(wrapper.contains(`data-empty-search`)).toBe(false)
   })
 
   it(`should not show search when there is nothing to search`, () => {
diff --git a/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap b/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
index 17910e5b8f..7b90448f49 100644
--- a/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
+++ b/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
@@ -151,9 +151,6 @@ exports[`PageTransactions has the expected html structure 1`] = `
   <main
     class="tm-page-main ps"
   >
-    <!---->
-    <!---->
-    <!---->
     <!---->
     <tm-li-any-transaction
       address="tb1d4u5zerywfjhxuc9nudvw"
@@ -414,9 +411,6 @@ exports[`PageTransactions should filter the transactions 1`] = `
         </div>
       </div>
     </div>
-    <!---->
-    <!---->
-    <!---->
     <tm-li-any-transaction
       address="tb1d4u5zerywfjhxuc9nudvw"
       bondingdenom="Steak"