Add Cypress UI Testing

[aaronmgdr]

Why Cypress

Unlike unit tests run by jest Cypress opens a browser and you can visually follow along. This makes writing tests much easier as you can see exactly what is happening.

Does this replace jest

No Jest still great for unit testing and other tests. Cypress is great for tests of user does X screen should show Y.

How to use

in example app

yarn test:ui brings up interactive app for visual testing

yarn test:ci runs tests headless (good for ci)`

Demo

https://user-images.githubusercontent.com/3814795/172925004-2c224e81-c059-4f51-a5e2-ac44fa7a9bba.mov

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-celo	❌ Failed (Inspect)		Sep 27, 2022 at 9:43AM (UTC)

[codecov-commenter]

Codecov Report

Merging #265 (4011977) into master (a4ee834) will not change coverage. The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #265   +/-   ##
=======================================
  Coverage   65.35%   65.35%           
=======================================
  Files          82       82           
  Lines        1931     1931           
  Branches      241      241           
=======================================
  Hits         1262     1262           
  Misses        463      463           
  Partials      206      206           

Impacted Files	Coverage Δ
packages/react-celo/src/components/tray.tsx	70.83% <ø> (ø)
packages/react-celo/src/screens/wallet-connect.tsx	34.21% <ø> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[aaronmgdr]

I really like this, this is a good foundation. What's about the TODO running it against the deployed version on vercel? Do we want to have it in this PR too?

Todo has been handled.

issue now is tests are broken (i think because it was using a private key account but that doesnt show up when deployed)