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