Git Product home page Git Product logo

widget's People

Contributors

kasparkallas avatar mikkoun avatar philipandersson avatar tokdaniel avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

widget's Issues

[WIP] Checkout widget test scenarios

Widget image thing:

  • Showing the correct merchant name
  • Showing the correct amount per month
  • Showing the selected token correctly
  • Powered by Superfluid button leading to the dashboard?

Wallet connection screens:

  • All available networks showing up
  • All available tokens showing up
  • Widget showing the selected token by the image
  • User rejecting wallet connection
  • User who already had connected to the page revisiting the site
  • User connecting their wallet , but on the wrong network
  • Collapsing and opening the "Choose network and token" form
  • User switching their wallet to a different address in the wallet connection screen

Review the wrap amount:

  • Collapsing and opening the "Review the wrap amount" form
  • Collapsing and opening the "Review the wrap amount" form when user is not connected
  • Token icons showing up for the selected token , animation showing over super token
  • Fiat amount shown by the exchange rate of tokens
  • Allow for Auto-wrap checkbox
  • Allow for auto-wrap tooltip message
  • User disconnecting their wallet during the review
  • User switching their wallet to a different address during the review
  • Reviewing the wrap amount for a pure super token
  • Auto-wrap checkbox not showing up for pure or native super tokens
  • Reviewing the wrap amount if user does not have enough funds for the wrap
  • Why do I need to wrap tokens hyperlink
  • Reviewing the wrap for user who already has the super token balance necessary
  • Continue button leading to the next step
  • Wrap amount in preview with tokens with less than 18 decimals ( USDC )

Reviewing the transactions:

  • Collapsing and opening the "Review the transactions" form
  • Collapsing and opening the "Review the transactions" form when user is not connected
  • Sender and Receiver addresses showing correctly in the transaction preview
  • Animation flowing in between Sender and Receiver addresses
  • Copy buttons by the Sender and Receiver addresses
  • Blockchain explorer links by the Sender and Receiver addresses
  • Reviewing the transactions if the user already has an outgoing stream to the receiver
  • Reviewing the transactions when user does not have enough balance for the deposit
  • Reviewing the transactions when user does not have enough balance to wrap the tokens
  • Reviewing the transactions with a pure super token
  • User disconnecting their wallet during the review
  • User switching their wallet to a different address during the review
  • Data shown in the stream preview ( Network, flow rate , start date , liquidation date? )
  • Continue button leading to the next step

Transaction screens ( Approvals ):

  • Approving Token allowance for auto-wrap and revisiting the page
  • Rejecting ( failing ) auto-wrap token allowance transaction
  • Approving ACL permissions for auto-wrap and revisiting the page
  • Rejecting ( failing ) ACL permissions transaction
  • Approving token allowance for the initial wrap transaction and revisiting the page
  • Rejecting ( failing ) initial wrap token allowance transaction
  • Switching the connected wallet after doing approval
  • Auto-wrap approvals not showing up for pure or native super tokens

Transaction screens ( Wrap ):

  • Correct tokens shown in the wrap page
  • Correct fiat amount shown by the tokens
  • Token icons and animations shown correctly
  • Sending the wrap transaction successfully and re-visiting the page
  • Rejecting ( Failing ) wrap transaction
  • Switching the connected wallet after completing the wrap transaction
  • Wrapping a token with less than 18 decimals ( USDC )

Transaction screens ( Subscribe(Send stream) ):

  • Correct tokens and their balance shown in the subscribe preview
  • Correct fiat amount shown by the tokens
  • Sender and Receiver addresses showing correctly in the transaction preview
  • Animation flowing in between Sender and Receiver addresses
  • Copy buttons by the Sender and Receiver addresses
  • Blockchain explorer links by the Sender and Receiver addresses
  • Sending the send stream ( subscribe ) transaction successfully and re-visiting the page
  • Rejecting ( Failing ) stream transaction
  • Switching the connected wallet after doing completing the send transaction
  • Data shown in the stream preview ( Network, flow rate , start date , liquidation date? )

Success screen:

  • Streamed amount message flowing and correct token shown
  • Sender and Receiver addresses showing correctly in the transaction preview
  • Animation flowing in between Sender and Receiver addresses
  • Copy buttons by the Sender and Receiver addresses
  • Blockchain explorer links by the Sender and Receiver addresses
  • Go to merchant page link leading back to the merchants page
  • Opening and closing the transaction details dropdown
  • Data shown in the transaction details [Stream rate, network , tx gas costs , platform fees , start date , wrapped amount, received amount and wrap gas costs]

Transaction related tests:

  • Make sure that the gas estimation by the SDK will not create transactions with not enough gas ( Polygon )
  • Make sure transactions can be executed by AA contracts ( Gnosis Safe )
  • Test if transactions can be executed by provided wallets - Metamask, WalletConnect , Rainbow etc. whatever will be available

FAQ:

  • Collapsing and opening the FAQ sections and checking any hyperlinks there

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.