Integration testing for frontend <-> contract interaction

[metalboyrick]

Issue Overview

Currently integration testing of scaffold functionality (debug-ui, hooks) is done manually and takes a tremendous amount of time. We would like a mechanism where we can automatically test new changes with frontend <-> contract interactions without breaking existing ones. Solution is preferably CI-able.

Proposed Solutions or Ideas

Feel free to discuss or think of your own approach, but be sure to communicate to the team about it

• Brainstorm whether to use react-testing-library or browser based libraries like playwright.
• The flow of the job should be of the following:
  • Bring over the v3-bulletproof-contracts branch to the job scope.
  • Set up the appropriate environment (note that if you are planning to test on sepolia you might need to take into account using
    third party wallets or set up a wallet programatically).
  • Write the test suites

[kon-rad]

@metalboyrick, from my research looks like best way is to use Synpress with Playwright.
https://github.com/Synthetixio/synpress

for it's integration with web3 wallets. Do we need to test with metamask or what wallet?

will setup CI with github actions like this example:
https://github.com/Synthetixio/synpress/blob/dev/.github/workflows/test.yml#L30

[Nadai2010]

Hi @kon-rad , the wallets in Starknet that you should try in Scaffold Stark are Braavos and ArgentX, we also use devnet-rs for devnet-local and have 10 burner Account pre-funded

[kon-rad]

@Nadai2010 i see, there is no testing framework that can integrate with those wallets, synpress only supports metamask. Seems the only way to do this would be through something like calude computer use

[mathstickz]

the idea i think will work is since the application has a problem with the timing i thing the facilitation of a better code to unable quick operation of the application i would like to contribute to this issue @Nadai2010