data visualizer app

Data Visualizerアプリとプラグイン

これは、Data-Visualizer-Appとその両方の内部で使用され、別のエントリポイントとして構築されたプラグインを含むリポジトリであるため、ダッシュボードアプリなどの他のアプリで使用できます。

はじめる

Repo Root DirectoryからData-Visualizer-Appを実行するには、依存関係をインストールします。

 $ yarn install

発達

Repoのルートからyarn start実行して、 localhost:3000でアプリを起動し、 localhost:3001でプラグインを起動します。

別のポートでプラグインを実行すると、他のアプリでテストすることができます。たとえば、ダッシュボードアプリでテストするには、別のポートでダッシュボードアプリを実行し、devtoolsを介してプラグインパスをホストとプラグインが実行されているポートでオーバーライドします。例のステップ：

1. DVで： yarn start
2. ダッシュボード： yarn start DVはLocalHost：3000、DVプラグインLocalHost：3001、およびLocalHost：3002でダッシュボードアプリで実行されています。
3. ブラウザをlocalhost：3002に向けます。
4. このエントリをダッシュ​​ボードアプリに追加する[アプリケーション]タブのDevTools： dhis2.dashboard.pluginOverrides: { "VISUALIZATION": "http://localhost:3001/plugin.html" }追加します。

同じ原則が同時に複数のプラグインをテストすることができます。オーバーライドで構成されたポートが、オーバーライドするプラグインに適したポートであることを確認する必要があります。

次のNPMスクリプトはすべて、リポジトリルートディレクトリから実行できます。

ユニットテスト

 $ yarn test

カバレッジレポートでユニットテストを実行します

 $ yarn coverage

E2Eテスト

サイプレスは、E2Eブラウザテストに使用されます。これはPRSのCIで自動的に実行され、結果はサイプレスクラウドで見ることができます。

サイプレスクラウドでテストを記録するには、ニーズに基づいて次の方法のいずれかを使用できます。

• コミットメッセージ：録音をアクティブにするためのメッセージメッセージに[e2e record]を含めます。
• GitHubラベル： e2e recordラベルをプルリクエストに適用して、トリガーレコーディングを行います。

このセットアップは、サイプレスクラウドのクレジットをより効率的に管理するのに役立ち、明示的に必要な場合にのみ録音が行われるようにします。

テストをローカルで実行するには、ローカルcypress.env.jsonファイルで以下を定義します。

{
    " dhis2BaseUrl " : " https://test.e2e.dhis2.org/dev " ,
    " dhis2Username " : " admin " ,
    " dhis2Password " : " district " ,
}

インタラクティブにテストを実行します（サイプレスUI）：

 yarn cypress:live

サイプレスUIなしでコンソールでテストを実行します：

 yarn cypress:run

糸くずとフォーマット

すべての修正可能なコードスタイルの違反を自動的に修正する

 $ yarn format

コードスタイルの違反についてすべてのファイルを確認してください（きれいとEslint）

 $ yarn lint

アプリとプラグインを構築します

 $ yarn build

Netlifyによる手動テスト

このレポは、NetLifyにプル要求を展開するように構成されています。これにより、マスターに合流する前に、ランニングの実装を他の人（テスター、プロダクトマネージャー、UX、仲間の開発者）と簡単に共有できます。

プルリクエスト（すなわち＃209）は次のとおりです。

https://pr-209--dhis2-data-visualizer.netlify.app

Netlifyは、PR展開に直接リンクする各PRにステータスチェックを追加します。