mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-10 13:46:35 +00:00
2f050a025f
Changes: 1. Align dialog with Figma design 2. Add new components for round image with badge and connection status tag 3. Add tests 4. Dapps service will now receive wallet `RootStore` as input and reuse existing models with account balance and other necessary info for account selection and chain selection 5. Minor updates in stores 6. Minor updates in WC toast messages to display app domain instead of app url
319 lines
14 KiB
QML
319 lines
14 KiB
QML
import QtQuick 2.15
|
|
import QtTest 1.15
|
|
|
|
import shared.popups.walletconnect 1.0
|
|
|
|
import Models 1.0
|
|
|
|
Item {
|
|
id: root
|
|
width: 600
|
|
height: 800
|
|
|
|
Component {
|
|
id: accountsModelComponent
|
|
WalletAccountsModel {}
|
|
}
|
|
|
|
Component {
|
|
id: componentUnderTest
|
|
ConnectDAppModal {
|
|
id: controlUnderTest
|
|
modal: false
|
|
anchors.centerIn: parent
|
|
accounts: WalletAccountsModel {}
|
|
flatNetworks: NetworksModel.flatNetworks
|
|
}
|
|
}
|
|
|
|
TestCase {
|
|
id: testConnectDappModal
|
|
name: "ConnectDappModalTest"
|
|
when: windowShown
|
|
|
|
SignalSpy {
|
|
id: connectSignalSpy
|
|
target: testConnectDappModal.dappModal
|
|
signalName: "connect"
|
|
}
|
|
|
|
SignalSpy {
|
|
id: declineSignalSpy
|
|
target: testConnectDappModal.dappModal
|
|
signalName: "decline"
|
|
}
|
|
|
|
SignalSpy {
|
|
id: disconnectSignalSpy
|
|
target: testConnectDappModal.dappModal
|
|
signalName: "disconnect"
|
|
}
|
|
|
|
property ConnectDAppModal dappModal: null
|
|
|
|
function cleanup() {
|
|
connectSignalSpy.clear()
|
|
declineSignalSpy.clear()
|
|
disconnectSignalSpy.clear()
|
|
}
|
|
|
|
function test_initialState() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true})
|
|
|
|
verify(dappModal.visible, "ConnectDAppModal should be visible")
|
|
verify(dappModal.accounts, "ConnectDAppModal should have accounts")
|
|
verify(dappModal.flatNetworks, "ConnectDAppModal should have networks")
|
|
|
|
compare(dappModal.width, 480)
|
|
compare(dappModal.height, 633)
|
|
compare(dappModal.dAppName, "")
|
|
compare(dappModal.dAppUrl, "")
|
|
compare(dappModal.dAppIconUrl, "")
|
|
compare(dappModal.connectionStatus, dappModal.notConnectedStatus)
|
|
}
|
|
|
|
function test_notConnectedState() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true})
|
|
|
|
compare(dappModal.connectionStatus, dappModal.notConnectedStatus)
|
|
|
|
// Reject button should be enabled
|
|
const rejectButton = findChild(dappModal, "rejectButton")
|
|
verify(rejectButton, "Reject button should be present")
|
|
compare(rejectButton.text, "Reject")
|
|
compare(rejectButton.enabled, true)
|
|
mouseClick(rejectButton)
|
|
compare(declineSignalSpy.count, 1)
|
|
|
|
// Connect button should be enabled
|
|
const connectButton = findChild(dappModal, "primaryActionButton")
|
|
verify(connectButton, "Connect button should be present")
|
|
compare(connectButton.text, "Connect")
|
|
compare(connectButton.enabled, true)
|
|
mouseClick(connectButton)
|
|
compare(connectSignalSpy.count, 1)
|
|
|
|
// Disconnect button should be disabled
|
|
const disconnectButton = findChild(dappModal, "disconnectButton")
|
|
verify(disconnectButton, "Disconnect button should be present")
|
|
compare(disconnectButton.text, "Disconnect")
|
|
compare(disconnectButton.visible, false)
|
|
mouseClick(disconnectButton)
|
|
compare(disconnectSignalSpy.count, 0)
|
|
|
|
// Account selector should be enabled and user should be able to select an account
|
|
const accountSelector = findChild(dappModal, "accountSelector")
|
|
verify(accountSelector, "Account selector should be present")
|
|
compare(accountSelector.enabled, true)
|
|
compare(accountSelector.currentIndex, 0)
|
|
mouseClick(accountSelector)
|
|
compare(accountSelector.popup.visible, true)
|
|
|
|
waitForItemPolished(accountSelector.popup.contentItem)
|
|
|
|
const accountsList = findChild(accountSelector, "accountSelectorList")
|
|
verify(accountsList, "Accounts list should be present")
|
|
const selectAddress = accountsList.itemAtIndex(1).address
|
|
mouseClick(accountsList.itemAtIndex(1))
|
|
compare(dappModal.selectedAccountAddress, accountSelector.currentAccountAddress)
|
|
compare(dappModal.selectedAccountAddress, selectAddress)
|
|
|
|
// Chain selector is enabled, all common chains preselected
|
|
const chainSelector = findChild(dappModal, "networkFilter")
|
|
verify(chainSelector, "Chain selector should be present")
|
|
compare(chainSelector.enabled, true)
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count)
|
|
|
|
// User should be able to deselect a chain
|
|
mouseClick(chainSelector)
|
|
waitForItemPolished(chainSelector)
|
|
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
|
|
verify(networkSelectorList, "Network selector list should be present")
|
|
mouseClick(networkSelectorList.itemAtIndex(0))
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count - 1)
|
|
compare(chainSelector.selection[0], NetworksModel.flatNetworks.get(1).chainId)
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count - 1)
|
|
compare(dappModal.selectedChains[0], NetworksModel.flatNetworks.get(1).chainId)
|
|
}
|
|
|
|
function test_connectedState() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true})
|
|
dappModal.pairSuccessful()
|
|
compare(dappModal.connectionStatus, dappModal.connectionSuccessfulStatus)
|
|
|
|
// Reject button should not be visible
|
|
const rejectButton = findChild(dappModal, "rejectButton")
|
|
verify(rejectButton, "Reject button should be present")
|
|
compare(rejectButton.visible, false)
|
|
mouseClick(rejectButton)
|
|
compare(declineSignalSpy.count, 0)
|
|
|
|
// Close button should be enabled
|
|
const closeButton = findChild(dappModal, "primaryActionButton")
|
|
verify(closeButton, "Close button should be present")
|
|
compare(closeButton.text, "Close")
|
|
compare(closeButton.enabled, true)
|
|
compare(closeButton.visible, true)
|
|
mouseClick(closeButton)
|
|
compare(dappModal.opened, false)
|
|
dappModal.open()
|
|
|
|
// Disconnect button should be enabled
|
|
const disconnectButton = findChild(dappModal, "disconnectButton")
|
|
verify(disconnectButton, "Disconnect button should be present")
|
|
compare(disconnectButton.text, "Disconnect")
|
|
compare(disconnectButton.visible, true)
|
|
compare(disconnectButton.enabled, true)
|
|
mouseClick(disconnectButton)
|
|
compare(disconnectSignalSpy.count, 1)
|
|
|
|
// Account selector should be disabled
|
|
const accountSelector = findChild(dappModal, "accountSelector")
|
|
verify(accountSelector, "Account selector should be present")
|
|
compare(accountSelector.currentIndex, 0)
|
|
mouseClick(accountSelector)
|
|
compare(accountSelector.popup.visible, false)
|
|
|
|
// Chain selector is disabled
|
|
const chainSelector = findChild(dappModal, "networkFilter")
|
|
verify(chainSelector, "Chain selector should be present")
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
|
|
// User should not be able to deselect a chain
|
|
mouseClick(chainSelector)
|
|
waitForItemPolished(chainSelector)
|
|
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
|
|
verify(networkSelectorList, "Network selector list should be present")
|
|
mouseClick(networkSelectorList.itemAtIndex(0))
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count)
|
|
|
|
const connectionTag = findChild(dappModal, "connectionStatusTag")
|
|
compare(connectionTag.visible, true)
|
|
compare(connectionTag.success, true)
|
|
}
|
|
|
|
function test_connectionFailedState() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true})
|
|
dappModal.pairFailed()
|
|
compare(dappModal.connectionStatus, dappModal.connectionFailedStatus)
|
|
|
|
// Reject button should not be visible
|
|
const rejectButton = findChild(dappModal, "rejectButton")
|
|
verify(rejectButton, "Reject button should be present")
|
|
compare(rejectButton.visible, false)
|
|
mouseClick(rejectButton)
|
|
compare(declineSignalSpy.count, 0)
|
|
|
|
// Close button should be enabled
|
|
const closeButton = findChild(dappModal, "primaryActionButton")
|
|
verify(closeButton, "Close button should be present")
|
|
compare(closeButton.text, "Close")
|
|
compare(closeButton.enabled, true)
|
|
compare(closeButton.visible, true)
|
|
mouseClick(closeButton)
|
|
compare(dappModal.opened, false)
|
|
dappModal.open()
|
|
|
|
// Disconnect button should not be visible
|
|
const disconnectButton = findChild(dappModal, "disconnectButton")
|
|
verify(disconnectButton, "Disconnect button should be present")
|
|
compare(disconnectButton.text, "Disconnect")
|
|
compare(disconnectButton.visible, false)
|
|
mouseClick(disconnectButton)
|
|
compare(disconnectSignalSpy.count, 0)
|
|
|
|
// Account selector should be disabled
|
|
const accountSelector = findChild(dappModal, "accountSelector")
|
|
verify(accountSelector, "Account selector should be present")
|
|
compare(accountSelector.currentIndex, 0)
|
|
mouseClick(accountSelector)
|
|
compare(accountSelector.popup.visible, false)
|
|
|
|
// Chain selector is disabled
|
|
const chainSelector = findChild(dappModal, "networkFilter")
|
|
verify(chainSelector, "Chain selector should be present")
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
|
|
// User should not be able to deselect a chain
|
|
mouseClick(chainSelector)
|
|
waitForItemPolished(chainSelector)
|
|
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
|
|
verify(networkSelectorList, "Network selector list should be present")
|
|
mouseClick(networkSelectorList.itemAtIndex(0))
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count)
|
|
|
|
const connectionTag = findChild(dappModal, "connectionStatusTag")
|
|
compare(connectionTag.visible, true)
|
|
compare(connectionTag.success, false)
|
|
}
|
|
|
|
function test_selectingAccount() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true, dAppChains: [1, 11155111]})
|
|
|
|
const accountSelector = findChild(dappModal, "accountSelector")
|
|
verify(accountSelector, "Account selector should be present")
|
|
compare(accountSelector.currentIndex, 0)
|
|
mouseClick(accountSelector)
|
|
compare(accountSelector.popup.visible, true)
|
|
|
|
waitForItemPolished(accountSelector.popup.contentItem)
|
|
|
|
const accountsList = findChild(accountSelector, "accountSelectorList")
|
|
verify(accountsList, "Accounts list should be present")
|
|
compare(accountsList.count, dappModal.accounts.count)
|
|
|
|
const selectAddress = accountsList.itemAtIndex(1).address
|
|
mouseClick(accountsList.itemAtIndex(1))
|
|
compare(dappModal.selectedAccountAddress, accountSelector.currentAccountAddress)
|
|
compare(dappModal.selectedAccountAddress, selectAddress)
|
|
|
|
const preselectedAddress = accountSelector.currentAccountAddress
|
|
|
|
mouseClick(accountSelector)
|
|
compare(accountSelector.popup.visible, true)
|
|
|
|
waitForItemPolished(accountSelector.popup.contentItem)
|
|
const selectAddress1 = accountsList.itemAtIndex(0).address
|
|
mouseClick(accountsList.itemAtIndex(0))
|
|
compare(dappModal.selectedAccountAddress, accountSelector.currentAccountAddress)
|
|
compare(dappModal.selectedAccountAddress, selectAddress1)
|
|
|
|
// Use preselected address
|
|
dappModal.selectedAccountAddress = preselectedAddress
|
|
compare(accountSelector.currentAccountAddress, preselectedAddress)
|
|
}
|
|
|
|
function test_chainSelection() {
|
|
dappModal = createTemporaryObject(componentUnderTest, root, {visible: true})
|
|
|
|
const chainSelector = findChild(dappModal, "networkFilter")
|
|
verify(chainSelector, "Chain selector should be present")
|
|
// All selected
|
|
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
|
|
compare(chainSelector.selection[0], NetworksModel.flatNetworks.get(0).chainId)
|
|
compare(chainSelector.selection[1], NetworksModel.flatNetworks.get(1).chainId)
|
|
|
|
// User should be able to deselect a chain
|
|
mouseClick(chainSelector)
|
|
waitForItemPolished(chainSelector)
|
|
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
|
|
verify(networkSelectorList, "Network selector list should be present")
|
|
mouseClick(networkSelectorList.itemAtIndex(0))
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count - 1)
|
|
compare(dappModal.selectedChains[0], NetworksModel.flatNetworks.get(1).chainId)
|
|
|
|
waitForItemPolished(networkSelectorList)
|
|
mouseClick(networkSelectorList.itemAtIndex(1))
|
|
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count - 2)
|
|
compare(dappModal.selectedChains[0], NetworksModel.flatNetworks.get(2).chainId)
|
|
|
|
const connectButton = findChild(dappModal, "primaryActionButton")
|
|
verify(!!connectButton, "Connect button should be present")
|
|
compare(connectButton.visible, true)
|
|
compare(connectButton.enabled, true)
|
|
}
|
|
}
|
|
} |