flutter_todo_app

A Flutter project _ coding challenge from Manabie recruitment team.

UI

This is a todo managment app, including one text input field and 3 screens as images. The appearance for this is followed by the design on figma : https://www.figma.com/file/JEUOwdeHFnYn8fGrEUS0to/Untitled?node-id=17%3A2.

Test coverage

My test coverage result:

How to run this?

I flowed an instruction on https://stackoverflow.com/questions/50789578/how-can-the-code-coverage-data-from-flutter-tests-be-displayed?fbclid=IwAR0C_c2GUH-U0MythBpPPLsQDbpm1M_tB2fdLoOlR7ypIMPokrOkBlg-ZXs as flows:

" You can install lcov and convert the lcov.info file to HTML pages and then see the result in the browser with sorting option

Installing in Ubuntu:

sudo apt-get update -qq -y
sudo apt-get install lcov -y

Installing in Mac:

brew install lcov

Run tests, generate coverage files and convert to HTML

flutter test --coverage
genhtml coverage/lcov.info -o coverage/html

"

My integration test

How to run this?

Make sure to have these

dev_dependencies:
  flutter_driver:
    sdk: flutter
  test: any

Run the command line

flutter drive --target=test_driver/app.dart

Reference: Flutter docs - "An introduction to integration testing", link: https://flutter.dev/docs/cookbook/testing/integration/introduction