Skip to main content

Flutter アプリで単体テストと UI テストを実行する

ザ・ フラッターテスト Stepを使うと、BitriseのFlutterアプリ上でユニットテスト、ウィジェットテスト、インテグレーション (エンドツーエンドまたはUIテストとも呼ばれる) テストを実行できます。このステップは以下を実行します。 flutter test コマンドを実行して保存します json コマンドによって生成されるファイル。これで、テスト結果アドオンはいつでも表示できます テスト結果の展開と表示.

コードカバレッジ

の フラッターテスト Step は、コード カバレッジ レポートを生成することもできます。

を使用してテストを実行するには フラッターテスト:

ワークフロー エディター

bitrise.yml

  1. Flutter プロジェクトにテストを含めます。

    テストを作成して Flutter プロジェクトに含める方法の詳細については、Flutter の公式ドキュメントを確認してください。 Flutter アプリのテスト.

  2. 追加 フラッターのインストール ワークフローに進みます。

    このステップでは、Flutter SDK の初期セットアップを実行し、不足しているコンポーネントをインストールします。

  3. であることを確認してください。 フラッターのインストール ステップにより、アプリに適したバージョンの Flutter SDK がインストールされます。 Flutter SDK Git リポジトリ バージョン 入力。

    flutter-install-step.png

    入力のデフォルト値は 安定、SDK の最新の安定したバージョンをインストールします。ただし、特定のバージョン タグまたはブランチ ラベルのいずれかに値を設定できます。

    • 使用可能なバージョン タグは次の場所にあります。 バージョンタグ.

    • 利用可能なブランチ ラベルは次の場所にあります。 支店ラベル.

    インストール バンドルの URL

    インストール バンドルの URL から Flutter SDK をインストールすることもできます。 Flutter SDK インストール バンドル URL 入力。その場合、 Flutter SDK Git リポジトリ バージョン 入力は完全に無視されます!

  4. 追加 フラッターテスト ワークフローに進みます。の後である必要があります。 フラッターのインストール ステップ。

    ステップは、 flutter test オプションのフラグを指定したコマンド。コードカバレッジもチェックできます。

  5. を確認してください プロジェクトの場所 input は、Flutter プロジェクトのルート ディレクトリを指します。

    flutter-test-step.png

    • プロジェクトスキャナーがそれをFlutterプロジェクトとして自動的に検出した場合 アプリとして追加する Bitrise では、デフォルト値を変更する必要はありません。

    • アプリを手動で構成した場合は、場所が正しいことを確認してください。あなたはに行くことによってそうすることができます 環境変数 ワークフロー エディタのタブで、 BITRISE_FLUTTER_PROJECT_LOCATION 環境変数.

  6. デフォルトでは、ステップはすべてのテストを見つけて実行します。ただし、選択したテストのみを実行するように構成できます。 テスト ファイルのパターン どのテストを実行するかをステップに伝えるための入力。

    入力は、* と ** の両方のグロブ形式を受け入れます。例えば、 lib/**/*_test.dart 有効な入力です。

    flutter-test-files-pattern.png

  7. オプションで、 追加パラメータ にフラグを追加するための入力 flutter test 指図。

    利用可能なオプションを表示するには、 flutter help test 指図。自分のデバイスまたは 脚本 Bitriseを踏む。

  8. オプションで、 コード カバレッジ ファイルを生成しますか? への入力 はい コード カバレッジ ファイルを生成します。

    この入力をオンにすると、 --coverage フラグが追加されます flutter test 指図。

  9. 必要に応じて、生成された json テスト レポートとコード カバレッジ ファイル (lcov.info) を使用して、後続のステップで BITRISE_FLUTTER_TESTRESULT_PATH そしてその BITRISE_FLUTTER_COVERAGE_PATH 環境変数.

  10. テストを実行し、その結果を ビルドログ.

  1. Flutter プロジェクトにテストを含めます。

    テストを作成して Flutter プロジェクトに含める方法の詳細については、Flutter の公式ドキュメントを確認してください。 Flutter アプリのテスト.

  2. 追加 flutter-installer ワークフローに進みます。

    このステップでは、Flutter SDK の初期セットアップを実行し、不足しているコンポーネントをインストールします。

    primary:
  description: |
    Builds project and runs tests.
  steps:
    - activate-ssh-key: {}
    - git-clone: {}
    - flutter-installer:
        inputs:

  3. ステップで、アプリに適したバージョンの Flutter SDK がインストールされることを確認してください。バージョンは、 version 入力。

    入力のデフォルト値は stable、SDK の最新の安定したバージョンをインストールします。表示されない場合 version あなたの入力 bitrise.yml ファイルでは、デフォルト値に設定されています。ただし、特定のバージョン タグまたはブランチ ラベルのいずれかに値を設定できます。

    • 使用可能なバージョン タグは次の場所にあります。 バージョンタグ.

    • 利用可能なブランチ ラベルは次の場所にあります。 支店ラベル.

    # Installing version 3.7.7 of the Flutter SDK
- flutter-installer:
    inputs:
    - version: 3.7.7

    インストール バンドルの URL

    インストール バンドルの URL から Flutter SDK をインストールすることもできます。 installation-bundle-url 入力。その場合、 version 入力は完全に無視されます!

    URL は https://storage.googleapis.com/flutter_infra.例えば：

    - flutter-installer:
    inputs:
    - installation_bundle_url: https://storage.googleapis.com/flutter_infra/releases/beta/macos/flutter_macos_v1.6.3-beta.zip

  4. 追加 flutter-test ワークフローに進みます。の後にする必要があります flutter-installer ステップ。

    ステップは、 flutter test オプションのフラグを指定したコマンド。コードカバレッジもチェックできます。

    primary:
  description: |
    Builds project and runs tests.
  steps:
    - activate-ssh-key: {}
    - git-clone: {}
    - flutter-installer:
        inputs:
        - version: stable
        - is_update: false
    - restore-dart-cache: {}
    - flutter-test:
        inputs:

  5. を確認してください project_location input は、Flutter プロジェクトのルート ディレクトリを指します。

    - flutter-test:
    inputs:
    - project_location: "$BITRISE_FLUTTER_PROJECT_LOCATION"

    • プロジェクトスキャナーがそれをFlutterプロジェクトとして自動的に検出した場合 アプリとして追加する Bitrise では、デフォルト値を変更する必要はありません。 BITRISE_FLUTTER_PROJECT_LOCATION.

    • アプリを手動で構成した場合は、場所が正しいことを確認してください。どこで確認できますか BITRISE_FLUTTER_PROJECT_LOCATION ポイント envs のプロパティ app:

      # Pointing to the root directory
app:
  envs:
    - opts:
        is_expand: false
      BITRISE_FLUTTER_PROJECT_LOCATION: .

  6. デフォルトでは、ステップはすべてのテストを見つけて実行します。ただし、選択したテストのみを実行するように構成できます。 tests_path_pattern どのテストを実行するかをステップに伝えるための入力。

    入力は、* と ** の両方のグロブ形式を受け入れます。例えば、 lib/**/*_test.dart 有効な入力です。

    - flutter-test:
    inputs:
    - tests_path_pattern: /lib/*_test.dart

  7. オプションで、 additional_params にフラグを追加するための入力 flutter test 指図。

    利用可能なオプションを表示するには、 flutter help test 指図。自分のデバイスまたは 脚本 Bitriseを踏む。

    - flutter-test:
    inputs:
# setting a test timeout of 60 seconds
    - additional_params: --timeout 60s

  8. オプションで、 generate_code_coverage_files への入力 'はい' コード カバレッジ ファイルを生成します。

    この入力をオンにすると、 --coverage フラグが追加されます flutter test 指図。

    - flutter-test:
    inputs:
    - generate_code_coverage_files: 'yes'

  9. 必要に応じて、生成された json テスト レポートとコード カバレッジ ファイル (lcov.info) を使用して、後続のステップで BITRISE_FLUTTER_TESTRESULT_PATH そしてその BITRISE_FLUTTER_COVERAGE_PATH 環境変数.

  10. を追加 deploy-to-bitrise-io テスト結果を表示する手順: テスト結果の展開と表示。

    primary:
  description: |
    Builds project and runs tests.
  steps:
    - activate-ssh-key: {}
    - git-clone: {}
    - flutter-installer:
        inputs:
        - version: stable
        - is_update: false
    - restore-dart-cache: {}
    - flutter-test:
        inputs:
        - project_location: "$BITRISE_FLUTTER_PROJECT_LOCATION"
        - generate_code_coverage_files: 'yes'
        - tests_path_pattern: /lib/*_test.dart
   - save-dart-cache: {}    
   - deploy-to-bitrise-io: {}
このセクションの内容: