- 
+ ![]()
@@ -15,40 +11,34 @@ export default {
transactionGroup: {
type: String,
required: true
+ },
+ transactionType: {
+ type: String,
+ required: true
+ }
+ },
+ computed: {
+ icon() {
+ return `/img/icons/activity/${this.transactionType}.svg`
}
}
}
diff --git a/src/components/transactions/TransactionItem.vue b/src/components/transactions/TransactionItem.vue
index 508df53e4b..a24d55e9f3 100644
--- a/src/components/transactions/TransactionItem.vue
+++ b/src/components/transactions/TransactionItem.vue
@@ -1,24 +1,63 @@
-
+
-
+
+
diff --git a/src/components/transactions/TransactionList.vue b/src/components/transactions/TransactionList.vue
index 652bd5c26b..cc3e3ee64b 100644
--- a/src/components/transactions/TransactionList.vue
+++ b/src/components/transactions/TransactionList.vue
@@ -97,7 +97,7 @@ export default {
diff --git a/src/components/transactions/message-view/BeginRedelegateMessageDetails.vue b/src/components/transactions/message-view/BeginRedelegateMessageDetails.vue
index c9fd6ea900..1f5024d7f4 100644
--- a/src/components/transactions/message-view/BeginRedelegateMessageDetails.vue
+++ b/src/components/transactions/message-view/BeginRedelegateMessageDetails.vue
@@ -1,31 +1,46 @@
-
+
+
+ keyboard_arrow_down
+
+
+
+
-
-
- - Redelegated - {{ coin.amount | atoms | prettyLong }} - {{ coin.denom | viewDenom }} -
-
- From
+
+
@@ -33,6 +48,7 @@
import { atoms, viewDenom, prettyLong } from "scripts/num.js"
import { resolveValidatorName } from "src/filters"
import { getCoin } from "scripts/transaction-utils"
+import TransactionIcon from "../TransactionIcon"
export default {
name: `begin-redelegate-message-details`,
@@ -42,6 +58,9 @@ export default {
prettyLong,
resolveValidatorName
},
+ components: {
+ TransactionIcon
+ },
props: {
transaction: {
type: Object,
@@ -52,10 +71,32 @@ export default {
required: true
}
},
+ data: () => {
+ return {
+ type: `Restaked`,
+ caption: `Restaked`
+ }
+ },
computed: {
coin() {
return getCoin(this.transaction)
+ },
+ sourceValidator() {
+ return (
+ this.validators[this.transaction.value.validator_src_address] || false
+ )
+ },
+ destinationValidator() {
+ return (
+ this.validators[this.transaction.value.validator_dst_address] || false
+ )
}
}
}
+
diff --git a/src/components/transactions/message-view/CreateValidatorMessageDetails.vue b/src/components/transactions/message-view/CreateValidatorMessageDetails.vue
index 85c09cc5c4..c7ae485ff7 100644
--- a/src/components/transactions/message-view/CreateValidatorMessageDetails.vue
+++ b/src/components/transactions/message-view/CreateValidatorMessageDetails.vue
@@ -1,15 +1,21 @@
-
+
+ ![]()
{{
transaction.value.validator_src_address
| resolveValidatorName(validators)
}} To
+ >arrow_right_alt
+ ![]()
{{
transaction.value.validator_dst_address
| resolveValidatorName(validators)
}}
+ {{ caption }}
+ From
+
+ {{ coin.amount | atoms | prettyLong }} {{ coin.denom | viewDenom }} +
+
-
-
- - Create validator -
-
- Monikor
+
+
+
+ ![]()
{{
transaction.value.validator_address | resolveValidatorName(validators)
}}
@@ -21,6 +27,7 @@
diff --git a/src/components/transactions/message-view/DelegateMessageDetails.vue b/src/components/transactions/message-view/DelegateMessageDetails.vue
index e2e6ed6a6b..9ceed5a92f 100644
--- a/src/components/transactions/message-view/DelegateMessageDetails.vue
+++ b/src/components/transactions/message-view/DelegateMessageDetails.vue
@@ -1,22 +1,31 @@
-
{{ caption }}
+ moniker
-
-
- - Delegated - {{ coin.amount | atoms | prettyLong }} - {{ coin.denom | viewDenom }} -
-
- To
+
+
@@ -24,6 +33,7 @@
import { atoms, viewDenom, prettyLong } from "scripts/num.js"
import { resolveValidatorName } from "src/filters"
import { getCoin } from "scripts/transaction-utils"
+import TransactionIcon from "../TransactionIcon"
export default {
name: `delegate-message-details`,
@@ -33,6 +43,9 @@ export default {
prettyLong,
resolveValidatorName
},
+ components: {
+ TransactionIcon
+ },
props: {
transaction: {
type: Object,
@@ -43,9 +56,18 @@ export default {
required: true
}
},
+ data: () => {
+ return {
+ type: `Staked`,
+ caption: `Staked`
+ }
+ },
computed: {
coin() {
return getCoin(this.transaction)
+ },
+ validator() {
+ return this.validators[this.transaction.value.validator_address] || false
}
}
}
diff --git a/src/components/transactions/message-view/DepositMessageDetails.vue b/src/components/transactions/message-view/DepositMessageDetails.vue
index b4ba10eda6..94408ae9d5 100644
--- a/src/components/transactions/message-view/DepositMessageDetails.vue
+++ b/src/components/transactions/message-view/DepositMessageDetails.vue
@@ -1,24 +1,29 @@
-
+
+ ![]()
{{
transaction.value.validator_address | resolveValidatorName(validators)
}}
+ {{ caption }}
+ With
+
+ {{ coin.amount | atoms | prettyLong }} {{ coin.denom | viewDenom }} +
+
-
-
- - Deposited - {{ deposit.amount | atoms | prettyLong }} - {{ deposit.denom | viewDenom }} -
-
- On
+
+
diff --git a/src/components/transactions/message-view/MultiSendMessageDetails.vue b/src/components/transactions/message-view/MultiSendMessageDetails.vue
new file mode 100644
index 0000000000..e70fb6d7a4
--- /dev/null
+++ b/src/components/transactions/message-view/MultiSendMessageDetails.vue
@@ -0,0 +1,111 @@
+
+
+ Proposal #{{ transaction.value.proposal_id }}
+ {{ caption }}
+ On
+
+ {{ deposit.amount | atoms | prettyLong }} + {{ deposit.denom | viewDenom }} +
+
+
+
+
+
diff --git a/src/components/transactions/message-view/SendMessageDetails.vue b/src/components/transactions/message-view/SendMessageDetails.vue
index afffaf74ee..7b1890c69d 100644
--- a/src/components/transactions/message-view/SendMessageDetails.vue
+++ b/src/components/transactions/message-view/SendMessageDetails.vue
@@ -1,30 +1,34 @@
-
+
+ {{ caption }}
+ + To yourself — + + + To +
+
+ + {{ coin.amount | atoms | prettyLong }} {{ coin.denom | viewDenom }} +
+
-
-
- - {{ caption }} - {{ coin.amount | atoms | prettyLong }} - {{ coin.denom | viewDenom }} -
-
+
+
@@ -33,6 +37,7 @@
import { atoms, viewDenom, prettyLong } from "scripts/num.js"
import Bech32 from "common/Bech32"
import { getCoin } from "scripts/transaction-utils"
+import TransactionIcon from "../TransactionIcon"
export default {
name: `send-message-details`,
@@ -42,7 +47,8 @@ export default {
prettyLong
},
components: {
- Bech32
+ Bech32,
+ TransactionIcon
},
props: {
transaction: {
@@ -77,6 +83,16 @@ export default {
this.sessionAddress !== this.transaction.value.from_address
)
},
+ type() {
+ if (
+ this.transaction.value.to_address === this.sessionAddress &&
+ this.transaction.value.from_address !== this.sessionAddress
+ ) {
+ return "Received"
+ } else {
+ return "Sent"
+ }
+ },
caption() {
if (
this.transaction.value.to_address === this.sessionAddress &&
diff --git a/src/components/transactions/message-view/SetWithdrawAddressMessageDetails.vue b/src/components/transactions/message-view/SetWithdrawAddressMessageDetails.vue
index c5fe4cb28a..53aa232c16 100644
--- a/src/components/transactions/message-view/SetWithdrawAddressMessageDetails.vue
+++ b/src/components/transactions/message-view/SetWithdrawAddressMessageDetails.vue
@@ -1,16 +1,19 @@
-
+
+ {{ caption }}
- To yourself! + To yourself — +
+
+ {{ coin.amount | atoms | prettyLong }} {{ coin.denom | viewDenom }} +
-
-
- Update withdraw address
-
- To {{ transaction.value.withdraw_address }}
+
+
diff --git a/src/components/transactions/message-view/SubmitProposalMessageDetails.vue b/src/components/transactions/message-view/SubmitProposalMessageDetails.vue
index 95f918c621..0a6e1d0895 100644
--- a/src/components/transactions/message-view/SubmitProposalMessageDetails.vue
+++ b/src/components/transactions/message-view/SubmitProposalMessageDetails.vue
@@ -1,14 +1,18 @@
-
+
{{ caption }}
+ to {{ transaction.value.withdraw_address }}
-
-
- Submitted {{ transaction.value.proposal_type.toLowerCase() }} proposal - {{ initialDeposit.amount | atoms | prettyLong }} - {{ initialDeposit.denom | viewDenom }} -
+
+
+
- {{ caption }}
+ {{ transaction.value.title }}
- Title {{ transaction.value.title }}
+
@@ -16,6 +20,7 @@
-
-
diff --git a/src/components/transactions/message-view/UnjailMessageDetails.vue b/src/components/transactions/message-view/UnjailMessageDetails.vue
index 85df27ed7b..0721aaeffe 100644
--- a/src/components/transactions/message-view/UnjailMessageDetails.vue
+++ b/src/components/transactions/message-view/UnjailMessageDetails.vue
@@ -1,10 +1,12 @@
-
+
+ {{ initialDeposit.amount | atoms | prettyLong }} + {{ initialDeposit.denom | viewDenom }} +
-
-
- Unjail
-
- Name:
+
+
+ {{
transaction.value.address | formatBech32
}}
@@ -14,12 +16,16 @@
diff --git a/src/components/transactions/message-view/VoteMessageDetails.vue b/src/components/transactions/message-view/VoteMessageDetails.vue
index 3a40696979..40e1788e19 100644
--- a/src/components/transactions/message-view/VoteMessageDetails.vue
+++ b/src/components/transactions/message-view/VoteMessageDetails.vue
@@ -1,10 +1,14 @@
-
{{ caption }}
+ name:
-
-
- Voted {{ transaction.value.option }}
-
- On
+
+
+ Proposal #{{ transaction.value.proposal_id }}
@@ -14,12 +18,16 @@
+
diff --git a/src/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.vue b/src/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.vue
index 00b9dfcd9b..4b5a86429d 100644
--- a/src/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.vue
+++ b/src/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.vue
@@ -1,16 +1,26 @@
-
+
+`;
+
+exports[`TransactionIcon renders a Create transaction icon 1`] = `
+
{{ caption }}
+ {{ transaction.value.option }} on
-
diff --git a/tests/unit/specs/components/transactions/TransactionDetails.spec.js b/tests/unit/specs/components/transactions/TransactionDetails.spec.js
deleted file mode 100644
index 1a1d2ac654..0000000000
--- a/tests/unit/specs/components/transactions/TransactionDetails.spec.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import { mount, createLocalVue } from "@vue/test-utils"
-import TransactionDetails from "src/components/transactions/TransactionDetails"
-import { testTransactionObjects } from "tests/unit/helpers/testValues"
-describe(`TransactionDetails`, () => {
- let wrapper
-
- const localVue = createLocalVue()
- localVue.directive(`tooltip`, () => {})
- localVue.directive(`clipboard`, () => {})
- beforeEach(() => {
- wrapper = mount(TransactionDetails, {
- localVue,
- propsData: {
- transaction: testTransactionObjects[0],
- validators: {},
- address: "cosmos1"
- },
- stubs: ["router-link"]
- })
- })
- it(`renders MsgSend transaction item unrelated to session user`, () => {
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSend transaction item from session user to other`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[1] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSend transaction item to yourself`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[2] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSend transaction item from other to you`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[3] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgUndelegate transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[4] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgBeginRedelegate transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[5] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgDelegate transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[6] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgWithdrawDelegationReward transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[7] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSubmitProposal transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[8] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgVote transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[9] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgDeposit transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[10] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSetWithdrawAddress transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[11] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgSetWithdrawValidatorCommission transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[12] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgUnjail transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[13] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgCreateValidator transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[14] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`renders MsgEditValidator transaction item`, () => {
- wrapper.setProps({ transaction: testTransactionObjects[15] })
- expect(wrapper.element).toMatchSnapshot()
- })
- it(`Unknown transaction returns empty string`, () => {
- wrapper.setProps({
- transaction: { ...testTransactionObjects[15], type: "Unknown" }
- })
- expect(wrapper.element).toMatchSnapshot()
- })
-})
diff --git a/tests/unit/specs/components/transactions/TransactionIcon.spec.js b/tests/unit/specs/components/transactions/TransactionIcon.spec.js
index 934e8b69af..cbbcd74150 100644
--- a/tests/unit/specs/components/transactions/TransactionIcon.spec.js
+++ b/tests/unit/specs/components/transactions/TransactionIcon.spec.js
@@ -4,15 +4,76 @@ import TransactionIcon from "src/components/transactions/TransactionIcon"
describe(`TransactionIcon`, () => {
let wrapper
- beforeEach(() => {
- wrapper = shallowMount(TransactionIcon, {
- propsData: {
- transactionGroup: "banking"
- }
- })
- })
+ const transactions = [
+ {
+ type: `Sent`,
+ group: `banking`
+ },
+ {
+ type: `Received`,
+ group: `banking`
+ },
+ {
+ type: `Staked`,
+ group: `staking`
+ },
+ {
+ type: `Restaked`,
+ group: `staking`
+ },
+ {
+ type: `Unstaked`,
+ group: `staking`
+ },
+ {
+ type: `Claimed`,
+ group: `distribution`
+ },
+ {
+ type: `Update`,
+ group: `distribution`
+ },
+ {
+ type: `Voted`,
+ group: `governance`
+ },
+ {
+ type: `Deposit`,
+ group: `governance`
+ },
+ {
+ type: `Submitted`,
+ group: `governance`
+ },
+ {
+ type: `Create`,
+ group: `staking`
+ },
+ {
+ type: `Edit`,
+ group: `staking`
+ },
+ {
+ type: `Unjail`,
+ group: `staking`
+ }
+ ]
- it(`renders a banking coloured icon`, () => {
- expect(wrapper.element).toMatchSnapshot()
- })
+ for (let i = 0; i < transactions.length; i++) {
+ it(`renders a ${transactions[i].type} transaction icon`, () => {
+ wrapper = shallowMount(TransactionIcon, {
+ propsData: {
+ transactionGroup: transactions[i].group,
+ transactionType: transactions[i].type
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ expect(wrapper.find(".tx__icon img").classes()).toContain(
+ transactions[i].group
+ )
+ expect(wrapper.find(".tx__icon img").attributes("src")).toEqual(
+ `/img/icons/activity/${transactions[i].type}.svg`
+ )
+ })
+ }
})
diff --git a/tests/unit/specs/components/transactions/TransactionItem.spec.js b/tests/unit/specs/components/transactions/TransactionItem.spec.js
index 0381e2b409..04de5992a1 100644
--- a/tests/unit/specs/components/transactions/TransactionItem.spec.js
+++ b/tests/unit/specs/components/transactions/TransactionItem.spec.js
@@ -1,34 +1,52 @@
import { shallowMount } from "@vue/test-utils"
import TransactionItem from "src/components/transactions/TransactionItem"
+import {
+ messageType,
+ transactionGroup
+} from "src/components/transactions/messageTypes"
+
describe(`TransactionItem`, () => {
let wrapper
-
- const tx = {
- blockNumber: 1086769,
- fees: {
- amount: "37",
- denom: "uatom"
- },
- group: "banking",
- key: "keyhash",
- memo: "(Sent via Lunie)",
- time: new Date("2019-07-31"),
- liquidDate: null,
- type: "cosmos-sdk/MsgSend"
+ let txs = []
+ let height = 1086769
+ let offset = 1
+ const event = {
+ target: {
+ className: `tx__content__left`
+ }
}
- beforeEach(() => {
- wrapper = shallowMount(TransactionItem, {
- propsData: {
- transaction: tx,
- validators: {},
- address: "cosmos1"
- }
+ for (var type in messageType) {
+ txs.push({
+ height,
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: transactionGroup[messageType[type]],
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: messageType[type]
})
- })
+ height += offset
+ }
- it(`renders a transaction item`, () => {
- expect(wrapper.element).toMatchSnapshot()
- })
+ for (let i = 0; i < txs.length; i++) {
+ it(`renders a ${txs[i].type} transaction item`, () => {
+ wrapper = shallowMount(TransactionItem, {
+ propsData: {
+ transaction: txs[i],
+ validators: {},
+ address: "cosmos1"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ wrapper.vm.toggleDetail(event)
+ expect(wrapper.html()).toContain("tx-details")
+ })
+ }
})
diff --git a/tests/unit/specs/components/transactions/TransactionList.spec.js b/tests/unit/specs/components/transactions/TransactionList.spec.js
index 24cc3aa472..8d56856aff 100644
--- a/tests/unit/specs/components/transactions/TransactionList.spec.js
+++ b/tests/unit/specs/components/transactions/TransactionList.spec.js
@@ -1,55 +1,48 @@
import { shallowMount } from "@vue/test-utils"
import TransactionList from "src/components/transactions/TransactionList"
+import {
+ messageType,
+ transactionGroup
+} from "src/components/transactions/messageTypes"
describe(`TransactionList`, () => {
let wrapper
- const transactions = [
- {
- height: 1086769,
+ let txs = []
+ let height = 1086769
+ let oneDay = 86400 // One day
+ let offset = 86400 / 7 // One day / 7s block time
+
+ // Return a fixed timestamp when moment().format() is called
+ jest.mock("moment", () => () => ({
+ format: () => "27/11/2019 0:00:00"
+ }))
+
+ let timestamp = "1574809200"
+ let timeOffset = 0
+
+ for (var type in messageType) {
+ txs.push({
+ height,
fee: {
- amount: "3.7",
- denom: "atom"
+ amount: "37",
+ denom: "uatom"
},
- group: "banking",
+ group: transactionGroup[messageType[type]],
key: "keyhash",
memo: "(Sent via Lunie)",
- tiemstamp: new Date("2019-07-31"),
- liquidDate: null,
- type: "cosmos-sdk/MsgSend"
- },
- {
- height: 1086769,
- fee: {
- amount: "3.7",
- denom: "atom"
- },
- group: "banking",
- key: "keyhash2",
- memo: "(Sent via Lunie)",
- tiemstamp: new Date("1970-01-01"),
- liquidDate: null,
- type: "cosmos-sdk/MsgSend"
- },
- {
- height: 1086769,
- fee: {
- amount: "3.7",
- denom: "atom"
- },
- group: "banking",
- key: "keyhash3",
- memo: "(Sent via Lunie)",
- tiemstamp: new Date("2019-07-31"),
+ timestamp: timestamp - timeOffset,
liquidDate: null,
- type: "cosmos-sdk/MsgSend"
- }
- ]
+ type: messageType[type]
+ })
+ height += offset
+ timeOffset += oneDay
+ }
beforeEach(() => {
wrapper = shallowMount(TransactionList, {
propsData: {
- transactions: transactions,
+ transactions: txs,
validators: {},
address: "cosmos1"
}
diff --git a/tests/unit/specs/components/transactions/TransactionMetadata.spec.js b/tests/unit/specs/components/transactions/TransactionMetadata.spec.js
index 36c04d87c3..aaa3d5eef8 100644
--- a/tests/unit/specs/components/transactions/TransactionMetadata.spec.js
+++ b/tests/unit/specs/components/transactions/TransactionMetadata.spec.js
@@ -7,18 +7,22 @@ describe(`TransactionMetadata`, () => {
beforeEach(() => {
wrapper = shallowMount(TransactionMetadata, {
propsData: {
- timestamp: new Date("2019-07-31"),
- height: 1234567,
- fee: {
- amount: "0.001234",
- denom: "ATOM"
+ transaction: {
+ timestamp: new Date("2019-07-31"),
+ height: 1234567,
+ fee: {
+ amount: "0.001234",
+ denom: "ATOM"
+ },
+ hash: `ABCD1234`,
+ undelegationEndTime: `2019-11-16T14:08:20Z`
}
},
stubs: [`router-link`]
})
})
- it(`renders correct fee and block transaction data`, () => {
+ it(`renders correct transaction metadata`, () => {
expect(wrapper.element).toMatchSnapshot()
})
})
diff --git a/tests/unit/specs/components/transactions/__snapshots__/TransactionDetails.spec.js.snap b/tests/unit/specs/components/transactions/__snapshots__/TransactionDetails.spec.js.snap
deleted file mode 100644
index 6bca01a859..0000000000
--- a/tests/unit/specs/components/transactions/__snapshots__/TransactionDetails.spec.js.snap
+++ /dev/null
@@ -1,1177 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TransactionDetails Unknown transaction returns empty string 1`] = `
-
-
- Withdrawal
-
- From
+
@@ -91,7 +91,7 @@ exports[`PageBlock shows the block page with no txs 1`] = `
+
@@ -18,6 +28,7 @@
diff --git a/src/components/transactions/message-view/WithdrawValidatorCommissionMessageDetails.vue b/src/components/transactions/message-view/WithdrawValidatorCommissionMessageDetails.vue
deleted file mode 100644
index d136029aeb..0000000000
--- a/src/components/transactions/message-view/WithdrawValidatorCommissionMessageDetails.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
+ {{
- transaction.value.validator_address | resolveValidatorName(validators)
- }}
+ ![]()
+ {{
+ transaction.value.validator_address | resolveValidatorName(validators)
+ }}
+
{{ caption }}
+ Rewards from
-
-
-
-
diff --git a/src/components/transactions/message-view/index.js b/src/components/transactions/message-view/index.js
index e060a67e0e..bded043feb 100644
--- a/src/components/transactions/message-view/index.js
+++ b/src/components/transactions/message-view/index.js
@@ -1,4 +1,5 @@
import SendMessageDetails from "./SendMessageDetails"
+import MultiSendMessageDetails from "./MultiSendMessageDetails"
import DelegateMessageDetails from "./DelegateMessageDetails"
import DepositMessageDetails from "./DepositMessageDetails"
import EditValidatorMessageDetails from "./EditValidatorMessageDetails"
@@ -10,10 +11,10 @@ import VoteMessageDetails from "./VoteMessageDetails"
import BeginRedelegateMessageDetails from "./BeginRedelegateMessageDetails"
import SetWithdrawAddressMessageDetails from "./SetWithdrawAddressMessageDetails"
import WithdrawDelegationRewardMessageDetails from "./WithdrawDelegationRewardMessageDetails"
-import WithdrawValidatorCommissionMessageDetails from "./WithdrawValidatorCommissionMessageDetails"
export {
SendMessageDetails,
+ MultiSendMessageDetails,
DelegateMessageDetails,
DepositMessageDetails,
EditValidatorMessageDetails,
@@ -24,6 +25,5 @@ export {
VoteMessageDetails,
BeginRedelegateMessageDetails,
SetWithdrawAddressMessageDetails,
- WithdrawDelegationRewardMessageDetails,
- WithdrawValidatorCommissionMessageDetails
+ WithdrawDelegationRewardMessageDetails
}
diff --git a/src/components/transactions/messageTypes.js b/src/components/transactions/messageTypes.js
index 04d324f4a6..f17290ad6f 100644
--- a/src/components/transactions/messageTypes.js
+++ b/src/components/transactions/messageTypes.js
@@ -1,5 +1,6 @@
const messageType = {
SEND: "cosmos-sdk/MsgSend",
+ MULTISEND: "cosmos-sdk/MsgMultiSend",
CREATE_VALIDATOR: "cosmos-sdk/MsgCreateValidator",
EDIT_VALIDATOR: "cosmos-sdk/MsgEditValidator",
DELEGATE: "cosmos-sdk/MsgDelegate",
@@ -10,12 +11,12 @@ const messageType = {
DEPOSIT: "cosmos-sdk/MsgDeposit",
VOTE: "cosmos-sdk/MsgVote",
SET_WITHDRAW_ADDRESS: "cosmos-sdk/MsgSetWithdrawAddress",
- WITHDRAW_DELEGATION_REWARD: "cosmos-sdk/MsgWithdrawDelegationReward",
- WITHDRAW_VALIDATOR_COMMISSION: "cosmos-sdk/MsgWithdrawValidatorCommission"
+ WITHDRAW_DELEGATION_REWARD: "cosmos-sdk/MsgWithdrawDelegationReward"
}
const transactionGroup = {
[messageType.SEND]: "banking",
+ [messageType.MULTISEND]: "banking",
[messageType.CREATE_VALIDATOR]: "staking",
[messageType.EDIT_VALIDATOR]: "staking",
[messageType.DELEGATE]: "staking",
@@ -26,8 +27,7 @@ const transactionGroup = {
[messageType.DEPOSIT]: "governance",
[messageType.VOTE]: "governance",
[messageType.SET_WITHDRAW_ADDRESS]: "distribution",
- [messageType.WITHDRAW_DELEGATION_REWARD]: "distribution",
- [messageType.WITHDRAW_VALIDATOR_COMMISSION]: "distribution"
+ [messageType.WITHDRAW_DELEGATION_REWARD]: "distribution"
}
export { messageType, transactionGroup }
diff --git a/src/components/wallet/PageTransactions.vue b/src/components/wallet/PageTransactions.vue
index 0c144bf49b..270cecb680 100644
--- a/src/components/wallet/PageTransactions.vue
+++ b/src/components/wallet/PageTransactions.vue
@@ -138,6 +138,7 @@ export default {
validators(networkId: $networkId) {
name
operatorAddress
+ picture
}
}
`,
diff --git a/src/scripts/transaction-utils.js b/src/scripts/transaction-utils.js
index f4cde3b800..cd68d5b34c 100644
--- a/src/scripts/transaction-utils.js
+++ b/src/scripts/transaction-utils.js
@@ -63,3 +63,20 @@ export const getCoin = transaction => {
return transaction.value.amount
}
}
+
+// We currently don't support MultiCoin transactions in the design. For simplicity we display only the first outgoing or incomming denomination.
+export const getMultiSendCoin = (transaction, sessionAddress) => {
+ if (transaction.value.inputs[0].address === sessionAddress) {
+ // Sent transaction
+ return transaction.value.inputs[0].coins[0]
+ } else {
+ // Received transaction
+ let coins
+ transaction.value.outputs.map(output => {
+ if (output.address === sessionAddress) {
+ coins = output.coins[0]
+ }
+ })
+ return coins
+ }
+}
diff --git a/src/vuex/modules/connection.js b/src/vuex/modules/connection.js
index 8bfeefc413..a8cea4eae5 100644
--- a/src/vuex/modules/connection.js
+++ b/src/vuex/modules/connection.js
@@ -39,7 +39,9 @@ export default function({ apollo }) {
// otherwise we connect to a fallback network
await dispatch(
`setNetwork`,
- data.networks.find(({ id }) => id === state.externals.config.fallbackNetwork)
+ data.networks.find(
+ ({ id }) => id === state.externals.config.fallbackNetwork
+ )
)
}
}
diff --git a/tests/e2e/delegation.spec.js b/tests/e2e/delegation.spec.js
index d36ebeb91d..c31cff3ab6 100644
--- a/tests/e2e/delegation.spec.js
+++ b/tests/e2e/delegation.spec.js
@@ -28,8 +28,13 @@ module.exports = {
browser.url(browser.launch_url + "/#/transactions")
await waitForText(
browser,
- ".tx:nth-child(2) .tx__content__caption",
- `Delegated ${value} STAKE`
+ ".tx:nth-child(2) .tx-caption .tx__content__left",
+ `Staked`
+ )
+ await waitForText(
+ browser,
+ ".tx:nth-child(2) .tx-caption .tx__content__right .amount",
+ `${value} STAKE`
)
},
"Redelegate Action": async function(browser) {
@@ -61,10 +66,16 @@ module.exports = {
// check if tx shows
browser.url(browser.launch_url + "/#/transactions")
+
await waitForText(
browser,
- ".tx:nth-child(2) .tx__content__caption",
- `Redelegated ${value} STAKE`
+ ".tx:nth-child(2) .tx-caption .tx__content__left",
+ `Restaked`
+ )
+ await waitForText(
+ browser,
+ ".tx:nth-child(2) .tx-caption .tx__content__right .amount",
+ `${value} STAKE`
)
},
"Undelegate Action": async function(browser) {
@@ -94,13 +105,19 @@ module.exports = {
// check if tx shows
browser.url(browser.launch_url + "/#/transactions")
+
await waitForText(
browser,
- ".tx:nth-child(2) .tx__content__caption",
- `Undelegated ${value} STAKE`,
+ ".tx:nth-child(2) .tx-caption .tx__content__left",
+ `Unstaked`,
10,
2000
)
+ await waitForText(
+ browser,
+ ".tx:nth-child(2) .tx-caption .tx__content__right .amount",
+ `${value} STAKE`
+ )
}
}
diff --git a/tests/e2e/send.spec.js b/tests/e2e/send.spec.js
index 49b97e8e1b..9aa0cde4e7 100644
--- a/tests/e2e/send.spec.js
+++ b/tests/e2e/send.spec.js
@@ -27,8 +27,13 @@ module.exports = {
browser.pause(1000)
await waitForText(
browser,
- ".tx:nth-child(2) .tx__content__caption",
- "Sent 1.3 STAKE"
+ ".tx:nth-child(2) .tx-caption .tx__content .tx__content__left",
+ "Sent"
+ )
+ await waitForText(
+ browser,
+ ".tx:nth-child(2) .tx-caption .tx__content .tx__content__right",
+ "1.3 STAKE"
)
}
}
diff --git a/tests/unit/specs/components/network/__snapshots__/PageBlock.spec.js.snap b/tests/unit/specs/components/network/__snapshots__/PageBlock.spec.js.snap
index 94210435cc..d675682c22 100644
--- a/tests/unit/specs/components/network/__snapshots__/PageBlock.spec.js.snap
+++ b/tests/unit/specs/components/network/__snapshots__/PageBlock.spec.js.snap
@@ -15,7 +15,7 @@ exports[`PageBlock shows a page with information about a certain block 1`] = `
-
- Withdraw validator commission
-
- From
- {{
- transaction.value.validator_address | resolveValidatorName(validators)
- }}
-
- - Block 100 + Block #100
- Block 100 + Block #100
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgBeginRedelegate transaction item 1`] = `
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgCreateValidator transaction item 1`] = `
-
-
-
-
-
-
- - - Redelegated - - - 0.01 - - - - ATOM - -
-
-
- From
-
-
-
- cosmosvaloper…nasd
-
- To
-
-
-
- cosmosvaloper…adjn
-
-
-
-
-
-
-
- Network Fee:
-
-
- 20.00083
-
-
-
- ATOM
-
-
-
-
-
- Block #726616
-
-
- @ Jun 19th 2019 14:45:43
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgDelegate transaction item 1`] = `
-
-
-
-
-
-
- - - Create validator - -
-
-
- Monikor
-
-
-
- cosmos…dlkj
-
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgDeposit transaction item 1`] = `
-
-
-
-
-
-
- - - Delegated - - - 0.05 - - - - ATOM - -
-
-
- To
-
-
-
- cosmosvaloper…adjn
-
-
-
-
-
-
-
- Network Fee:
-
-
- 10.00066
-
-
-
- ATOM
-
-
-
-
-
- Block #726599
-
-
- @ Jun 19th 2019 14:43:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgEditValidator transaction item 1`] = `
-
-
-
-
-
-
- - - Deposited - - - 0.2345 - - - - ATOM - -
-
-
- On
-
-
- Proposal #2
-
-
-
-
-
-
- Network Fee:
-
-
- 69
-
-
-
- ATOM
-
-
-
-
-
- Block #626103
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSend transaction item from other to you 1`] = `
-
-
-
-
-
-
- - Edit validator -
-
-
- Monikor
-
-
-
- cosmos…dlkj
-
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSend transaction item from session user to other 1`] = `
-
-
-
-
-
-
- - - Received - - - 0.2345 - - - - ATOM - -
-
-
- From
-
-
-
-
-
-
- - (Sent via Lunie)
-
-
-
- cosmos…1212
-
-
-
-
-
- check
-
-
-
-
-
-
- Network Fee:
-
-
- 0.00037
-
-
-
- ATOM
-
-
-
-
-
- Block #1086769
-
-
- @ Jul 31st 2019 09:22:23
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSend transaction item to yourself 1`] = `
-
-
-
-
-
-
- - - Sent - - - 0.2345 - - - - ATOM - -
-
-
- To
-
-
-
-
-
-
- - (Sent via Lunie)
-
-
-
- cosmos…sdas
-
-
-
-
-
- check
-
-
-
-
-
-
- Network Fee:
-
-
- 0.00037
-
-
-
- ATOM
-
-
-
-
-
- Block #1086769
-
-
- @ Jul 31st 2019 09:22:23
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSend transaction item unrelated to session user 1`] = `
-
-
-
-
-
-
- - - Sent - - - 0.2345 - - - - ATOM - -
-
-
- To yourself!
-
-
- - (Sent via Lunie)
-
-
-
-
-
-
- Network Fee:
-
-
- 0.00037
-
-
-
- ATOM
-
-
-
-
-
- Block #1086769
-
-
- @ Jul 31st 2019 09:22:23
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSetWithdrawAddress transaction item 1`] = `
-
-
-
-
-
-
- - - Sent - - - 0.2345 - - - - ATOM - -
-
-
- From
-
-
-
-
- to
-
-
-
- cosmos…dlkj
-
-
-
-
-
- check
-
-
-
-
-
-
- - (Sent via Lunie)
-
-
-
- cosmos…dlkj
-
-
-
-
-
- check
-
-
-
-
-
-
- Network Fee:
-
-
- 0.00037
-
-
-
- ATOM
-
-
-
-
-
- Block #1086769
-
-
- @ Jul 31st 2019 09:22:23
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSetWithdrawValidatorCommission transaction item 1`] = `
-
-
-
-
-
-
- - Update withdraw address -
-
-
- To cosmos1alkjdbasdlkhasldjnasldkjasndlkjansdlasndlkj
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgSubmitProposal transaction item 1`] = `
-
-
-
-
-
-
- - Withdraw validator commission -
-
-
- From
-
-
- cosmos…dlkj
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgUndelegate transaction item 1`] = `
-
-
-
-
-
-
- - - Submitted text proposal - - - 0.2 - - - - ATOM - -
-
-
- Title
-
- Test title
-
-
-
-
-
-
- Network Fee:
-
-
- 69
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgUnjail transaction item 1`] = `
-
-
-
-
-
-
- - - Undelegated - - - 0.05 - - - - ATOM - - - - (liquid in 50 years) - -
-
-
- From
-
-
-
- cosmosvaloper…laks
-
-
-
-
-
-
-
- Network Fee:
-
-
- 410.00041
-
-
-
- ATOM
-
-
-
-
-
- Block #1248479
-
-
- @ Jul 31st 2019 09:22:23
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgVote transaction item 1`] = `
-
-
-
-
-
-
- - Unjail -
-
-
- Name:
-
-
- cosmos…dlkj
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
-
-exports[`TransactionDetails renders MsgWithdrawDelegationReward transaction item 1`] = `
-
-
-
-
-
-
- - Voted NoWithVeto -
-
-
- On
-
-
- Proposal #13
-
-
-
-
-
-
- Network Fee:
-
-
- 69
-
-
-
- ATOM
-
-
-
-
-
- Block #626103
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
-
-`;
diff --git a/tests/unit/specs/components/transactions/__snapshots__/TransactionIcon.spec.js.snap b/tests/unit/specs/components/transactions/__snapshots__/TransactionIcon.spec.js.snap
index 6ae05b2f3d..e02d35f06a 100644
--- a/tests/unit/specs/components/transactions/__snapshots__/TransactionIcon.spec.js.snap
+++ b/tests/unit/specs/components/transactions/__snapshots__/TransactionIcon.spec.js.snap
@@ -1,13 +1,157 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`TransactionIcon renders a banking coloured icon 1`] = `
+exports[`TransactionIcon renders a Claimed transaction icon 1`] = `
-
-
-
-
-
- - Withdrawal -
-
-
- From
-
-
- cosmosvaloper…nadn
-
-
-
-
-
-
- Network Fee:
-
-
- 0
-
-
-
- ATOM
-
-
-
-
-
- Block #626102
-
-
- @ Jun 11th 2019 13:47:45
-
-
-
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Deposit transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Edit transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Received transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Restaked transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Sent transaction icon 1`] = `
+
+
+
+
+`;
+
+exports[`TransactionIcon renders a Staked transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Submitted transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Unjail transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Unstaked transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Update transaction icon 1`] = `
+
+
+ 
+
+`;
+
+exports[`TransactionIcon renders a Voted transaction icon 1`] = `
+
+
+ 
`;
diff --git a/tests/unit/specs/components/transactions/__snapshots__/TransactionItem.spec.js.snap b/tests/unit/specs/components/transactions/__snapshots__/TransactionItem.spec.js.snap
index 84525df604..20a5fd754b 100644
--- a/tests/unit/specs/components/transactions/__snapshots__/TransactionItem.spec.js.snap
+++ b/tests/unit/specs/components/transactions/__snapshots__/TransactionItem.spec.js.snap
@@ -1,18 +1,365 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`TransactionItem renders a transaction item 1`] = `
+exports[`TransactionItem renders a cosmos-sdk/MsgBeginRedelegate transaction item 1`] = `
-
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgCreateValidator transaction item 1`] = `
+
+
-
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgDelegate transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgDeposit transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgEditValidator transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgMultiSend transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgSend transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgSetWithdrawAddress transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgSubmitProposal transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgUndelegate transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgUnjail transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgVote transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+`;
+
+exports[`TransactionItem renders a cosmos-sdk/MsgWithdrawDelegationReward transaction item 1`] = `
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
`;
diff --git a/tests/unit/specs/components/transactions/__snapshots__/TransactionList.spec.js.snap b/tests/unit/specs/components/transactions/__snapshots__/TransactionList.spec.js.snap
index 35593d2065..9c22c521e5 100644
--- a/tests/unit/specs/components/transactions/__snapshots__/TransactionList.spec.js.snap
+++ b/tests/unit/specs/components/transactions/__snapshots__/TransactionList.spec.js.snap
@@ -4,7 +4,7 @@ exports[`TransactionList renders a list of TransactionItems 1`] = `
+
+
+
+
+ keyboard_arrow_down
+
+
+ - Today (January 1st) + January 19th
-
+exports[`TransactionMetadata renders correct transaction metadata 1`] = `
+
+
-
`;
diff --git a/tests/unit/specs/components/transactions/message-view/BeginRedelegateMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/BeginRedelegateMessageDetails.spec.js
new file mode 100644
index 0000000000..8f406766c8
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/BeginRedelegateMessageDetails.spec.js
@@ -0,0 +1,42 @@
+import { shallowMount } from "@vue/test-utils"
+import BeginRedelegateMessageDetails from "src/components/transactions/message-view/BeginRedelegateMessageDetails"
+
+describe(`BeginRedelegateMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=begin_redelegate
+ const tx = {
+ height: 2000000,
+ value: {
+ validator_src_address: `cosmos1`,
+ validator_dst_address: `cosmos2`,
+ amount: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgBeginRedelegate`
+ }
+
+ it(`renders a redelegate transaction message`, () => {
+ wrapper = shallowMount(BeginRedelegateMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/CreateValidatorMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/CreateValidatorMessageDetails.spec.js
new file mode 100644
index 0000000000..f3ec20077f
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/CreateValidatorMessageDetails.spec.js
@@ -0,0 +1,35 @@
+import { shallowMount } from "@vue/test-utils"
+import CreateValidatorMessageDetails from "src/components/transactions/message-view/CreateValidatorMessageDetails"
+
+describe(`CreateValidatorMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=create_validator
+ const tx = {
+ height: 2000000,
+ value: {
+ validator_address: `cosmos1`
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgCreateValidator`
+ }
+
+ it(`renders a create validator transaction message`, () => {
+ wrapper = shallowMount(CreateValidatorMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/DelegateMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/DelegateMessageDetails.spec.js
new file mode 100644
index 0000000000..9873860de1
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/DelegateMessageDetails.spec.js
@@ -0,0 +1,41 @@
+import { shallowMount } from "@vue/test-utils"
+import DelegateMessageDetails from "src/components/transactions/message-view/DelegateMessageDetails"
+
+describe(`DelegateMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=delegate
+ const tx = {
+ height: 2000000,
+ value: {
+ validator_address: `cosmos1`,
+ amount: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgDelegate`
+ }
+
+ it(`renders a redelegate transaction message`, () => {
+ wrapper = shallowMount(DelegateMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/DepositMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/DepositMessageDetails.spec.js
new file mode 100644
index 0000000000..3f12147172
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/DepositMessageDetails.spec.js
@@ -0,0 +1,41 @@
+import { shallowMount } from "@vue/test-utils"
+import DepositMessageDetails from "src/components/transactions/message-view/DepositMessageDetails"
+
+describe(`DepositMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=deposit
+ const tx = {
+ height: 2000000,
+ value: {
+ proposal_id: 1,
+ amount: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `governance`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgDeposit`
+ }
+
+ it(`renders a deposit transaction message`, () => {
+ wrapper = shallowMount(DepositMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/EditValidatorMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/EditValidatorMessageDetails.spec.js
new file mode 100644
index 0000000000..c3780da91f
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/EditValidatorMessageDetails.spec.js
@@ -0,0 +1,39 @@
+import { shallowMount } from "@vue/test-utils"
+import EditValidatorMessageDetails from "src/components/transactions/message-view/EditValidatorMessageDetails"
+
+describe(`EditValidatorMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=edit_validator
+ const tx = {
+ height: 2000000,
+ value: {
+ address: `cosmos1`
+ },
+ fee: {
+ amount: [
+ {
+ amount: "37",
+ denom: "uatom"
+ }
+ ]
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgEditValidator`
+ }
+
+ it(`renders a edit validator transaction message`, () => {
+ wrapper = shallowMount(EditValidatorMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/MultiSendMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/MultiSendMessageDetails.spec.js
new file mode 100644
index 0000000000..bfa89c2273
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/MultiSendMessageDetails.spec.js
@@ -0,0 +1,84 @@
+import { shallowMount } from "@vue/test-utils"
+import MultiSendMessageDetails from "src/components/transactions/message-view/MultiSendMessageDetails"
+
+describe(`MultiSendMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=multisend
+ const tx = {
+ height: 2000000,
+ value: {
+ inputs: [
+ {
+ address: `cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee`,
+ coins: [
+ {
+ amount: "20000000000",
+ denom: "uatom"
+ }
+ ]
+ }
+ ],
+ outputs: [
+ {
+ address: `cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee`,
+ coins: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ },
+ {
+ address: `cosmos1clpqr4nrk4khgkxj78fcwwh6dl3uw4ep4tgu9q`,
+ coins: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `banking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgMultiSend`
+ }
+
+ it(`renders a sent transaction message`, () => {
+ wrapper = shallowMount(MultiSendMessageDetails, {
+ propsData: {
+ transaction: tx,
+ sessionAddress: "cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+
+ it(`renders a received transaction message`, () => {
+ wrapper = shallowMount(MultiSendMessageDetails, {
+ propsData: {
+ transaction: tx,
+ sessionAddress: "cosmos1clpqr4nrk4khgkxj78fcwwh6dl3uw4ep4tgu9q"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+
+ it(`renders a sent transaction message (send to yourself)`, () => {
+ wrapper = shallowMount(MultiSendMessageDetails, {
+ propsData: {
+ transaction: tx,
+ sessionAddress: "cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/SendMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/SendMessageDetails.spec.js
new file mode 100644
index 0000000000..8737deef6f
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/SendMessageDetails.spec.js
@@ -0,0 +1,51 @@
+import { shallowMount } from "@vue/test-utils"
+import SendMessageDetails from "src/components/transactions/message-view/SendMessageDetails"
+
+describe(`SendMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=send
+ const tx = {
+ height: 2000000,
+ value: {
+ from_address: `cosmos1`,
+ to_address: `cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee`,
+ amount: [
+ {
+ amount: "10000000000",
+ denom: "uatom"
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `banking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgSend`
+ }
+
+ it(`renders a sent transaction message`, () => {
+ wrapper = shallowMount(SendMessageDetails, {
+ propsData: {
+ transaction: tx,
+ sessionAddress: "cosmos1"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+
+ it(`renders a received transaction message`, () => {
+ wrapper = shallowMount(SendMessageDetails, {
+ propsData: {
+ transaction: tx,
+ sessionAddress: "cosmos1ahtlr29s38w23xxq7slcwmmz4c8x9efmr8qmee"
+ }
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/SetWithdrawAddressMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/SetWithdrawAddressMessageDetails.spec.js
new file mode 100644
index 0000000000..1b68a12b9a
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/SetWithdrawAddressMessageDetails.spec.js
@@ -0,0 +1,35 @@
+import { shallowMount } from "@vue/test-utils"
+import SetWithdrawAddressMessageDetails from "src/components/transactions/message-view/SetWithdrawAddressMessageDetails"
+
+describe(`SetWithdrawAddressMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=set_withdraw_address
+ const tx = {
+ height: 2000000,
+ value: {
+ withdraw_address: `cosmos1`
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgModifyWithdrawAddress`
+ }
+
+ it(`renders a set withdraw address transaction message`, () => {
+ wrapper = shallowMount(SetWithdrawAddressMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/SubmitProposalMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/SubmitProposalMessageDetails.spec.js
new file mode 100644
index 0000000000..406798915c
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/SubmitProposalMessageDetails.spec.js
@@ -0,0 +1,45 @@
+import { shallowMount } from "@vue/test-utils"
+import SubmitProposalMessageDetails from "src/components/transactions/message-view/SubmitProposalMessageDetails"
+
+describe(`SubmitProposalMessageDetails`, () => {
+ let wrapper
+
+ // Examples @ https://stargate.cosmos.network/txs?action=submit_proposal
+ const tx = {
+ height: 2000000,
+ value: {
+ title: "Bla bla bla",
+ description: "Bla bla bla",
+ proposal_type: "Text",
+ proposer: "cosmos1ey69r37gfxvxg62sh4r0ktpuc46pzjrmz29g45",
+ initial_deposit: [
+ {
+ denom: "uatom",
+ amount: "100000000"
+ }
+ ]
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `governance`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgSubmitProposal`
+ }
+
+ it(`renders a submit proposal transaction message`, () => {
+ wrapper = shallowMount(SubmitProposalMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/UndelegateMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/UndelegateMessageDetails.spec.js
new file mode 100644
index 0000000000..af2f06a0ec
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/UndelegateMessageDetails.spec.js
@@ -0,0 +1,40 @@
+import { shallowMount } from "@vue/test-utils"
+import UndelegateMessageDetails from "src/components/transactions/message-view/UndelegateMessageDetails"
+
+describe(`UndelegateMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=begin_unbonding
+ const tx = {
+ height: 2000000,
+ value: {
+ delegator_address: "cosmos16wgw3k7rspegl9khx79fuaa37unf4nfmxf7pyr",
+ validator_address: "cosmosvaloper1sjllsnramtg3ewxqwwrwjxfgc4n4ef9u2lcnj0",
+ amount: {
+ denom: "uatom",
+ amount: "100000"
+ }
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgUndelegate`
+ }
+
+ it(`renders a undelegate transaction message`, () => {
+ wrapper = shallowMount(UndelegateMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/UnjailMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/UnjailMessageDetails.spec.js
new file mode 100644
index 0000000000..2997f2a8ec
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/UnjailMessageDetails.spec.js
@@ -0,0 +1,35 @@
+import { shallowMount } from "@vue/test-utils"
+import UnjailMessageDetails from "src/components/transactions/message-view/UnjailMessageDetails"
+
+describe(`UnjailMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=unjail
+ const tx = {
+ height: 2000000,
+ value: {
+ address: "cosmos16wgw3k7rspegl9khx79fuaa37unf4nfmxf7pyr"
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `staking`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgUnjail`
+ }
+
+ it(`renders a unjail validator transaction message`, () => {
+ wrapper = shallowMount(UnjailMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/VoteMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/VoteMessageDetails.spec.js
new file mode 100644
index 0000000000..844555c98f
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/VoteMessageDetails.spec.js
@@ -0,0 +1,37 @@
+import { shallowMount } from "@vue/test-utils"
+import VoteMessageDetails from "src/components/transactions/message-view/VoteMessageDetails"
+
+describe(`VoteMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=vote
+ const tx = {
+ height: 2000000,
+ value: {
+ proposal_id: "5",
+ voter: "cosmos1lktjhnzkpkz3ehrg8psvmwhafg56kfss5597tg",
+ option: "Abstain"
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `governance`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgVote`
+ }
+
+ it(`renders a vote transaction message`, () => {
+ wrapper = shallowMount(VoteMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: {}
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.spec.js b/tests/unit/specs/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.spec.js
new file mode 100644
index 0000000000..4b36bb0743
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/WithdrawDelegationRewardMessageDetails.spec.js
@@ -0,0 +1,62 @@
+import { shallowMount } from "@vue/test-utils"
+import WithdrawDelegationRewardMessageDetails from "src/components/transactions/message-view/WithdrawDelegationRewardMessageDetails"
+
+describe(`WithdrawalDelegationRewardMessageDetails`, () => {
+ let wrapper
+ // Examples @ https://stargate.cosmos.network/txs?action=withdraw_validator_rewards_all
+ const tx = {
+ height: 2000000,
+ value: {
+ delegator_address: "cosmos15r4tc0m6hc7z8drq3dzlrtcs6rq2q9l2kc6z4s",
+ validator_address: "cosmosvaloper15r4tc0m6hc7z8drq3dzlrtcs6rq2q9l2nvwher"
+ },
+ fee: {
+ amount: "37",
+ denom: "uatom"
+ },
+ hash: `ABCD1234`,
+ group: `governance`,
+ key: "keyhash",
+ memo: "(Sent via Lunie)",
+ timestamp: 123456789,
+ liquidDate: null,
+ type: `cosmos-sdk/MsgWithdrawDelegationReward`
+ }
+
+ const validators = {
+ cosmosvaloper15r4tc0m6hc7z8drq3dzlrtcs6rq2q9l2nvwher: {
+ name: `SuperValidator`,
+ operatorAddress: `cosmosvaloper15r4tc0m6hc7z8drq3dzlrtcs6rq2q9l2nvwher`,
+ picture: "",
+ __typename: `Validator`
+ },
+ cosmos1: {
+ name: `SuperValidator`,
+ operatorAddress: `"cosmos1"`,
+ picture: "",
+ __typename: `Validator`
+ }
+ }
+
+ it(`renders a withdraw delegation reward transaction message`, () => {
+ wrapper = shallowMount(WithdrawDelegationRewardMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: validators
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+
+ it(`renders a withdraw delegation reward transaction message without validator`, () => {
+ wrapper = shallowMount(WithdrawDelegationRewardMessageDetails, {
+ propsData: {
+ transaction: tx,
+ validators: validators
+ },
+ stubs: [`router-link`]
+ })
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/BeginRedelegateMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/BeginRedelegateMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..395e216f51
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/BeginRedelegateMessageDetails.spec.js.snap
@@ -0,0 +1,58 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BeginRedelegateMessageDetails renders a redelegate transaction message 1`] = `
+
-
- Block #1234567
-
+
+ Hash:
+
+ ABCD1234
+
+
- @ Jul 31st 2019 00:00:00 - -
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/CreateValidatorMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/CreateValidatorMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..5031c8c6e6
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/CreateValidatorMessageDetails.spec.js.snap
@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CreateValidatorMessageDetails renders a create validator transaction message 1`] = `
+
+
+
+
+ cosmos…mos1
+
+
+ arrow_right_alt
+
+
+
+
+
+ Not A Valid Bech32 Address
+
+
+
+
+ + Restaked +
+ + + From + + +
+
++ + 10,000 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/DelegateMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/DelegateMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..7b90c8d2c1
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/DelegateMessageDetails.spec.js.snap
@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DelegateMessageDetails renders a redelegate transaction message 1`] = `
+
+
+
+
+ cosmos…mos1
+
+
+
++ Create validator +
+ + + moniker + + +
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/DepositMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/DepositMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..eeb39d8900
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/DepositMessageDetails.spec.js.snap
@@ -0,0 +1,43 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DepositMessageDetails renders a deposit transaction message 1`] = `
+
+
+
+
+ cosmos…mos1
+
+
+
+
+ + Staked +
+ + + With + + +
+
++ + 10,000 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/EditValidatorMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/EditValidatorMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..9f4d6e9092
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/EditValidatorMessageDetails.spec.js.snap
@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EditValidatorMessageDetails renders a edit validator transaction message 1`] = `
+
+
+ Proposal #1
+
+
+
+ + Deposit +
+ + + On + + +
+
++ + 10,000 + ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/MultiSendMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/MultiSendMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..ded75ada41
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/MultiSendMessageDetails.spec.js.snap
@@ -0,0 +1,110 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MultiSendMessageDetails renders a received transaction message 1`] = `
+
+
+
+
+ cosmos…mos1
+
+
+
+
+ + Edit validator +
+ + + moniker + + +
+
++ + 0.000037 + ATOM + +
+
+
+`;
+
+exports[`MultiSendMessageDetails renders a sent transaction message (send to yourself) 1`] = `
+
+
+
+ + Received +
+ + + From + + +
+
++ + 10,000 ATOM + +
+
+
+`;
+
+exports[`MultiSendMessageDetails renders a sent transaction message 1`] = `
+
+
+
+ + Sent +
+ + + To yourself — + +
+
++ + 20,000 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/SendMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/SendMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..b8decc95c2
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/SendMessageDetails.spec.js.snap
@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SendMessageDetails renders a received transaction message 1`] = `
+
+
+
+ + Sent +
+ + + To yourself — + +
+
++ + 20,000 ATOM + +
+
+
+`;
+
+exports[`SendMessageDetails renders a sent transaction message 1`] = `
+
+
+
+ + Received +
+ + + From + + +
+
++ + 10,000 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/SetWithdrawAddressMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/SetWithdrawAddressMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..6837fea96e
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/SetWithdrawAddressMessageDetails.spec.js.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SetWithdrawAddressMessageDetails renders a set withdraw address transaction message 1`] = `
+
+
+
+ + Sent +
+ + + To + + +
+
++ + 10,000 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/SubmitProposalMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/SubmitProposalMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..bb8c2def4c
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/SubmitProposalMessageDetails.spec.js.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SubmitProposalMessageDetails renders a submit proposal transaction message 1`] = `
+
+
++ Update withdraw address +
+ + to cosmos1 + +
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/UndelegateMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/UndelegateMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..2253b7a655
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/UndelegateMessageDetails.spec.js.snap
@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UndelegateMessageDetails renders a undelegate transaction message 1`] = `
+
+
+
+ + Submitted proposal +
+ + + Bla bla bla + +
+
++ + 100 + ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/UnjailMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/UnjailMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..ae5cf54a9b
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/UnjailMessageDetails.spec.js.snap
@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UnjailMessageDetails renders a unjail validator transaction message 1`] = `
+
+
+
+
+ cosmosvaloper…cnj0
+
+
+
+
+ + Unstaked +
+ + + from + + +
+
++ + 0.1 ATOM + +
+
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/VoteMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/VoteMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..87e78e6a2e
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/VoteMessageDetails.spec.js.snap
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VoteMessageDetails renders a vote transaction message 1`] = `
+
+
+ cosmos…7pyr
+
+
++ Unjail +
+ + + name: + + +
+
+`;
diff --git a/tests/unit/specs/components/transactions/message-view/__snapshots__/WithdrawDelegationRewardMessageDetails.spec.js.snap b/tests/unit/specs/components/transactions/message-view/__snapshots__/WithdrawDelegationRewardMessageDetails.spec.js.snap
new file mode 100644
index 0000000000..5dda54c113
--- /dev/null
+++ b/tests/unit/specs/components/transactions/message-view/__snapshots__/WithdrawDelegationRewardMessageDetails.spec.js.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WithdrawalDelegationRewardMessageDetails renders a withdraw delegation reward transaction message 1`] = `
+
+
+ Proposal #5
+
+
++ Voted +
+ + + + Abstain + + on + + +
+
+`;
+
+exports[`WithdrawalDelegationRewardMessageDetails renders a withdraw delegation reward transaction message without validator 1`] = `
+
+
+
+
+ SuperValidator
+
+
+
++ Claimed +
+ + + Rewards from + + +
+
+`;
diff --git a/vue.config.js b/vue.config.js
index ea0447dded..9819053145 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -13,7 +13,7 @@ const commitHash = require(`child_process`)
module.exports = {
publicPath: `/`,
- chainWebpack: (config) => {
+ chainWebpack: config => {
config.plugins.delete(`prefetch`)
},
configureWebpack: () => {
@@ -51,7 +51,7 @@ module.exports = {
],
optimization: {
splitChunks: {
- chunks: 'all',
+ chunks: "all"
}
}
}
+
+
+
+ SuperValidator
+
+
+
+