status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-02-13 07:06:58 +00:00
Code Issues Projects Releases Wiki Activity

feat(@desktop/wallet): Wrtie Unit tests for SimpleSendModal, SimpleTransactionFees and SendModalFooter

Browse Source 
fixes #17123
This commit is contained in:
Khushboo-dev-cpp 2025-01-28 19:06:50 +01:00 committed by Khushboo-dev-cpp
parent 1668fd384c
commit 19c6e910d8
8 changed files with 1330 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

174
storybook/qmlTests/tests/tst_SendModalFooter.qml Normal file
View File

@ -0,0 +1,174 @@
import QtQuick 2.15
import QtTest 1.15
import QtQml.Models 2.15
import StatusQ.Core.Theme 0.1
import AppLayouts.Wallet.views 1.0
import AppLayouts.Wallet.controls 1.0
Item {
id: root
width: 600
height: 800
Component {
id: componentUnderTest
SendModalFooter {
id: sendModalFooter
readonly property SignalSpy reviewSendClickedSpy: SignalSpy {
target: sendModalFooter
signalName: "reviewSendClicked"
}
}
}
ObjectModel {
id: errorTagsModel
RouterErrorTag {
errorTitle: qsTr("Insufficient funds for send transaction")
buttonText: qsTr("Add assets")
}
}
TestCase {
name: "SendModalFooter"
when: windowShown
property SendModalFooter controlUnderTest: null
function init() {
controlUnderTest = createTemporaryObject(componentUnderTest, root)
}
function test_defaulValues() {
verify(!!controlUnderTest)
const estTimeLabel = findChild(controlUnderTest, "estTimeLabel")
verify(!!estTimeLabel)
const estimatedTimeText = findChild(controlUnderTest, "estimatedTimeText")
verify(!!estimatedTimeText)
const estFeesLabel = findChild(controlUnderTest, "estFeesLabel")
verify(!!estFeesLabel)
const estimatedFeesText = findChild(controlUnderTest, "estimatedFeesText")
verify(!!estimatedFeesText)
const transactionModalFooterButton = findChild(controlUnderTest, "transactionModalFooterButton")
verify(!!transactionModalFooterButton)
compare(controlUnderTest.color, Theme.palette.baseColor3)
verify(controlUnderTest.dropShadowEnabled)
compare(estTimeLabel.text, qsTr("Est time"))
compare(estimatedTimeText.text, "--")
compare(estimatedTimeText.customColor, Theme.palette.directColor5)
verify(!estimatedTimeText.loading)
compare(estFeesLabel.text, qsTr("Est fees"))
compare(estimatedFeesText.text, "--")
compare(estimatedFeesText.customColor, Theme.palette.directColor5)
verify(!estimatedFeesText.loading)
compare(transactionModalFooterButton.text, qsTr("Review Send"))
verify(!transactionModalFooterButton.enabled)
compare(transactionModalFooterButton.disabledColor, Theme.palette.directColor8)
}
function test_setValues() {
verify(!!controlUnderTest)
const estTimeLabel = findChild(controlUnderTest, "estTimeLabel")
verify(!!estTimeLabel)
const estimatedTimeText = findChild(controlUnderTest, "estimatedTimeText")
verify(!!estimatedTimeText)
const estFeesLabel = findChild(controlUnderTest, "estFeesLabel")
verify(!!estFeesLabel)
const estimatedFeesText = findChild(controlUnderTest, "estimatedFeesText")
verify(!!estimatedFeesText)
const transactionModalFooterButton = findChild(controlUnderTest, "transactionModalFooterButton")
verify(!!transactionModalFooterButton)
controlUnderTest.estimatedTime = "~60s"
controlUnderTest.estimatedFees = "1.45 EUR"
compare(estTimeLabel.text, qsTr("Est time"))
compare(estimatedTimeText.text, "~60s")
compare(estimatedTimeText.customColor, Theme.palette.directColor1)
verify(!estimatedTimeText.loading)
compare(estFeesLabel.text, qsTr("Est fees"))
compare(estimatedFeesText.text, "1.45 EUR")
compare(estimatedFeesText.customColor, Theme.palette.directColor1)
verify(!estimatedFeesText.loading)
compare(transactionModalFooterButton.text, qsTr("Review Send"))
verify(transactionModalFooterButton.enabled)
mouseClick(transactionModalFooterButton)
controlUnderTest.reviewSendClickedSpy.wait()
}
function test_loadingState() {
verify(!!controlUnderTest)
const estTimeLabel = findChild(controlUnderTest, "estTimeLabel")
verify(!!estTimeLabel)
const estimatedTimeText = findChild(controlUnderTest, "estimatedTimeText")
verify(!!estimatedTimeText)
const estFeesLabel = findChild(controlUnderTest, "estFeesLabel")
verify(!!estFeesLabel)
const estimatedFeesText = findChild(controlUnderTest, "estimatedFeesText")
verify(!!estimatedFeesText)
const transactionModalFooterButton = findChild(controlUnderTest, "transactionModalFooterButton")
verify(!!transactionModalFooterButton)
controlUnderTest.loading = true
compare(estTimeLabel.text, qsTr("Est time"))
compare(estimatedTimeText.text, "XXXXXXXXXX")
compare(estimatedTimeText.customColor, Theme.palette.directColor5)
verify(estimatedTimeText.loading)
compare(estFeesLabel.text, qsTr("Est fees"))
compare(estimatedFeesText.text, "XXXXXXXXXX")
compare(estimatedFeesText.customColor, Theme.palette.directColor5)
verify(estimatedFeesText.loading)
compare(transactionModalFooterButton.text, qsTr("Review Send"))
verify(!transactionModalFooterButton.enabled)
}
function test_errorState() {
verify(!!controlUnderTest)
const estTimeLabel = findChild(controlUnderTest, "estTimeLabel")
verify(!!estTimeLabel)
const estimatedTimeText = findChild(controlUnderTest, "estimatedTimeText")
verify(!!estimatedTimeText)
const estFeesLabel = findChild(controlUnderTest, "estFeesLabel")
verify(!!estFeesLabel)
const estimatedFeesText = findChild(controlUnderTest, "estimatedFeesText")
verify(!!estimatedFeesText)
const transactionModalFooterButton = findChild(controlUnderTest, "transactionModalFooterButton")
verify(!!transactionModalFooterButton)
controlUnderTest.error = true
waitForRendering(controlUnderTest)
compare(estTimeLabel.text, qsTr("Est time"))
compare(estimatedTimeText.text, "--")
compare(estimatedTimeText.customColor, Theme.palette.directColor5)
verify(!estimatedTimeText.loading)
compare(estFeesLabel.text, qsTr("Est fees"))
compare(estimatedFeesText.text, "--")
tryCompare(estimatedFeesText, "customColor", Theme.palette.dangerColor1)
verify(!estimatedFeesText.loading)
compare(transactionModalFooterButton.text, qsTr("Review Send"))
verify(!transactionModalFooterButton.enabled)
verify(!controlUnderTest.errorTags)
controlUnderTest.errorTags = errorTagsModel
compare(controlUnderTest.errorTags, errorTagsModel)
}
}
}

951
storybook/qmlTests/tests/tst_SimpleSendModal.qml Normal file
View File

@ -0,0 +1,951 @@
import QtQuick 2.15
import QtTest 1.15
import StatusQ.Core.Theme 0.1
import StatusQ.Core.Utils 0.1 as SQUtils
import Models 1.0
import utils 1.0
import AppLayouts.Wallet.popups.simpleSend 1.0
Item {
id: root
width: 600
height: 800
Component {
id: componentUnderTest
SimpleSendModal {
id: simpleSend
accountsModel: ListModel {
readonly property var data: [
{
"address":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
"accountBalance":null,
"migratedToKeycard":false,
"currencyBalance":{"amount":999,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"assets":[
{"enabledNetworkBalance":{"amount":3.5,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"SOX"},"symbol":"socks"}
],
"currencyBalanceDouble":999,
"color":"#C78F67",
"colorId":"camel",
"emoji":"🔑",
"name":"Fab (key)",
"position":4,
"canSend":true,
"walletType":"key"
},
{
"address":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8882",
"accountBalance":null,
"migratedToKeycard":false,
"currencyBalance":{"amount":110.05,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"assets":[
{"enabledNetworkBalance":{"amount":42,"displayDecimals":6,"stripTrailingZeroes":true,"symbol":"AAVE"},"symbol":"Aave"},
{"enabledNetworkBalance":{"amount":120.123,"displayDecimals":2,"stripTrailingZeroes":true,"symbol":"DAI"},"symbol":"dai"}
],
"currencyBalanceDouble":110.05,
"color":"#EC266C"
,"colorId":"magenta",
"emoji":"🎨",
"name":"Family (seed)",
"position":1,
"canSend":true,
"walletType":"seed"
},
{
"address":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8881",
"accountBalance":null
,"migratedToKeycard":false,
"currencyBalance":{"amount":10,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"assets":[
{"enabledNetworkBalance":{"amount":1,"displayDecimals":1,"stripTrailingZeroes":true,"symbol":"DBF"},"symbol":"deadbeef"}
],
"currencyBalanceDouble":10,
"color":"#216266",
"colorId":"army",
"emoji":"🚗",
"name":"Hot wallet (generated)",
"position":3,"canSend":true,
"walletType":"generated"
}
]
Component.onCompleted: append(data)
}
assetsModel: ListModel {
readonly property var data: [
{
"decimals":18,
"addressPerChain":[
{address:"0x0000000000000000000000000000000000000000","chainId":1},
{address:"0x0000000000000000000000000000000000000000","chainId":5},
{address:"0x0000000000000000000000000000000000000000","chainId":10},
{address:"0x0000000000000000000000000000000000000000","chainId":11155420},
{address:"0x0000000000000000000000000000000000000000","chainId":42161},
{address:"0x0000000000000000000000000000000000000000","chainId":421614},
{address:"0x0000000000000000000000000000000000000000","chainId":11155111}],
"communityId":"","type":1,"websiteUrl":"https://www.ethereum.org/",
"description":"Ethereum is a decentralized, open-source blockchain platform that enables developers to build and deploy smart contracts and decentralized applications.",
"detailsLoading":false,
"marketDetails":{
"change24hour":0.9121310349524345,
"changePct24hour":0.05209315257442912,
"changePctDay":1.19243897022671,"changePctHour":0.3655439934313061,
"currencyPrice":{"amount":2098.790000016801,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"highDay":{"amount":2090.658790484828,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"lowDay":{"amount":2059.795033958552,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"marketCap":{"amount":250980621528.3937,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"}
},
"marketDetailsLoading":false,
"currentBalance":0.1220829289681219,
"currencyBalanceAsString":"256,23 USD",
"currencyBalance":256.2264304910557,
"sectionId":"section_1",
"iconSource":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"sectionName":"Your assets on Mainnet",
"balances":[
{
"balance":"122082928968121891",
"balanceAsDouble":0.1220829289681219,
"chainId":1,
"account":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
"balanceAsString":"0,12"
}
],
"tokensKey":"ETH",
"name":"Ether",
"sources":";native;",
"symbol":"ETH"
},
{
"decimals":6,
"addressPerChain":[
{address:"0x6b175474e89094c44da98b954eedeac495271d0f","chainId":1},
{address:"0xda10009cbd5d07dd0cecc66161fc93d7c9000da1","chainId":10},
],
"communityId":"","type":1,
"websiteUrl":"https://makerdao.com/",
"description":"Dai (DAI) is a decentralized, stablecoin cryptocurrency built on the Ethereum blockchain.",
"detailsLoading":false,
"marketDetails":{
"change24hour":0.0004424433543155981,
"changePct24hour":0.04426443627508443,
"changePctDay":0.0008257482387743841,
"changePctHour":0.003162399421324529,
"currencyPrice":{"amount":0.9999000202515163,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"highDay":{"amount":1.000069852130498,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"lowDay":{"amount":0.9989457077643417,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"},
"marketCap":{"amount":3641953745.413845,"displayDecimals":2,"stripTrailingZeroes":false,"symbol":"USD"}
},
"marketDetailsLoading":false
,"currentBalance":1000,
"currencyBalanceAsString":"",
"currencyBalance":0,
"sectionId":"section_zzz",
"iconSource":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/DAI.png",
"sectionName":"Popular assets",
"balances":[
{
"balance":"122082928968121891",
"balanceAsDouble":1000,
"chainId":10,
"account":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
"balanceAsString":"1000"
}
],
"tokensKey":"DAI",
"name":"Dai Stablecoin",
"sources":";uniswap;status;",
"symbol":"DAI"
}
]
Component.onCompleted: append(data)
}
flatCollectiblesModel: ListModel {
readonly property var data: [
// collection 2
{
tokenId: "id_3",
symbol: "abc",
chainId: NetworksModel.mainnetChainId,
name: "Multi-seq NFT 1",
contractAddress: "contract_2",
collectionName: "Multi-sequencer Test NFT",
collectionUid: "collection_2",
ownership: [
{
accountAddress: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
balance: 1,
txTimestamp: 1714059810
}
],
imageUrl: Constants.tokenIcon("ETH", false),
mediaUrl: Qt.resolvedUrl(""),
communityId: "",
communityName: "",
communityImage: Qt.resolvedUrl(""),
tokenType: Constants.TokenType.ERC721
},
{
tokenId: "id_4",
symbol: "def",
chainId: NetworksModel.mainnetChainId,
name: "Multi-seq NFT 2",
contractAddress: "contract_2",
collectionName: "Multi-sequencer Test NFT",
collectionUid: "collection_2",
ownership: [
{
accountAddress: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
balance: 1,
txTimestamp: 1714059811
}
],
imageUrl: Constants.tokenIcon("ETH", false),
mediaUrl: Qt.resolvedUrl(""),
communityId: "",
communityName: "",
communityImage: Qt.resolvedUrl(""),
tokenType: Constants.TokenType.ERC721
},
{
tokenId: "id_5",
symbol: "ghi",
chainId: NetworksModel.mainnetChainId,
name: "Multi-seq NFT 3",
contractAddress: "contract_2",
collectionName: "Multi-sequencer Test NFT",
collectionUid: "collection_2",
ownership: [
{
accountAddress: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8882",
balance: 1,
txTimestamp: 1714059899
}
],
imageUrl: Constants.tokenIcon("ETH", false),
mediaUrl: Qt.resolvedUrl(""),
communityId: "",
communityName: "",
communityImage: Qt.resolvedUrl(""),
tokenType: Constants.TokenType.ERC721
}
]
Component.onCompleted: append(data)
}
collectiblesModel: ListModel {
readonly property var data: [
{
"isRouteEnabled":true,
"layer":1,
"type":"other",
"subitems":[
{
"isRouteEnabled":true,
"layer":1,
"key":"abc",
"icon":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"shortName":"eth",
"chainColor":"#627EEA",
"iconUrl":"network/Network=Ethereum",
"blockExplorerURL":"https://etherscan.io/",
"isTest":false,
"nativeCurrencyDecimals":18,
"nativeCurrencySymbol":"ETH",
"nativeCurrencyName":"Ether",
"communityName":"",
"communityId":"",
"mediaUrl":"",
"imageUrl":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"chainName":"Mainnet",
"tokenType":2,
"communityImage":"",
"name":"Multi-seq NFT 1",
"chainId":1,
"symbol":"abc",
"tokenId":"id_3",
"ownership":[{"txTimestamp":1714059810,"balance":1,"accountAddress":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884"}],
"collectionUid":"collection_2",
"collectionName":"Multi-sequencer Test NFT",
"contractAddress":"contract_2",
"groupingValue":"collection_2",
"balance":1
},
{"isRouteEnabled":true,
"layer":1,
"key":"def",
"icon":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"shortName":"eth",
"chainColor":"#627EEA",
"iconUrl":"network/Network=Ethereum",
"blockExplorerURL":"https://etherscan.io/",
"isTest":false,
"nativeCurrencyDecimals":18,
"nativeCurrencySymbol":"ETH",
"nativeCurrencyName":"Ether",
"communityName":"",
"communityId":"",
"mediaUrl":"",
"imageUrl":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"chainName":"Mainnet",
"tokenType":2,
"communityImage":"",
"name":"Multi-seq NFT 2",
"chainId":1,
"symbol":"def",
"tokenId":"id_4",
"ownership":[{"txTimestamp":1714059811,"balance":1,"accountAddress":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884"}],
"collectionUid":"collection_2",
"collectionName":"Multi-sequencer Test NFT",
"contractAddress":"contract_2",
"groupingValue":"collection_2",
"balance":1
},
{
"isRouteEnabled":true,
"layer":1,
"key":"ghi",
"icon":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"shortName":"eth",
"chainColor":"#627EEA",
"iconUrl":"network/Network=Ethereum",
"blockExplorerURL":"https://etherscan.io/",
"isTest":false,
"nativeCurrencyDecimals":18,
"nativeCurrencySymbol":"ETH",
"nativeCurrencyName":"Ether",
"communityName":"","communityId":"",
"mediaUrl":"",
"imageUrl":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"chainName":"Mainnet",
"tokenType":2,
"communityImage":"",
"name":"Multi-seq NFT 3",
"chainId":1,
"symbol":"ghi",
"tokenId":"id_5",
"ownership":[{"txTimestamp":1714059899,"balance":1,"accountAddress":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884"}],
"collectionUid":"collection_2",
"collectionName":"Multi-sequencer Test NFT",
"contractAddress":"contract_2",
"groupingValue":"collection_2",
"balance":1
}
],
"key":"abc","icon":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"shortName":"eth",
"chainColor":"#627EEA",
"iconUrl":"network/Network=Ethereum",
"blockExplorerURL":"https://etherscan.io/",
"isTest":false,
"nativeCurrencyDecimals":18,
"nativeCurrencySymbol":"ETH",
"nativeCurrencyName":"Ether",
"communityName":"",
"communityId":"",
"mediaUrl":"",
"imageUrl":"file:///Users/khushboomehta/Documents/status-desktop/ui/StatusQ/src/assets/png/tokens/ETH.png",
"chainName":"Mainnet",
"tokenType":2,
"communityImage":"",
"name":"Multi-seq NFT 1",
"chainId":1,
"symbol":"abc",
"tokenId":"id_3",
"ownership":[{"txTimestamp":1714059810,"balance":1,"accountAddress":"0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884"}],
"collectionUid":"collection_2",
"collectionName":"Multi-sequencer Test NFT",
"contractAddress":"contract_2",
"groupName":"Multi-sequencer Test NFT",
"groupingValue":"collection_2",
"balance":1
}
]
Component.onCompleted: append(data)
}
networksModel: ListModel {
readonly property var data: [
{
"layer":1,
"isRouteEnabled":true,
"chainId":1,
"chainName":"Mainnet",
"blockExplorerURL":"https://etherscan.io/",
"iconUrl":"network/Network=Ethereum",
"chainColor":"#627EEA",
"shortName":"eth",
"nativeCurrencyName":"Ether",
"nativeCurrencySymbol":"ETH",
"nativeCurrencyDecimals":18,
"isTest":false
},
{
"layer":2,
"isRouteEnabled":true,
"chainId":10,
"chainName":"Optimism",
"blockExplorerURL":"https://optimistic.etherscan.io",
"iconUrl":"network/Network=Optimism",
"chainColor":"#E90101",
"shortName":"oeth",
"nativeCurrencyName":"Ether",
"nativeCurrencySymbol":"ETH",
"nativeCurrencyDecimals":18,
"isTest":false
},
{
"layer":2,
"isRouteEnabled":true,
"chainId":42161,
"chainName":"Arbitrum",
"blockExplorerURL":"https://arbiscan.io/",
"iconUrl":"network/Network=Arbitrum",
"chainColor":"#51D0F0",
"shortName":"arb1",
"nativeCurrencyName":"Ether",
"nativeCurrencySymbol":"ETH",
"nativeCurrencyDecimals":18,
"isTest":false
}
]
Component.onCompleted: append(data)
}
recipientsModel: ListModel {
Component.onCompleted: {
for (let i = 0; i < 10; i++) {
append({
name: "some saved addr name " + i,
ens: "ens %1".arg(i),
address: "0x2B748A02e06B159C7C3E98F5064577B96E55A7b%1".arg(i),
})
append({
name: "some addr name " + i,
ens: "ens %1".arg(i),
address: "0x1B748A02e06B159C7C3E69F5064577B96E55A7b%1".arg(i),
})
}
}
}
recipientsFilterModel: recipientsModel
currentCurrency: "USD"
fnFormatCurrencyAmount: function (amount, symbol, options = null, locale = null) {
if (isNaN(amount)) {
return "N/A"
}
var currencyAmount = ({
amount: amount,
symbol: symbol ? symbol.toUpperCase() : "USD",
displayDecimals: 2,
stripTrailingZeroes: false
})
return LocaleUtils.currencyAmountToLocaleString(currencyAmount, options, locale)
}
fnResolveENS: function (ensName, uuid) {}
readonly property SignalSpy formChangedSpy: SignalSpy {
target: simpleSend
signalName: "formChanged"
}
readonly property SignalSpy reviewSendClickedSpy: SignalSpy {
target: simpleSend
signalName: "reviewSendClicked"
}
readonly property SignalSpy launchBuyFlowSpy: SignalSpy {
target: simpleSend
signalName: "launchBuyFlow"
}
}
}
TestCase {
name: "SimpleSendModal"
when: windowShown
property SimpleSendModal controlUnderTest: null
function init() {
controlUnderTest = createTemporaryObject(componentUnderTest, root)
}
function test_launchPopup() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
}
function test_closeModal() {
// close popup
controlUnderTest.close()
verify(!controlUnderTest.opened)
}
function test_default_state() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
// Default account item from model at 0th position
const defaultAccountItem = SQUtils.ModelUtils.get(controlUnderTest.accountsModel, 0)
// Default network item from model at 0th position
const defaultNetworkItem = SQUtils.ModelUtils.get(controlUnderTest.networksModel, 0)
// Account Selector
const accountSelector = findChild(controlUnderTest, "accountSelector")
verify(!!accountSelector)
const accountSelectorHeaderBackground = findChild(accountSelector, "headerBackground")
verify(!!accountSelectorHeaderBackground)
const accountSelectorAssetContent = findChild(accountSelector, "assetContent")
verify(!!accountSelectorAssetContent)
const accountSelectorTextContent = findChild(accountSelector, "textContent")
verify(!!accountSelectorTextContent)
compare(accountSelectorHeaderBackground.color, Utils.getColorForId(defaultAccountItem.colorId))
compare(accountSelectorAssetContent.asset.emoji, defaultAccountItem.emoji)
compare(accountSelectorAssetContent.asset.color, Utils.getColorForId(defaultAccountItem.colorId))
compare(accountSelectorTextContent.text, defaultAccountItem.name)
// Sticky Header should not be visible when not scrolling
const stickySendModalHeader = findChild(controlUnderTest, "stickySendModalHeader")
verify(!!stickySendModalHeader)
compare(stickySendModalHeader.height, 0)
// Regular Header
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
// Title
const sendModalTitleText = findChild(controlUnderTest, "sendModalTitleText")
verify(!!sendModalTitleText)
verify(sendModalHeader.visible)
compare(sendModalTitleText.text, qsTr("Send"))
// Token Selector
const tokenSelector = findChild(controlUnderTest, "tokenSelector")
verify(!!tokenSelector)
const tokenSelectorButton = findChild(controlUnderTest, "tokenSelectorButton")
verify(!!tokenSelectorButton)
verify(!tokenSelectorButton.selected)
compare(tokenSelectorButton.name, "")
compare(tokenSelectorButton.icon, "")
compare(tokenSelectorButton.text, qsTr("Select token"))
// Network picker
const networkFilter = findChild(controlUnderTest, "networkFilter")
verify(!!networkFilter)
compare(networkFilter.selection, [defaultNetworkItem.chainId])
// Amount input area
const amountToSend = findChild(controlUnderTest, "amountToSend")
verify(!!amountToSend)
verify(!amountToSend.visible)
// Recipient Area
const recipientsPanel = findChild(controlUnderTest, "recipientsPanel")
verify(!!recipientsPanel)
compare(recipientsPanel.selectedRecipientType, Constants.RecipientAddressObjectType.RecentsAddress)
compare(recipientsPanel.selectedRecipientAddress, "")
// Fees Layout
const feesLayout = findChild(controlUnderTest, "feesLayout")
verify(!!feesLayout)
verify(!feesLayout.visible)
// Footer
const sendModalFooter = findChild(controlUnderTest, "sendModalFooter")
verify(!!sendModalFooter)
compare(sendModalFooter.estimatedTime, "")
compare(sendModalFooter.estimatedFees, "")
verify(!sendModalFooter.loading)
verify(!sendModalFooter.error)
verify(!sendModalFooter.errorTags)
// form not filled completely
verify(!controlUnderTest.allValuesFilledCorrectly)
}
function test_preset_values() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
waitForRendering(controlUnderTest.contentItem)
controlUnderTest.sendType = Constants.SendType.Transfer
controlUnderTest.selectedAccountAddress = "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884"
controlUnderTest.selectedChainId = 10
controlUnderTest.selectedTokenKey = "DAI"
controlUnderTest.selectedRawAmount = "10000000" // 10 DAI
controlUnderTest.selectedRecipientAddress = "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8881"
const selectedAccount = SQUtils.ModelUtils.getByKey(controlUnderTest.accountsModel, "address", controlUnderTest.selectedAccountAddress)
const selectedToken = SQUtils.ModelUtils.getByKey(controlUnderTest.assetsModel, "tokensKey", controlUnderTest.selectedTokenKey)
// Account Selector
const accountSelector = findChild(controlUnderTest, "accountSelector")
verify(!!accountSelector)
const accountSelectorHeaderBackground = findChild(accountSelector, "headerBackground")
verify(!!accountSelectorHeaderBackground)
const accountSelectorAssetContent = findChild(accountSelector, "assetContent")
verify(!!accountSelectorAssetContent)
const accountSelectorTextContent = findChild(accountSelector, "textContent")
verify(!!accountSelectorTextContent)
compare(accountSelectorHeaderBackground.color, Utils.getColorForId(selectedAccount.colorId))
compare(accountSelectorAssetContent.asset.emoji, selectedAccount.emoji)
compare(accountSelectorAssetContent.asset.color, Utils.getColorForId(selectedAccount.colorId))
compare(accountSelectorTextContent.text, selectedAccount.name)
// Sticky Header should not be visible when not scrolling
const stickySendModalHeader = findChild(controlUnderTest, "stickySendModalHeader")
verify(!!stickySendModalHeader)
compare(stickySendModalHeader.height, 0)
// Regular Header
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
// Token Selector
const tokenSelector = findChild(sendModalHeader, "tokenSelector")
verify(!!tokenSelector)
const tokenSelectorButton = findChild(sendModalHeader, "tokenSelectorButton")
verify(!!tokenSelectorButton)
verify(tokenSelectorButton.selected)
compare(tokenSelectorButton.name, selectedToken.symbol)
compare(tokenSelectorButton.icon, Constants.tokenIcon(selectedToken.symbol))
// Network picker
const networkFilter = findChild(controlUnderTest, "networkFilter")
verify(!!networkFilter)
compare(networkFilter.selection, [controlUnderTest.selectedChainId])
// Amount input area
const amountToSend = findChild(controlUnderTest, "amountToSend")
verify(!!amountToSend)
verify(amountToSend.visible)
verify(amountToSend.cursorVisible)
compare(amountToSend.placeholderText, "0")
verify(!amountToSend.bottomTextLoading)
compare(amountToSend.text, "10")
// Recipient Area
const recipientsPanel = findChild(controlUnderTest, "recipientsPanel")
verify(!!recipientsPanel)
compare(recipientsPanel.selectedRecipientType, Constants.RecipientAddressObjectType.RecentsAddress)
compare(recipientsPanel.selectedRecipientAddress, "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8881")
controlUnderTest.formChangedSpy.wait()
tryCompare(controlUnderTest, "allValuesFilledCorrectly", true)
// set loading state to true, mimicing fectSuggestedRoutes is called
controlUnderTest.routesLoading = true
verify(amountToSend.bottomTextLoading)
// Fees Layout
const feesLayout = findChild(controlUnderTest, "feesLayout")
verify(!!feesLayout)
const signTransactionFees = findChild(feesLayout, "signTransactionFees")
verify(!!signTransactionFees)
const cryptoFeesText = findChild(signTransactionFees, "cryptoFeesText")
verify(!!cryptoFeesText)
const fiatFeesText = findChild(signTransactionFees, "fiatFeesText")
verify(!!fiatFeesText)
verify(feesLayout.visible)
verify(signTransactionFees.loading)
verify(cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
verify(fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
// Footer
const sendModalFooter = findChild(controlUnderTest, "sendModalFooter")
verify(!!sendModalFooter)
compare(sendModalFooter.estimatedTime, "")
compare(sendModalFooter.estimatedFees, "")
verify(sendModalFooter.loading)
verify(!sendModalFooter.error)
verify(!sendModalFooter.errorTags)
// set correct values for router such that a valid route was returned
controlUnderTest.routesLoading = false
controlUnderTest.estimatedTime = "~60s"
controlUnderTest.estimatedFiatFees = "1.45 EUR"
controlUnderTest.estimatedCryptoFees = "0.0007 ETH"
controlUnderTest.routerErrorCode = ""
controlUnderTest.routerError = ""
controlUnderTest.routerErrorDetails = ""
// check route set values
verify(!amountToSend.bottomTextLoading)
verify(!signTransactionFees.loading)
compare(signTransactionFees.cryptoFees, controlUnderTest.estimatedCryptoFees)
compare(signTransactionFees.fiatFees, controlUnderTest.estimatedFiatFees)
verify(!signTransactionFees.error)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
compare(sendModalFooter.estimatedTime,controlUnderTest.estimatedTime)
compare(sendModalFooter.estimatedFees, controlUnderTest.estimatedFiatFees)
verify(!sendModalFooter.loading)
verify(!sendModalFooter.error)
verify(!sendModalFooter.errorTags)
// clear amount and check if allValuesFilledCorrectly changes
amountToSend.clear()
tryCompare(controlUnderTest, "allValuesFilledCorrectly", false)
controlUnderTest.selectedRawAmount = "110000000" // 11 DAI
// set error path
controlUnderTest.routesLoading = false
controlUnderTest.estimatedTime = "~60s"
controlUnderTest.estimatedFiatFees = "1.45 EUR"
controlUnderTest.estimatedCryptoFees = "0.0007 ETH"
controlUnderTest.routerErrorCode = Constants.routerErrorCodes.router.errNotEnoughNativeBalance
controlUnderTest.routerError = qsTr("Not enough ETH to pay gas fees")
controlUnderTest.routerErrorDetails = ""
// check error state
compare(signTransactionFees.cryptoFees, controlUnderTest.estimatedCryptoFees)
compare(signTransactionFees.fiatFees, controlUnderTest.estimatedFiatFees)
verify(signTransactionFees.error)
compare(cryptoFeesText.customColor, Theme.palette.dangerColor1)
compare(fiatFeesText.customColor, Theme.palette.dangerColor1)
compare(sendModalFooter.estimatedTime,controlUnderTest.estimatedTime)
compare(sendModalFooter.estimatedFees, controlUnderTest.estimatedFiatFees)
verify(!sendModalFooter.loading)
verify(sendModalFooter.error)
compare(sendModalFooter.errorTags.count, 2)
}
function test_scrolling_state() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
waitForRendering(controlUnderTest.contentItem)
// Default network item from model at 0th position
const defaultNetworkItem = SQUtils.ModelUtils.get(controlUnderTest.networksModel, 0)
// Sticky Header should not be visible when not scrolling
const stickySendModalHeader = findChild(controlUnderTest, "stickySendModalHeader")
verify(!!stickySendModalHeader)
verify(stickySendModalHeader.height === 0)
// Sticky Header Title
const stickyHeaderTitleText = findChild(stickySendModalHeader, "sendModalTitleText")
verify(!!stickyHeaderTitleText)
compare(stickyHeaderTitleText.text, qsTr("Send"))
// Sticky Header Token Selector
const stickyHeaderTokenSelector = findChild(stickySendModalHeader, "tokenSelector")
verify(!!stickyHeaderTokenSelector)
const stickyHeaderTokenSelectorButton = findChild(stickySendModalHeader, "tokenSelectorButton")
verify(!!stickyHeaderTokenSelectorButton)
const stickyHeaderTokenSelectorDropdown = findChild(stickySendModalHeader, "dropdown")
verify(!!stickyHeaderTokenSelectorDropdown)
verify(!stickyHeaderTokenSelectorButton.selected)
compare(stickyHeaderTokenSelectorButton.name, "")
compare(stickyHeaderTokenSelectorButton.icon, "")
compare(stickyHeaderTokenSelectorButton.text, qsTr("Select token"))
// Sticky Header Network picker
const stickyHeaderNetworkFilter = findChild(stickySendModalHeader, "networkFilter")
verify(!!stickyHeaderNetworkFilter)
compare(stickyHeaderNetworkFilter.selection, [defaultNetworkItem.chainId])
// Regular Header
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
// Regular Header Title
const sendModalTitleText = findChild(sendModalHeader, "sendModalTitleText")
verify(!!sendModalTitleText)
verify(sendModalHeader.visible)
compare(sendModalTitleText.text, qsTr("Send"))
// Regular Header Token Selector
const tokenSelector = findChild(sendModalHeader, "tokenSelector")
verify(!!tokenSelector)
const tokenSelectorButton = findChild(sendModalHeader, "tokenSelectorButton")
verify(!!tokenSelectorButton)
const tokenSelectorDropdown = findChild(sendModalHeader, "dropdown")
verify(!!tokenSelectorDropdown)
verify(!tokenSelectorButton.selected)
compare(tokenSelectorButton.name, "")
compare(tokenSelectorButton.icon, "")
compare(tokenSelectorButton.text, qsTr("Select token"))
// Regular Header Network picker
const networkFilter = findChild(sendModalHeader, "networkFilter")
verify(!!networkFilter)
compare(networkFilter.selection, [defaultNetworkItem.chainId])
// launch token selector dropdown
tokenSelectorButton.clicked()
verify(tokenSelectorDropdown.opened)
// scroll
const scrollView = findChild(controlUnderTest, "scrollView")
verify(!!scrollView)
scrollView.scrollEnd()
// the opened popup should be closed and sticky header should become visible
tryCompare(tokenSelectorDropdown, "opened", false)
tryVerify(() => stickySendModalHeader.height > 0)
stickyHeaderTokenSelectorButton.clicked()
verify(stickyHeaderTokenSelectorDropdown.opened)
// scroll back up
scrollView.scrollHome()
tryCompare(stickyHeaderTokenSelectorDropdown, "opened", false)
tryVerify(() => stickySendModalHeader.height === 0)
// set values for headers using modal api
controlUnderTest.selectedChainId = 10
controlUnderTest.selectedTokenKey = "DAI"
const selectedToken = SQUtils.ModelUtils.getByKey(controlUnderTest.assetsModel, "tokensKey", controlUnderTest.selectedTokenKey)
// Check regular header
verify(tokenSelectorButton.selected)
compare(tokenSelectorButton.name, selectedToken.symbol)
compare(tokenSelectorButton.icon, Constants.tokenIcon(selectedToken.symbol))
compare(networkFilter.selection, [10])
// Check sticky header
verify(tokenSelectorButton.selected)
compare(tokenSelectorButton.name, selectedToken.symbol)
compare(tokenSelectorButton.icon, Constants.tokenIcon(selectedToken.symbol))
compare(networkFilter.selection, [10])
}
function test_set_interactive_false() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
// waitForRendering(controlUnderTest.contentItem)
controlUnderTest.interactive = false
// Sticky Header
const stickySendModalHeader = findChild(controlUnderTest, "stickySendModalHeader")
verify(!!stickySendModalHeader)
const stickyHeaderTokenSelector = findChild(stickySendModalHeader, "tokenSelector")
verify(!!stickyHeaderTokenSelector)
const stickyHeaderNetworkFilter = findChild(stickySendModalHeader, "networkFilter")
verify(!!stickyHeaderNetworkFilter)
// Regular Header
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
const tokenSelector = findChild(sendModalHeader, "tokenSelector")
verify(!!tokenSelector)
const networkFilter = findChild(sendModalHeader, "networkFilter")
verify(!!networkFilter)
// Amount input area
const amountToSend = findChild(controlUnderTest, "amountToSend")
verify(!!amountToSend)
// Recipient Panel
const recipientsPanel = findChild(controlUnderTest, "recipientsPanel")
verify(!!recipientsPanel)
verify(!stickyHeaderTokenSelector.enabled)
verify(!stickyHeaderNetworkFilter.selectionAllowed)
verify(!tokenSelector.enabled)
verify(!networkFilter.selectionAllowed)
verify(!amountToSend.interactive)
verify(!recipientsPanel.interactive)
}
function test_displayOnlyAssets() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
const tokenSelector = findChild(sendModalHeader, "tokenSelector")
verify(!!tokenSelector)
verify(tokenSelector.collectiblesModel)
controlUnderTest.displayOnlyAssets = true
verify(!tokenSelector.collectiblesModel)
}
function test_transferOwnership() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
const stickySendModalHeader = findChild(controlUnderTest, "stickySendModalHeader")
verify(!!stickySendModalHeader)
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
verify(stickySendModalHeader.interactive)
verify(sendModalHeader.interactive)
controlUnderTest.transferOwnership = true
verify(!stickySendModalHeader.interactive)
verify(!sendModalHeader.interactive)
}
// verify that when a token is selected from the asset selecte values are set correctly
function test_selectAssetOrCollectible() {
verify(!!controlUnderTest)
controlUnderTest.open()
verify(controlUnderTest.opened)
const sendModalHeader = findChild(controlUnderTest, "sendModalHeader")
verify(!!sendModalHeader)
compare(controlUnderTest.sendType, Constants.SendType.Transfer)
compare(controlUnderTest.selectedChainId, 1)
compare(controlUnderTest.selectedTokenKey, "")
compare(controlUnderTest.selectedRawAmount, "")
// Asset Selection
sendModalHeader.assetSelected("ETH")
compare(controlUnderTest.sendType, Constants.SendType.Transfer)
compare(controlUnderTest.selectedTokenKey, "ETH")
compare(controlUnderTest.selectedChainId, 1)
compare(controlUnderTest.selectedRawAmount, "")
// Collectible Selection
sendModalHeader.collectibleSelected("abc")
compare(controlUnderTest.sendType, Constants.SendType.ERC721Transfer)
compare(controlUnderTest.selectedTokenKey, "abc")
compare(controlUnderTest.selectedChainId, 1)
compare(controlUnderTest.selectedRawAmount, "1")
sendModalHeader.assetSelected("ETH")
}
}
}

147
storybook/qmlTests/tests/tst_SimpleTransactionsFees.qml Normal file
View File

@ -0,0 +1,147 @@
import QtQuick 2.15
import QtTest 1.15
import StatusQ.Core.Theme 0.1
import AppLayouts.Wallet.panels 1.0
Item {
id: root
width: 600
height: 800
Component {
id: componentUnderTest
SimpleTransactionsFees {}
}
TestCase {
name: "SimpleTransactionsFees"
when: windowShown
property SimpleTransactionsFees controlUnderTest: null
function init() {
controlUnderTest = createTemporaryObject(componentUnderTest, root)
}
function test_defaulValues() {
verify(!!controlUnderTest)
const background = findChild(controlUnderTest, "background")
verify(!!background)
const gasIcon = findChild(controlUnderTest, "gasIcon")
verify(!!gasIcon)
const infoText = findChild(controlUnderTest, "infoText")
verify(!!infoText)
const cryptoFeesText = findChild(controlUnderTest, "cryptoFeesText")
verify(!!cryptoFeesText)
const fiatFeesText = findChild(controlUnderTest, "fiatFeesText")
verify(!!fiatFeesText)
compare(background.color, Theme.palette.indirectColor1)
compare(gasIcon.asset.name, "gas")
compare(infoText.text, qsTr("Est Mainnet transaction fee"))
compare(cryptoFeesText.text, "XXXXXXXXXX")
verify(cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
compare(fiatFeesText.text, "XXXXXXXXXX")
verify(fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
}
function test_setValues() {
verify(!!controlUnderTest)
const background = findChild(controlUnderTest, "background")
verify(!!background)
const gasIcon = findChild(controlUnderTest, "gasIcon")
verify(!!gasIcon)
const infoText = findChild(controlUnderTest, "infoText")
verify(!!infoText)
const cryptoFeesText = findChild(controlUnderTest, "cryptoFeesText")
verify(!!cryptoFeesText)
const fiatFeesText = findChild(controlUnderTest, "fiatFeesText")
verify(!!fiatFeesText)
controlUnderTest.cryptoFees = "0.0007 ETH"
controlUnderTest.fiatFees = "1.45 EUR"
compare(background.color, Theme.palette.indirectColor1)
compare(gasIcon.asset.name, "gas")
compare(infoText.text, qsTr("Est Mainnet transaction fee"))
compare(cryptoFeesText.text,"0.0007 ETH")
verify(!cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
compare(fiatFeesText.text, "1.45 EUR")
verify(!fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
}
function test_loadingState() {
verify(!!controlUnderTest)
const background = findChild(controlUnderTest, "background")
verify(!!background)
const gasIcon = findChild(controlUnderTest, "gasIcon")
verify(!!gasIcon)
const infoText = findChild(controlUnderTest, "infoText")
verify(!!infoText)
const cryptoFeesText = findChild(controlUnderTest, "cryptoFeesText")
verify(!!cryptoFeesText)
const fiatFeesText = findChild(controlUnderTest, "fiatFeesText")
verify(!!fiatFeesText)
controlUnderTest.loading = true
compare(background.color, Theme.palette.indirectColor1)
compare(gasIcon.asset.name, "gas")
compare(infoText.text, qsTr("Est Mainnet transaction fee"))
compare(cryptoFeesText.text,"XXXXXXXXXX")
verify(cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
compare(fiatFeesText.text,"XXXXXXXXXX")
verify(fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
controlUnderTest.cryptoFees = "0.0007 ETH"
controlUnderTest.fiatFees = "1.45 EUR"
compare(background.color, Theme.palette.indirectColor1)
compare(gasIcon.asset.name, "gas")
compare(infoText.text, qsTr("Est Mainnet transaction fee"))
compare(cryptoFeesText.text,"0.0007 ETH")
verify(cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.baseColor1)
compare(fiatFeesText.text, "1.45 EUR")
verify(fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.baseColor1)
}
function test_errorState() {
verify(!!controlUnderTest)
const background = findChild(controlUnderTest, "background")
verify(!!background)
const gasIcon = findChild(controlUnderTest, "gasIcon")
verify(!!gasIcon)
const infoText = findChild(controlUnderTest, "infoText")
verify(!!infoText)
const cryptoFeesText = findChild(controlUnderTest, "cryptoFeesText")
verify(!!cryptoFeesText)
const fiatFeesText = findChild(controlUnderTest, "fiatFeesText")
verify(!!fiatFeesText)
controlUnderTest.error = true
controlUnderTest.cryptoFees = "0.0007 ETH"
controlUnderTest.fiatFees = "1.45 EUR"
compare(background.color, Theme.palette.indirectColor1)
compare(gasIcon.asset.name, "gas")
compare(infoText.text, qsTr("Est Mainnet transaction fee"))
compare(cryptoFeesText.text,"0.0007 ETH")
verify(!cryptoFeesText.loading)
compare(cryptoFeesText.customColor, Theme.palette.dangerColor1)
compare(fiatFeesText.text, "1.45 EUR")
verify(!fiatFeesText.loading)
compare(fiatFeesText.customColor, Theme.palette.dangerColor1)
}
}
}

4
ui/app/AppLayouts/Wallet/controls/TokenSelector.qml
View File

@ -58,6 +58,8 @@ Control {
contentItem: TokenSelectorButton {
id: tokenSelectorButton
objectName: "tokenSelectorButton"
forceHovered: dropdown.opened
onClicked: dropdown.opened ? dropdown.close() : dropdown.open()
@ -66,6 +68,8 @@ Control {
StatusDropdown {
id: dropdown
objectName: "dropdown"
y: parent.height + 4
width: 448

6
ui/app/AppLayouts/Wallet/panels/SendModalHeader.qml
View File

@ -92,6 +92,8 @@ RowLayout {
StatusBaseText {
id: sendModalTitleText
objectName: "sendModalTitleText"
Layout.preferredWidth: contentWidth
lineHeightMode: Text.FixedHeight
@ -105,6 +107,8 @@ RowLayout {
TokenSelector {
id: tokenSelector
objectName: "tokenSelector"
Layout.fillWidth: true
Layout.maximumWidth: implicitWidth
@ -142,6 +146,8 @@ RowLayout {
NetworkFilter {
id: networkFilter
objectName: "networkFilter"
Layout.alignment: Qt.AlignTop
control.popup.y: networkFilter.height

12
ui/app/AppLayouts/Wallet/panels/SimpleTransactionsFees.qml
View File

@ -31,6 +31,8 @@ Control {
verticalPadding: 12
background: Rectangle {
objectName: "background"
color: Theme.palette.indirectColor1
radius: Theme.radius
}
@ -39,7 +41,9 @@ Control {
width: parent.width
spacing: 12
StatusRoundIcon {
StatusRoundIcon {
objectName: "gasIcon"
Layout.alignment: Qt.AlignTop
radius: 8
@ -52,6 +56,8 @@ Control {
spacing: 0
StatusBaseText {
objectName: "infoText"
Layout.fillWidth: true
lineHeightMode: Text.FixedHeight
@ -62,6 +68,8 @@ Control {
StatusTextWithLoadingState {
id: cryptoFeesText
objectName: "cryptoFeesText"
Layout.fillWidth: true
loading: root.loading || !root.cryptoFees
@ -77,6 +85,8 @@ Control {
StatusTextWithLoadingState {
id: fiatFeesText
objectName: "fiatFeesText"
Layout.alignment: Qt.AlignRight
loading: root.loading || !root.fiatFees

38
ui/app/AppLayouts/Wallet/popups/simpleSend/SimpleSendModal.qml
View File

@ -118,7 +118,7 @@ StatusDialog {
property bool displayOnlyAssets
/** input property true if a community owner token is being transferred **/
property bool transferOwnership
property bool transferOwnership
/** input property to decide if routes are being fetched **/
property bool routesLoading
@ -149,6 +149,13 @@ StatusDialog {
e.g. 1000000000000000000 for 1 ETH **/
property string selectedRawAmount
/** Input / Output property to set and expose currently selected recipient address **/
property alias selectedRecipientAddress: recipientsPanel.selectedRecipientAddress
/** Output property to indicate currently selected recipient view tab **/
readonly property alias selectedRecipientType: recipientsPanel.selectedRecipientType
/** Output property to filter recipient model **/
readonly property alias recipientSearchPattern: recipientsPanel.searchPattern
/** input property holds the publicKey of the user for registering an ENS name **/
property string publicKey
/** input property holds the selected ens name to be registered **/
@ -172,13 +179,6 @@ StatusDialog {
recipientsPanel.ensNameResolved(resolvedPubKey, resolvedAddress, uuid)
}
/** Input / Output property to set and expose currently selected recipient address **/
property alias selectedRecipientAddress: recipientsPanel.selectedRecipientAddress
/** Output property to indicate currently selected recipient view tab **/
readonly property alias selectedRecipientType: recipientsPanel.selectedRecipientType
/** Output property to filter recipient model **/
readonly property alias recipientSearchPattern: recipientsPanel.searchPattern
/** Output signal to request signing of the transaction **/
signal reviewSendClicked()
/** Output signal to inform that the forms been updated **/
@ -381,6 +381,8 @@ StatusDialog {
AccountSelectorHeader {
id: accountSelector
objectName: "accountSelector"
anchors.top: parent.top
anchors.topMargin: -accountSelector.height - Theme.padding
anchors.left: parent.left
@ -412,6 +414,8 @@ StatusDialog {
StickySendModalHeader {
id: stickySendModalHeader
objectName: "stickySendModalHeader"
width: parent.width
stickyHeaderVisible: d.stickyHeaderVisible
@ -436,6 +440,8 @@ StatusDialog {
StatusScrollView {
id: scrollView
objectName: "scrollView"
anchors.fill: parent
contentWidth: availableWidth
@ -458,6 +464,8 @@ StatusDialog {
SendModalHeader {
id: sendModalHeader
objectName: "sendModalHeader"
Layout.fillWidth: true
Layout.topMargin: 28
@ -481,6 +489,8 @@ StatusDialog {
SendViews.AmountToSend {
id: amountToSend
objectName: "amountToSend"
Layout.fillWidth: true
interactive: root.interactive
@ -550,7 +560,6 @@ StatusDialog {
}
Item {
Layout.alignment: Qt.AlignTop
Layout.fillWidth: true
Layout.bottomMargin: feesLayout.visible ? 0 : Theme.xlPadding
implicitHeight: recipientsPanel.height
@ -569,6 +578,9 @@ StatusDialog {
RecipientSelectorPanel {
id: recipientsPanel
objectName: "recipientsPanel"
anchors {
top: parent.top
left: parent.left
@ -589,6 +601,8 @@ StatusDialog {
ColumnLayout {
id: feesLayout
objectName: "feesLayout"
Layout.fillWidth: true
Layout.bottomMargin: Theme.xlPadding
@ -599,6 +613,8 @@ StatusDialog {
text: qsTr("Fees")
}
SimpleTransactionsFees {
objectName: "signTransactionFees"
Layout.fillWidth: true
cryptoFees: root.estimatedCryptoFees
@ -612,7 +628,9 @@ StatusDialog {
}
}
footer: SendModalFooter {
footer: SendModalFooter {
objectName: "sendModalFooter"
width: root.width
estimatedTime: root.estimatedTime

9
ui/app/AppLayouts/Wallet/views/SendModalFooter.qml
View File

@ -41,6 +41,8 @@ StatusDialogFooter {
spacing: 0
StatusBaseText {
objectName: "estTimeLabel"
font.weight: Font.Medium
color: Theme.palette.directColor5
text: qsTr("Est time")
@ -48,6 +50,8 @@ StatusDialogFooter {
StatusTextWithLoadingState {
id: estimatedTime
objectName: "estimatedTimeText"
font.weight: Font.Medium
customColor: !!root.estimatedTime ? Theme.palette.directColor1:
Theme.palette.directColor5
@ -63,6 +67,8 @@ StatusDialogFooter {
spacing: 0
StatusBaseText {
objectName: "estFeesLabel"
font.weight: Font.Medium
color: Theme.palette.directColor5
text: qsTr("Est fees")
@ -70,11 +76,14 @@ StatusDialogFooter {
StatusTextWithLoadingState {
id: estimatedFees
objectName: "estimatedFeesText"
font.weight: Font.Medium
customColor: root.error ? Theme.palette.dangerColor1:
!!root.estimatedFees ?
Theme.palette.directColor1:
Theme.palette.directColor5
loading: root.loading
text: !!root.estimatedFees ? root.estimatedFees: