status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/storybook/qmlTests/tests/tst_ConnectDAppModal.qml

321 lines
14 KiB
QML
Raw Permalink Normal View History

feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
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.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)
feat(dapps) don't allow user selection of networks while connecting The requirements are that we allow all available networks to Wallet Connect Also temporarily disable the tests that validate selection working Closes: #15638
2024-07-24 16:35:25 +00:00
// TODO uncomment after we enable chain selection (maybe v2.31)
// // 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)
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
}
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)
fix(ConnectDAppModal): don't overflow texts - set the correct widths and elide mode - fixup the visuals of the NetworkFilter combo box (to disable it w/o making it look disabled) - fix passing the connection status down to DAppCard
2024-07-30 10:46:02 +00:00
// User should not be able to open the popup
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
mouseClick(chainSelector)
waitForItemPolished(chainSelector)
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
verify(networkSelectorList, "Network selector list should be present")
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count)
fix(ConnectDAppModal): don't overflow texts - set the correct widths and elide mode - fixup the visuals of the NetworkFilter combo box (to disable it w/o making it look disabled) - fix passing the connection status down to DAppCard
2024-07-30 10:46:02 +00:00
verify(!chainSelector.control.popup.opened)
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
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)
fix(ConnectDAppModal): don't overflow texts - set the correct widths and elide mode - fixup the visuals of the NetworkFilter combo box (to disable it w/o making it look disabled) - fix passing the connection status down to DAppCard
2024-07-30 10:46:02 +00:00
// User should not be able to open the popup
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
mouseClick(chainSelector)
waitForItemPolished(chainSelector)
const networkSelectorList = findChild(chainSelector, "networkSelectorList")
verify(networkSelectorList, "Network selector list should be present")
compare(chainSelector.selection.length, NetworksModel.flatNetworks.count)
compare(dappModal.selectedChains.length, NetworksModel.flatNetworks.count)
fix(ConnectDAppModal): don't overflow texts - set the correct widths and elide mode - fixup the visuals of the NetworkFilter combo box (to disable it w/o making it look disabled) - fix passing the connection status down to DAppCard
2024-07-30 10:46:02 +00:00
verify(!chainSelector.control.popup.opened)
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
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)
feat(dapps) don't allow user selection of networks while connecting The requirements are that we allow all available networks to Wallet Connect Also temporarily disable the tests that validate selection working Closes: #15638
2024-07-24 16:35:25 +00:00
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
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)
feat(dapps) don't allow user selection of networks while connecting The requirements are that we allow all available networks to Wallet Connect Also temporarily disable the tests that validate selection working Closes: #15638
2024-07-24 16:35:25 +00:00
// TODO uncomment after we enable chain selection (maybe v2.31)
// // 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)
feat(WalletConnect): Fine-tune connect dApp modal 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
2024-06-29 20:24:05 +00:00
}
}
fix(ConnectDAppModal): add scrolling - wrap the contents into a scroll view and don't hardcode the height Fixes #15592
2024-07-29 08:41:47 +00:00
}