web-dev-qa-db-ja.com

Flutterテストのコードカバレッジデータはどのように表示できますか？

IDEとしてAndroid Studioを使用してFlutterアプリを開発しています。
テストを記述してコードカバレッジを確認しようとしていますが、IDEまたはその他のアプリケーションでデータを表示する方法を理解できません。
flutter test --coverage
カバレッジレポートがファイルに生成されているようです/coverage/Icov.info
そのファイルは次のようになります：

SF:lib\data\Customer.g.Dart
DA:9,2
DA:10,2
DA:11,2
DA:12,2
DA:13,2
DA:20,0
DA:21,0
DA:22,0
DA:23,0
DA:24,0
....

ファイルを見ると、行ごとのカバレッジデータを含むプロジェクトファイルのリストがあるようです。 Android Studioでこの情報を表示する方法はありますか？

testingcode-coverageflutter
17
peopletookallthegoodnames

Atomエディター を使用すると、flutterによって生成されたコードカバレッジを表示できます。
Dartとicov-infoパッケージをインストールするだけです。

次に、プロジェクトフォルダーをロードしてCtrl+Alt+cを押すと、カバレッジがプロジェクト全体のカバレッジの概要と特定の行の強調表示で表示されます。

Android studioのプラグインはまだないようです。

5
peopletookallthegoodnames

lcovをインストールしてlcov.infoファイルをHTMLページに変換し、並べ替えオプションを使用してブラウザで結果を確認することもできます

buntuへのインストール：

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

Macへのインストール：

brew install lcov

テストを実行し、カバレッジファイルを生成してHTMLに変換します

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

注：この方法でcircleciアーティファクトとcoverallsにも追加できます

27
Jak

カバレッジレポートがAndroid Studioで利用可能になりました

enter image description here

1
mmccabe