data visualizer app

數據可視化器應用程序和插件

這是一個包含Data-Visualizer-App及其插件的存儲庫，並在內部使用並構建為單獨的入口點，因此可以在其他應用程序（例如儀表板應用）中使用

入門

要從repo root目錄運行數據訪問器應用程序，請安裝依賴項：

 $ yarn install

發展

從存儲庫的根yarn start ，以在localhost:3000和localhost:3001啟動應用程序。

在其他端口上運行插件允許在其他應用程序中對其進行測試。例如，要在儀表板應用中測試它，請在其他端口中運行儀表板應用程序，並通過DevTools使用插件正在運行的主機和端口覆蓋插件路徑。示例步驟：

1. 在DV中： yarn start
2. 在儀表板中： yarn start DV在Localhost上運行：3000，Localhost上的DV插件：3001和Localhost上的Dashboard應用程序：3002。
3. 將瀏覽器指向Localhost：3002。
4. 將此條目通過“應用程序”選項卡中的DevTools添加到儀表板應用程序localstorage中： dhis2.dashboard.pluginOverrides: { "VISUALIZATION": "http://localhost:3001/plugin.html" }

有了相同的原理，可以同時測試多個插件，您只需要確保在“覆蓋”中配置的端口是您所覆蓋的插件的合適端口。

以下NPM腳本都可以從repo root目錄運行：

單位測試

 $ yarn test

通過覆蓋報告運行單位測試

 $ yarn coverage

E2E測試

柏樹用於E2E瀏覽器測試。這會自動在CI上用於PR，結果可以在柏樹雲上看到。

要在賽普拉斯雲中記錄測試，您可以根據需要使用以下方法之一：

• 提交消息：將[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

覆蓋和格式

自動修復所有可修復的代碼風格違規行為（Prettier和Eslint）

 $ yarn format

檢查所有文件是否違反代碼風格（Prettier和Eslint）

 $ yarn lint

構建應用程序和插件

 $ yarn build

Netlify手動測試

此存儲庫被配置為部署拉動請求以netlify。這使得與其他人（例如，測試員，產品經理，UX，其他開發人員）共享運行實施變得簡單，然後才合併為主。

拉請請求（即209）可用：

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

Netlify還將為每個PR添加一個狀態檢查，直接鏈接到PR部署。