flank-dashboard
flank-dashboard copied to clipboard
Define QA process
- Chrome extension to compare screenshot
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
- Flutter DevTools inspector - need to build the code manually:
- Not working great with current dev Flutter version 1.15.3 (most likely improved in the latest beta)
- Complex setup - https://flutter.dev/docs/development/tools/devtools/cli - the simplified process would be to
- Setup environment (install Flutter, dev tools etc...)
- Checkout code
- Connect with Dev tools to the debug version
NOTE: that it will connect to the local version and not the one that is deployed used deployment scripts/release version.
Considerations: Flutter for web is not released yet - so there might be some changes (API or implementation) that potentially could lead changes in the way it renders (slight UI changes), here are some options:
- do light testing now - waiting for more stable Flutter (hits stable/release) or dev team finishing all functionality where we would want to upgrade to the latest beta version before the release
- upgrade often to the latest beta version hoping that there will be no other major changes
- test after Flutter upgrade - as before release we would likely want to upgrade Flutter to improve performance (test with SKIA where performance is much improved - currently there are some Image rendering issues)
- start extensive testing as soon as the functionality is ready locking Flutter version to the currently supported - missing latest and greatest improvements
let's include dart.previewEmbeddedDevTools as well https://medium.com/flutter/announcing-flutter-1-20-2aaf68c89c75