From 4a61fffe45d3acdf70ca675e86a233c38d5206d5 Mon Sep 17 00:00:00 2001 From: Janne Savolainen Date: Mon, 18 Jul 2022 15:40:27 +0300 Subject: [PATCH] Rework installation of helm charts to get rid of the majority of bugs Signed-off-by: Janne Savolainen --- .../installing-helm-chart.test.ts.snap | 24643 ++++++++++++++++ .../helm-charts/installing-helm-chart.test.ts | 1338 + ...eadme-of-selected-helm-chart.injectable.ts | 38 + .../call-for-helm-chart-readme.injectable.ts | 27 + ...sions-of-selected-helm-chart.injectable.ts | 28 + ...call-for-helm-chart-versions.injectable.ts | 26 + ...rt-details-version-selection.injectable.ts | 59 + .../+helm-charts/helm-chart-details.tsx | 134 +- .../helm-chart-store.injectable.ts | 13 + .../components/+helm-charts/helm-charts.tsx | 36 +- .../call-for-helm-charts.injectable.ts | 17 + .../helm-charts/helm-charts.injectable.ts | 19 + .../selected-helm-chart.injectable.ts | 36 + ...call-for-create-helm-release.injectable.ts | 19 + .../create-release.injectable.ts | 7 +- .../components/dialog/logs-dialog.tsx | 4 +- src/renderer/components/dock/dock-tab.tsx | 1 + src/renderer/components/dock/dock-tabs.tsx | 2 +- src/renderer/components/dock/dock.tsx | 5 +- .../components/dock/editor-panel.module.scss | 4 + src/renderer/components/dock/editor-panel.tsx | 4 +- src/renderer/components/dock/info-panel.tsx | 22 +- .../call-for-helm-chart-values.injectable.ts | 19 + .../create-install-chart-tab.injectable.ts | 70 +- ...-random-install-chart-tab-id.injectable.ts | 13 + .../install-chart-model.injectable.tsx | 281 + .../components/dock/install-chart/store.ts | 43 +- .../components/dock/install-chart/view.tsx | 215 +- src/renderer/components/table/table-row.tsx | 8 +- 29 files changed, 26772 insertions(+), 359 deletions(-) create mode 100644 src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap create mode 100644 src/behaviours/helm-charts/installing-helm-chart.test.ts create mode 100644 src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts create mode 100644 src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts create mode 100644 src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts create mode 100644 src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts create mode 100644 src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts create mode 100644 src/renderer/components/+helm-charts/helm-chart-store.injectable.ts create mode 100644 src/renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable.ts create mode 100644 src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts create mode 100644 src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts create mode 100644 src/renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable.ts create mode 100644 src/renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable.ts create mode 100644 src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts create mode 100644 src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx diff --git a/src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap new file mode 100644 index 0000000000..04fcd29446 --- /dev/null +++ b/src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap @@ -0,0 +1,24643 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+ Item list is empty +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-name + + + content_copy + + +
+ + + close + + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-name + + + content_copy + + +
+ + + close + + +
+
+
+
+ +
+
+ some-description + +
+
+ + Version + + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ +
+
+ + Home + + + + +
+
+ + Maintainers + + +
+
+
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-name + + + content_copy + + +
+ + + close + + +
+
+
+
+ +
+
+ some-description + +
+
+ + Version + + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ +
+
+ + Home + + + + +
+
+ + Maintainers + + +
+
+
+
+
+

+ some-readme +

+ + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting different version renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-name + + + content_copy + + +
+ + + close + + +
+
+
+
+ +
+
+ some-description + +
+
+ + Version + + +
+ + +
+
+
+ some-other-version +
+
+ +
+
+
+ + +
+
+
+ +
+
+ + Home + + + + +
+
+ + Maintainers + + +
+
+
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting different version when readme resolves renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-name + + + content_copy + + +
+ + + close + + +
+
+
+
+ +
+
+ some-description + +
+
+ + Version + + +
+ + +
+
+
+ some-other-version +
+
+ +
+
+
+ + +
+
+
+ +
+
+ + Home + + + + +
+
+ + Maintainers + + +
+
+
+
+
+

+ some-readme +

+ + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given changing version to be installed renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+
+
+
+
+ some-version +
+
+ some-other-version +
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-other-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected when default configuration resolves renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-other-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given custom name is inputted renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given invalid change in configuration renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+
+ + + error_outline + + +
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given namespace selection is opened renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+
+
+
+
+ default +
+
+ some-other-namespace +
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given namespace selection is opened when namespace is selected renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ some-other-namespace +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+
+ + Installing... +
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves renders 1`] = ` + +
+
+
+
+ + + info_outline + + +
+
+

+ Chart Release + + some-release + + successfully created. +

+
+
+ + + close + + +
+
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+

+ + + check + + +

+

+ Installation complete! +

+
+ + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to see the installed release renders 1`] = ` + +
+
+
+
+ + + info_outline + + +
+
+

+ Chart Release + + some-release + + successfully created. +

+
+
+ + + close + + +
+
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ Releases +
+
+ 0 items +
+
+
+ + +
+
+
+ All namespaces +
+
+ +
+
+
+ + +
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Namespace +
+ + + arrow_drop_down + + +
+
+
+ Chart +
+ + + arrow_drop_down + + +
+
+
+ Revision +
+ + + arrow_drop_down + + +
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Status +
+ + + arrow_drop_down + + +
+
+
+ Updated +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+ Item list is empty +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to show execution output renders 1`] = ` + +
+
+
+
+ + + info_outline + + +
+
+

+ Chart Release + + some-release + + successfully created. +

+
+
+ + + close + + +
+
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+

+ + + check + + +

+

+ Installation complete! +

+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ Helm Chart Install +
+
+
+
+ + some-execution-output + +
+
+ + +
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+
+
+
+
+ Chart: some-repository/some-other-name + + + content_copy + + +
+ + + close + + +
+
+
+
+ +
+
+ some-description + +
+
+ + Version + + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ +
+
+ + Home + + + + +
+
+ + Maintainers + + +
+
+
+
+
+

+ some-readme +

+ + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-other-name +
+ + Version + +
+ + +
+
+
+ Select... +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve when selecting the dock tab for installing first chart renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve given valid change in configuration renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ default +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was not previously opened and application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart when default configuration and versions resolve when cancelled renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Name +
+ + + arrow_drop_down + + +
+
+
+ Description +
+
+
+
+ Version +
+
+
+
+ App Version +
+
+
+
+ Repository +
+ + + arrow_drop_down + + +
+
+
+ + + more_vert + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+ some-other-name +
+
+ some-description +
+
+ some-version +
+
+
+ some-repository +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + add + + +
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was previously opened, when application is started renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Overview +
+
+
+ + +
+
+
+ All namespaces +
+
+ +
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+
+
+ +`; + +exports[`installing helm chart given tab for installing chart was previously opened, when application is started when configuration and version resolves renders 1`] = ` + +
+
+
+
+
+
+
+ ?? +
+
+
+
+
+ +
+
+ + + + list + + + + Config + + +
+
+ +
+
+ + + + storage + + + + Storage + + +
+
+ +
+
+ + + + security + + + + Access Control + + +
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Overview +
+
+
+ + +
+
+
+ All namespaces +
+
+ +
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + + add + + +
+ + + fullscreen + + + + + keyboard_arrow_down + + +
+
+
+
+
+
+
+ + Chart + +
+ some-repository/some-name +
+ + Version + +
+ + +
+
+
+ some-other-version +
+
+ +
+
+
+ + +
+
+
+ + Namespace + +
+ + +
+
+
+ some-other-namespace +
+
+ +
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+ +
+
+
+
+
+
+ +`; diff --git a/src/behaviours/helm-charts/installing-helm-chart.test.ts b/src/behaviours/helm-charts/installing-helm-chart.test.ts new file mode 100644 index 0000000000..223e837810 --- /dev/null +++ b/src/behaviours/helm-charts/installing-helm-chart.test.ts @@ -0,0 +1,1338 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import type { AsyncFnMock } from "@async-fn/jest"; +import asyncFn from "@async-fn/jest"; +import type { RenderResult } from "@testing-library/react"; +import { fireEvent } from "@testing-library/react"; +import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder"; +import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder"; +import type { CallForHelmCharts } from "../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable"; +import callForHelmChartsInjectable from "../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable"; +import { HelmChart } from "../../common/k8s-api/endpoints/helm-charts.api"; +import getRandomInstallChartTabIdInjectable from "../../renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable"; +import type { CallForHelmChartValues } from "../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable"; +import callForHelmChartValuesInjectable from "../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable"; +import type { CallForCreateHelmRelease } from "../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable"; +import callForCreateHelmReleaseInjectable from "../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable"; +import currentPathInjectable from "../../renderer/routes/current-path.injectable"; +import namespaceStoreInjectable from "../../renderer/components/+namespaces/store.injectable"; +import type { NamespaceStore } from "../../renderer/components/+namespaces/store"; +import type { CallForHelmChartReadme } from "../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable"; +import callForHelmChartReadmeInjectable from "../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable"; +import type { CallForHelmChartVersions } from "../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable"; +import callForHelmChartVersionsInjectable from "../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable"; +import { flushPromises } from "../../common/test-utils/flush-promises"; +import { overrideFsWithFakes } from "../../test-utils/override-fs-with-fakes"; +import writeJsonFileInjectable from "../../common/fs/write-json-file.injectable"; +import directoryForLensLocalStorageInjectable from "../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable"; +import hostedClusterIdInjectable from "../../renderer/cluster-frame-context/hosted-cluster-id.injectable"; +import { TabKind } from "../../renderer/components/dock/dock/store"; +import { controlWhenStoragesAreReady } from "../../renderer/utils/create-storage/storages-are-ready"; +import dockStoreInjectable from "../../renderer/components/dock/dock/store.injectable"; +import readJsonFileInjectable from "../../common/fs/read-json-file.injectable"; +import type { DiContainer } from "@ogre-tools/injectable"; + +// TODO: Make tooltips free of side effects by making it deterministic +jest.mock("../../renderer/components/tooltip/withTooltip", () => ({ + withTooltip: (target: any) => target, +})); + +describe("installing helm chart", () => { + let builder: ApplicationBuilder; + let rendererDi: DiContainer; + let callForHelmChartsMock: AsyncFnMock; + let callForHelmChartVersionsMock: AsyncFnMock; + let callForHelmChartReadmeMock: AsyncFnMock; + let callForHelmChartValuesMock: AsyncFnMock; + let callForCreateHelmReleaseMock: AsyncFnMock; + let storagesAreReady: () => Promise; + + beforeEach(() => { + builder = getApplicationBuilder(); + + rendererDi = builder.dis.rendererDi; + + overrideFsWithFakes(rendererDi); + + callForHelmChartsMock = asyncFn(); + callForHelmChartVersionsMock = asyncFn(); + callForHelmChartReadmeMock = asyncFn(); + callForHelmChartValuesMock = asyncFn(); + callForCreateHelmReleaseMock = asyncFn(); + + builder.beforeApplicationStart(({ rendererDi }) => { + rendererDi.override( + directoryForLensLocalStorageInjectable, + () => "/some-directory-for-lens-local-storage", + ); + + rendererDi.override(hostedClusterIdInjectable, () => "some-cluster-id"); + + storagesAreReady = controlWhenStoragesAreReady(rendererDi); + + rendererDi.override( + callForHelmChartsInjectable, + () => callForHelmChartsMock, + ); + + rendererDi.override( + callForHelmChartVersionsInjectable, + () => callForHelmChartVersionsMock, + ); + + rendererDi.override( + callForHelmChartReadmeInjectable, + () => callForHelmChartReadmeMock, + ); + + rendererDi.override( + callForHelmChartValuesInjectable, + () => callForHelmChartValuesMock, + ); + + rendererDi.override( + callForHelmChartValuesInjectable, + () => callForHelmChartValuesMock, + ); + + rendererDi.override( + callForCreateHelmReleaseInjectable, + () => callForCreateHelmReleaseMock, + ); + + // TODO: Replace store mocking with mock for the actual side-effect (where the namespaces are coming from) + rendererDi.override( + namespaceStoreInjectable, + () => + ({ + contextNamespaces: [], + items: [ + { getName: () => "default" }, + { getName: () => "some-other-namespace" }, + ], + selectNamespaces: () => {}, + } as unknown as NamespaceStore), + ); + + rendererDi.override(getRandomInstallChartTabIdInjectable, () => + jest + .fn(() => "some-irrelevant-tab-id") + .mockReturnValueOnce("some-first-tab-id") + .mockReturnValueOnce("some-second-tab-id"), + ); + }); + + builder.setEnvironmentToClusterFrame(); + }); + + describe("given tab for installing chart was previously opened, when application is started", () => { + let rendered: RenderResult; + + beforeEach(async () => { + const writeJsonFile = rendererDi.inject(writeJsonFileInjectable); + + writeJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + { + dock: { + height: 300, + tabs: [ + { + id: "some-first-tab-id", + kind: TabKind.INSTALL_CHART, + title: "Helm Install: some-repository/some-name", + pinned: false, + }, + ], + + isOpen: true, + }, + + install_charts: { + "some-first-tab-id": { + name: "some-name", + repo: "some-repository", + version: "some-other-version", + values: "some-stored-configuration", + releaseName: "some-stored-custom-name", + namespace: "some-other-namespace", + }, + }, + }, + ); + + rendered = await builder.render(); + + await storagesAreReady(); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("still has the dock tab for installing chart", () => { + expect( + rendered.getByTestId("dock-tab-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + + it("shows dock tab for installing the chart", () => { + expect( + rendered.getByTestId("dock-tab-content-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + + it("shows spinner in dock tab", () => { + expect( + rendered.getByTestId("install-chart-tab-spinner"), + ).toBeInTheDocument(); + }); + + it("calls for default configuration of the chart", () => { + expect(callForHelmChartValuesMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-other-version", + ); + }); + + it("calls for available versions", () => { + expect(callForHelmChartVersionsMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + ); + }); + + describe("when configuration and version resolves", () => { + beforeEach(async () => { + await callForHelmChartValuesMock.resolve( + "some-default-configuration", + ); + + await callForHelmChartVersionsMock.resolve([ + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-other-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + ]); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("has the stored configuration", () => { + const input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ); + + expect(input).toHaveValue("some-stored-configuration"); + }); + + it("has the stored custom name", () => { + const input = rendered.getByTestId( + "install-chart-custom-name-input-for-some-first-tab-id", + ); + + expect(input).toHaveValue("some-stored-custom-name"); + }); + + it("has the stored version", () => { + const actual = builder.select.getValue( + "install-chart-version-select-for-some-first-tab-id", + ); + + expect(actual).toBe("some-other-version"); + + }); + + it("has the stored namespace", () => { + const actual = builder.select.getValue( + "install-chart-namespace-select-for-some-first-tab-id", + ); + + expect(actual).toBe("some-other-namespace"); + }); + }); + }); + + describe("given tab for installing chart was not previously opened and application is started, when navigating to helm charts", () => { + let rendered: RenderResult; + + beforeEach(async () => { + rendered = await builder.render(); + + builder.helmCharts.navigate(); + + const writeJsonFile = rendererDi.inject(writeJsonFileInjectable); + + writeJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + { + dock: { + height: 300, + tabs: [], + isOpen: false, + }, + }, + ); + + const dockStore = rendererDi.inject(dockStoreInjectable); + + // TODO: Make TerminalWindow unit testable to allow realistic behaviour + dockStore.closeTab("terminal"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("calls for charts", () => { + expect(callForHelmChartsMock).toHaveBeenCalled(); + }); + + describe("when charts resolve", () => { + beforeEach(async () => { + await callForHelmChartsMock.resolve([ + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-other-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + ]); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + describe("when opening details of a chart", () => { + beforeEach(() => { + const row = rendered.getByTestId( + "helm-chart-row-for-some-repository-some-name", + ); + + fireEvent.click(row); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("calls for chart versions", () => { + expect(callForHelmChartVersionsMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + ); + }); + + it("shows spinner", () => { + expect( + rendered.getByTestId("spinner-for-chart-details"), + ).toBeInTheDocument(); + }); + + describe("when chart versions resolve", () => { + beforeEach(async () => { + await callForHelmChartVersionsMock.resolve([ + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-other-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + ]); + }); + + it("calls for chart readme for the version", () => { + expect(callForHelmChartReadmeMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-version", + ); + }); + + it("has the latest version as selected", () => { + const actual = builder.select.getValue( + "helm-chart-version-selector-some-repository-some-name", + ); + + expect(actual).toBe("some-version"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not shows spinner for details", () => { + expect( + rendered.queryByTestId("spinner-for-chart-details"), + ).not.toBeInTheDocument(); + }); + + it("shows spinner for readme", () => { + expect( + rendered.getByTestId("spinner-for-chart-readme"), + ).toBeInTheDocument(); + }); + + describe("when readme resolves", () => { + beforeEach(async () => { + await callForHelmChartReadmeMock.resolve("some-readme"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not show spinner anymore", () => { + expect( + rendered.queryByTestId("spinner-for-chart-readme"), + ).not.toBeInTheDocument(); + }); + + describe("when selecting different version", () => { + beforeEach(() => { + callForHelmChartReadmeMock.mockClear(); + + builder.select + .openMenu( + "helm-chart-version-selector-some-repository-some-name", + ) + .selectOption("some-other-version"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("selects the version", () => { + const actual = builder.select.getValue( + "helm-chart-version-selector-some-repository-some-name", + ); + + expect(actual).toBe("some-other-version"); + }); + + it("calls for chart readme for the version", () => { + expect(callForHelmChartReadmeMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-other-version", + ); + }); + + describe("when readme resolves", () => { + beforeEach(async () => { + await callForHelmChartReadmeMock.resolve("some-readme"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("when selecting to install chart, calls for the default configuration of the chart with specific version", async () => { + const installButton = rendered.getByTestId( + "install-chart-for-some-repository-some-name", + ); + + fireEvent.click(installButton); + + await flushPromises(); + + expect(callForHelmChartValuesMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-other-version", + ); + }); + }); + }); + + describe("when selecting to install the chart", () => { + beforeEach(() => { + callForHelmChartVersionsMock.mockClear(); + + const installButton = rendered.getByTestId( + "install-chart-for-some-repository-some-name", + ); + + fireEvent.click(installButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("calls for default configuration of the chart", () => { + expect(callForHelmChartValuesMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-version", + ); + }); + + it("calls for available versions", () => { + expect(callForHelmChartVersionsMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + ); + }); + + it("shows dock tab for installing the chart", () => { + expect( + rendered.getByTestId("dock-tab-content-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + + it("shows spinner in dock tab", () => { + expect( + rendered.getByTestId("install-chart-tab-spinner"), + ).toBeInTheDocument(); + }); + + it("given default configuration resolves but versions have not resolved yet, still shows the spinner", async () => { + await callForHelmChartValuesMock.resolve( + "some-default-configuration", + ); + + expect( + rendered.getByTestId("install-chart-tab-spinner"), + ).toBeInTheDocument(); + }); + + it("given versions resolve but default configuration has not resolved yet, still shows the spinner", async () => { + await callForHelmChartVersionsMock.resolve([]); + + expect( + rendered.getByTestId("install-chart-tab-spinner"), + ).toBeInTheDocument(); + }); + + describe("when default configuration and versions resolve", () => { + beforeEach(async () => { + await callForHelmChartValuesMock.resolve( + "some-default-configuration", + ); + + await callForHelmChartVersionsMock.resolve([ + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-name", + version: "some-other-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + ]); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not show spinner anymore", () => { + expect( + rendered.queryByTestId("install-chart-tab-spinner"), + ).not.toBeInTheDocument(); + }); + + describe("when cancelled", () => { + beforeEach(() => { + const cancelButton = rendered.getByTestId( + "cancel-install-chart-from-tab-for-some-first-tab-id", + ); + + fireEvent.click(cancelButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("closes the tab", () => { + expect( + rendered.queryByTestId("dock-tab-for-some-first-tab-id"), + ).not.toBeInTheDocument(); + }); + }); + + describe("given no changes in configuration, when installing the chart", () => { + let installButton: HTMLButtonElement; + + beforeEach(() => { + installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ) as HTMLButtonElement; + + fireEvent.click(installButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("shows spinner in dock tab", () => { + expect( + rendered.getByTestId( + "installing-chart-from-tab-some-first-tab-id", + ), + ).toBeInTheDocument(); + }); + + it("install button is disabled", () => { + expect(installButton).toHaveAttribute("disabled"); + }); + + it("calls for installation with default configuration", () => { + expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({ + chart: "some-name", + name: undefined, + namespace: "default", + repo: "some-repository", + values: "some-default-configuration", + version: "some-version", + }); + }); + + describe("when installation resolves", () => { + beforeEach(async () => { + await callForCreateHelmReleaseMock.resolve({ + log: "some-execution-output", + + release: { + resources: [], + name: "some-release", + namespace: "default", + version: "some-version", + config: "some-config", + manifest: "some-manifest", + + info: { + deleted: "some-deleted", + description: "some-description", + first_deployed: "some-first-deployed", + last_deployed: "some-last-deployed", + notes: "some-notes", + status: "some-status", + }, + }, + }); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not show spinner anymore", () => { + expect( + rendered.queryByTestId( + "installing-chart-from-tab-some-first-tab-id", + ), + ).not.toBeInTheDocument(); + }); + + describe("when selected to see the installed release", () => { + beforeEach(() => { + const releaseButton = rendered.getByTestId( + "show-release-some-release-for-some-first-tab-id", + ); + + fireEvent.click(releaseButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("shows the details of installed release", () => { + const currentPath = rendererDi + .inject(currentPathInjectable) + .get(); + + expect(currentPath).toBe( + "/helm/releases/default/some-release", + ); + }); + + it("closes the dock tab", () => { + expect( + rendered.queryByTestId( + "dock-tab-for-some-first-tab-id", + ), + ).not.toBeInTheDocument(); + }); + }); + + describe("when selected to show execution output", () => { + beforeEach(() => { + const showNotesButton = rendered.getByTestId( + "show-execution-output-for-some-release-in-some-first-tab-id", + ); + + fireEvent.click(showNotesButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("shows the execution output", () => { + expect( + rendered.getByTestId( + "logs-dialog-for-helm-chart-install", + ), + ).toHaveTextContent("some-execution-output"); + }); + + it("does not close the dock tab", () => { + expect( + rendered.getByTestId("dock-tab-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + }); + }); + }); + + describe("given opening details for second chart, when details resolve", () => { + beforeEach(async () => { + callForHelmChartReadmeMock.mockClear(); + callForHelmChartVersionsMock.mockClear(); + + const row = rendered.getByTestId( + "helm-chart-row-for-some-repository-some-other-name", + ); + + fireEvent.click(row); + + await callForHelmChartVersionsMock.resolve([ + HelmChart.create({ + apiVersion: "some-api-version", + name: "some-other-name", + version: "some-version", + repo: "some-repository", + created: "2015-10-21T07:28:00Z", + description: "some-description", + keywords: [], + sources: [], + urls: [], + annotations: {}, + dependencies: [], + maintainers: [], + deprecated: false, + }), + ]); + + await callForHelmChartReadmeMock.resolve("some-readme"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + describe("when selecting to install second chart", () => { + beforeEach(() => { + callForHelmChartVersionsMock.mockClear(); + + const installButton = rendered.getByTestId( + "install-chart-for-some-repository-some-other-name", + ); + + fireEvent.click(installButton); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("shows dock tab for installing second chart", () => { + expect( + rendered.getByTestId( + "dock-tab-content-for-some-second-tab-id", + ), + ).toBeInTheDocument(); + }); + + it("still has the dock tab for installing first chart", () => { + expect( + rendered.getByTestId("dock-tab-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + + it("calls for default configuration of the second chart", () => { + expect(callForHelmChartValuesMock).toHaveBeenCalledWith( + "some-repository", + "some-other-name", + "some-version", + ); + }); + + it("calls for available versions for the second chart", () => { + expect(callForHelmChartVersionsMock).toHaveBeenCalledWith( + "some-repository", + "some-other-name", + ); + }); + + it("shows spinner in dock tab", () => { + expect( + rendered.getByTestId("install-chart-tab-spinner"), + ).toBeInTheDocument(); + }); + + describe("when configuration and versions resolve", () => { + beforeEach(async () => { + await callForHelmChartValuesMock.resolve( + "some-other-default-configuration", + ); + + await callForHelmChartVersionsMock.resolve([]); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not show spinner anymore", () => { + expect( + rendered.queryByTestId("install-chart-tab-spinner"), + ).not.toBeInTheDocument(); + }); + + it("when installing the second chart, calls for installation of second chart", () => { + const installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-second-tab-id", + ); + + fireEvent.click(installButton); + + expect( + callForCreateHelmReleaseMock, + ).toHaveBeenCalledWith({ + chart: "some-other-name", + name: undefined, + namespace: "default", + repo: "some-repository", + values: "some-other-default-configuration", + version: "some-version", + }); + }); + + describe("when selecting the dock tab for installing first chart", () => { + beforeEach(() => { + callForHelmChartValuesMock.mockClear(); + callForHelmChartVersionsMock.mockClear(); + + const tab = rendered.getByTestId( + "dock-tab-for-some-first-tab-id", + ); + + fireEvent.click(tab); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not call for default configuration", () => { + expect( + callForHelmChartValuesMock, + ).not.toHaveBeenCalled(); + }); + + it("does not call for available versions", () => { + expect( + callForHelmChartVersionsMock, + ).not.toHaveBeenCalled(); + }); + + it("does not show spinner", () => { + expect( + rendered.queryByTestId("install-chart-tab-spinner"), + ).not.toBeInTheDocument(); + }); + + it("when installing the first chart, calls for installation of first chart", () => { + const installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ); + + fireEvent.click(installButton); + + expect( + callForCreateHelmReleaseMock, + ).toHaveBeenCalledWith({ + chart: "some-name", + name: undefined, + namespace: "default", + repo: "some-repository", + values: "some-default-configuration", + version: "some-version", + }); + }); + }); + }); + }); + }); + + describe("given changing version to be installed", () => { + let menu: { selectOption: (labelText: string) => void }; + + beforeEach(() => { + callForHelmChartVersionsMock.mockClear(); + callForHelmChartValuesMock.mockClear(); + + const menuId = + "install-chart-version-select-for-some-first-tab-id"; + + menu = builder.select.openMenu(menuId); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + describe("when version is selected", () => { + let installButton: HTMLButtonElement; + + beforeEach(() => { + installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ) as HTMLButtonElement; + + menu.selectOption("some-other-version"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("calls for default configuration for the version of chart", () => { + expect(callForHelmChartValuesMock).toHaveBeenCalledWith( + "some-repository", + "some-name", + "some-other-version", + ); + }); + + it("shows spinner", () => { + expect( + rendered.getByTestId( + "install-chart-configuration-spinner", + ), + ).toBeInTheDocument(); + }); + + it("does not call for versions again", () => { + expect( + callForHelmChartVersionsMock, + ).not.toHaveBeenCalled(); + }); + + it("install button is disabled", () => { + expect(installButton).toHaveAttribute("disabled"); + }); + + it("stores the selected version", async () => { + const readJsonFile = rendererDi.inject(readJsonFileInjectable); + + const actual = await readJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + ) as any; + + const version = actual.install_charts["some-first-tab-id"].version; + + expect(version).toBe("some-other-version"); + }); + + describe("when default configuration resolves", () => { + beforeEach(async () => { + await callForHelmChartValuesMock.resolve( + "some-default-configuration-for-other-version", + ); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("does not show spinner", () => { + expect( + rendered.queryByTestId( + "install-chart-configuration-spinner", + ), + ).not.toBeInTheDocument(); + }); + + it("install button is enabled", () => { + expect(installButton).not.toHaveAttribute("disabled"); + }); + + it("when installing the chart, calls for installation with changed version and default configuration", () => { + fireEvent.click(installButton); + + expect( + callForCreateHelmReleaseMock, + ).toHaveBeenCalledWith({ + chart: "some-name", + name: undefined, + namespace: "default", + repo: "some-repository", + values: + "some-default-configuration-for-other-version", + version: "some-other-version", + }); + }); + }); + }); + }); + + describe("given namespace selection is opened", () => { + let menu: { selectOption: (labelText: string) => void }; + + beforeEach(() => { + const menuId = + "install-chart-namespace-select-for-some-first-tab-id"; + + menu = builder.select.openMenu(menuId); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + describe("when namespace is selected", () => { + beforeEach(() => { + menu.selectOption("some-other-namespace"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("stores the selected namespace", async () => { + const readJsonFile = rendererDi.inject(readJsonFileInjectable); + + const actual = await readJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + ) as any; + + const namespace = actual.install_charts["some-first-tab-id"].namespace; + + expect(namespace).toBe("some-other-namespace"); + }); + + it("when installing the chart, calls for installation with changed namespace", () => { + const installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ); + + fireEvent.click(installButton); + + expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith( + { + chart: "some-name", + name: undefined, + namespace: "some-other-namespace", + repo: "some-repository", + values: "some-default-configuration", + version: "some-version", + }, + ); + }); + }); + }); + + describe("given invalid change in configuration", () => { + let installButton: HTMLButtonElement; + let input: HTMLInputElement; + + beforeEach(() => { + installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ) as HTMLButtonElement; + + input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ) as HTMLInputElement; + + fireEvent.change(input, { + target: { value: "@some-invalid-configuration@" }, + }); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("updates the editor with the changed value", () => { + const input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ); + + expect(input).toHaveValue("@some-invalid-configuration@"); + }); + + it("install button is disabled", () => { + expect(installButton).toHaveAttribute("disabled"); + }); + + it("when valid change in configuration, install button is enabled", () => { + fireEvent.change(input, { + target: { value: "some-valid-configuration" }, + }); + + expect(installButton).not.toHaveAttribute("disabled"); + }); + + it("given change in version, when default configuration resolves, install button is enabled", async () => { + builder.select + .openMenu( + "install-chart-version-select-for-some-first-tab-id", + ) + .selectOption("some-other-version"); + + await callForHelmChartValuesMock.resolve( + "some-default-configuration-for-other-version", + ); + + expect(installButton).not.toHaveAttribute("disabled"); + }); + }); + + describe("given valid change in configuration", () => { + beforeEach(() => { + const input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ); + + fireEvent.change(input, { + target: { value: "some-valid-configuration" }, + }); + }); + + it("updates the editor with the changed value", () => { + const input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ); + + expect(input).toHaveValue("some-valid-configuration"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("stores the changed configuration", async () => { + const readJsonFile = rendererDi.inject(readJsonFileInjectable); + + const actual = await readJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + ) as any; + + const configuration = actual.install_charts["some-first-tab-id"].values; + + expect(configuration).toBe("some-valid-configuration"); + }); + + it("does not show spinner", () => { + expect( + rendered.queryByTestId("install-chart-tab-spinner"), + ).not.toBeInTheDocument(); + }); + + it("when installing the chart, calls for installation with changed configuration", () => { + const installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ); + + fireEvent.click(installButton); + + expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({ + chart: "some-name", + name: undefined, + namespace: "default", + repo: "some-repository", + values: "some-valid-configuration", + version: "some-version", + }); + }); + + it("given version is changed, when default configuration resolves, defaults back to default configuration", async () => { + builder.select + .openMenu( + "install-chart-version-select-for-some-first-tab-id", + ) + .selectOption("some-other-version"); + + await callForHelmChartValuesMock.resolve( + "some-default-configuration-for-other-version", + ); + + const input = rendered.getByTestId( + "monaco-editor-for-some-first-tab-id", + ); + + expect(input).toHaveValue( + "some-default-configuration-for-other-version", + ); + }); + }); + + describe("given custom name is inputted", () => { + beforeEach(() => { + const input = rendered.getByTestId( + "install-chart-custom-name-input-for-some-first-tab-id", + ); + + fireEvent.change(input, { + target: { value: "some-custom-name" }, + }); + + }); + + it("stores the changed custom name", async () => { + const readJsonFile = rendererDi.inject(readJsonFileInjectable); + + const actual = await readJsonFile( + "/some-directory-for-lens-local-storage/some-cluster-id.json", + ) as any; + + const customName = actual.install_charts["some-first-tab-id"].releaseName; + + expect(customName).toBe("some-custom-name"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it("when installed, calls for installation with custom name", () => { + + const installButton = rendered.getByTestId( + "install-chart-from-tab-for-some-first-tab-id", + ); + + fireEvent.click(installButton); + + expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({ + chart: "some-name", + name: "some-custom-name", + namespace: "default", + repo: "some-repository", + values: "some-default-configuration", + version: "some-version", + }); + }); + }); + }); + }); + }); + }); + }); + }); + }); +}); diff --git a/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts b/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts new file mode 100644 index 0000000000..21e8bcf7a9 --- /dev/null +++ b/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts @@ -0,0 +1,38 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable"; +import { asyncComputed } from "@ogre-tools/injectable-react"; +import callForHelmChartReadmeInjectable from "./readme/call-for-helm-chart-readme.injectable"; +import helmChartDetailsVersionSelectionInjectable from "./versions/helm-chart-details-version-selection.injectable"; +import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api"; + +const readmeOfSelectedHelmChartInjectable = getInjectable({ + id: "readme-of-selected-helm-chart", + + instantiate: (di, chart: HelmChart) => { + const selection = di.inject(helmChartDetailsVersionSelectionInjectable, chart); + const callForHelmChartReadme = di.inject(callForHelmChartReadmeInjectable); + + return asyncComputed(async () => { + const chartVersion = selection.value.get(); + + if (!chartVersion) { + return ""; + } + + return await callForHelmChartReadme( + chartVersion.getRepository(), + chartVersion.getName(), + chartVersion.getVersion(), + ); + }, ""); + }, + + lifecycle: lifecycleEnum.keyedSingleton({ + getInstanceKey: (di, chart: HelmChart) => chart.getId(), + }), +}); + +export default readmeOfSelectedHelmChartInjectable; diff --git a/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts b/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts new file mode 100644 index 0000000000..aedbea79d1 --- /dev/null +++ b/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts @@ -0,0 +1,27 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable } from "@ogre-tools/injectable"; +import { getChartDetails } from "../../../../../common/k8s-api/endpoints/helm-charts.api"; + +export type CallForHelmChartReadme = ( + repo: string, + name: string, + version: string, +) => Promise; + +const callForHelmChartReadmeInjectable = getInjectable({ + id: "call-for-helm-chart-readme", + + instantiate: + (): CallForHelmChartReadme => + async (repository: string, name: string, version: string) => { + // TODO: Dismantle wrong abstraction + const details = await getChartDetails(repository, name, { version }); + + return details.readme; + }, +}); + +export default callForHelmChartReadmeInjectable; diff --git a/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts b/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts new file mode 100644 index 0000000000..14ea00fce2 --- /dev/null +++ b/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts @@ -0,0 +1,28 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable"; +import { asyncComputed } from "@ogre-tools/injectable-react"; +import callForHelmChartVersionsInjectable from "./versions/call-for-helm-chart-versions.injectable"; +import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api"; + +const versionsOfSelectedHelmChartInjectable = getInjectable({ + id: "versions-of-selected-helm-chart", + + instantiate: (di, chart: HelmChart) => { + const callForHelmChartVersions = di.inject(callForHelmChartVersionsInjectable); + + return asyncComputed( + async () => + await callForHelmChartVersions(chart.getRepository(), chart.getName()), + [], + ); + }, + + lifecycle: lifecycleEnum.keyedSingleton({ + getInstanceKey: (di, chart: HelmChart) => chart.getId(), + }), +}); + +export default versionsOfSelectedHelmChartInjectable; diff --git a/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts b/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts new file mode 100644 index 0000000000..0648948ca8 --- /dev/null +++ b/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts @@ -0,0 +1,26 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable } from "@ogre-tools/injectable"; +import type { HelmChart } from "../../../../../common/k8s-api/endpoints/helm-charts.api"; +import { getChartDetails } from "../../../../../common/k8s-api/endpoints/helm-charts.api"; + +export type CallForHelmChartVersions = ( + repo: string, + name: string +) => Promise; + +const callForHelmChartVersionsInjectable = getInjectable({ + id: "call-for-helm-chart-versions", + + instantiate: + (): CallForHelmChartVersions => async (repository: string, name: string) => { + // TODO: Dismantle wrong abstraction + const details = await getChartDetails(repository, name); + + return details.versions; + }, +}); + +export default callForHelmChartVersionsInjectable; diff --git a/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts b/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts new file mode 100644 index 0000000000..b3be751b00 --- /dev/null +++ b/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts @@ -0,0 +1,59 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable"; +import type { IComputedValue } from "mobx"; +import { computed, observable } from "mobx"; +import versionsOfSelectedHelmChartInjectable from "../versions-of-selected-helm-chart.injectable"; +import type { HelmChart } from "../../../../../common/k8s-api/endpoints/helm-charts.api"; +import type { SingleValue } from "react-select"; + +interface VersionSelectionOption { + label: string; + value: HelmChart; +} + +export interface HelmChartDetailsVersionSelection { + value: IComputedValue; + options: IComputedValue; + onChange: (option: SingleValue) => void; +} + +const helmChartDetailsVersionSelectionInjectable = getInjectable({ + id: "helm-chart-details-version-selection", + + instantiate: (di, chart: HelmChart): HelmChartDetailsVersionSelection => { + const versionsOfSelectedHelmChart = di.inject( + versionsOfSelectedHelmChartInjectable, + chart, + ); + + const state = observable.box(); + + return { + value: computed( + () => state.get() || versionsOfSelectedHelmChart.value.get()[0], + ), + + options: computed(() => + versionsOfSelectedHelmChart.value.get().map((chartVersion) => ({ + label: chartVersion.version, + value: chartVersion, + })), + ), + + onChange: (option) => { + if (option) { + state.set(option.value); + } + }, + }; + }, + + lifecycle: lifecycleEnum.keyedSingleton({ + getInstanceKey: (di, chart: HelmChart) => chart.getId(), + }), +}); + +export default helmChartDetailsVersionSelectionInjectable; diff --git a/src/renderer/components/+helm-charts/helm-chart-details.tsx b/src/renderer/components/+helm-charts/helm-chart-details.tsx index e33f2836ae..01a83ed745 100644 --- a/src/renderer/components/+helm-charts/helm-chart-details.tsx +++ b/src/renderer/components/+helm-charts/helm-chart-details.tsx @@ -7,8 +7,7 @@ import "./helm-chart-details.scss"; import React, { Component } from "react"; import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api"; -import { computed, observable, reaction, runInAction } from "mobx"; -import { disposeOnUnmount, observer } from "mobx-react"; +import { observer } from "mobx-react"; import { Drawer, DrawerItem } from "../drawer"; import { autoBind, stopPropagation } from "../../utils"; import { MarkdownViewer } from "../markdown-viewer"; @@ -17,19 +16,21 @@ import { Button } from "../button"; import { Select } from "../select"; import { Badge } from "../badge"; import { Tooltip, withStyles } from "@material-ui/core"; +import type { IAsyncComputed } from "@ogre-tools/injectable-react"; import { withInjectables } from "@ogre-tools/injectable-react"; import createInstallChartTabInjectable from "../dock/install-chart/create-install-chart-tab.injectable"; import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable"; -import type { SingleValue } from "react-select"; -import AbortController from "abort-controller"; import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable"; -import type { GetChartDetails } from "./get-char-details.injectable"; -import getChartDetailsInjectable from "./get-char-details.injectable"; import { HelmChartIcon } from "./icon"; +import readmeOfSelectHelmChartInjectable from "./details/readme-of-selected-helm-chart.injectable"; +import versionsOfSelectedHelmChartInjectable from "./details/versions-of-selected-helm-chart.injectable"; +import type { HelmChartDetailsVersionSelection } from "./details/versions/helm-chart-details-version-selection.injectable"; +import helmChartDetailsVersionSelectionInjectable from "./details/versions/helm-chart-details-version-selection.injectable"; +import assert from "assert"; export interface HelmChartDetailsProps { - chart: HelmChart; hideDetails(): void; + chart: HelmChart; } const LargeTooltip = withStyles({ @@ -41,84 +42,34 @@ const LargeTooltip = withStyles({ interface Dependencies { createInstallChartTab: (helmChart: HelmChart) => void; showCheckedErrorNotification: ShowCheckedErrorNotification; - getChartDetails: GetChartDetails; + versions: IAsyncComputed; + readme: IAsyncComputed; + versionSelection: HelmChartDetailsVersionSelection; } @observer class NonInjectedHelmChartDetails extends Component { - readonly chartVersions = observable.array(); - readonly selectedChart = observable.box(); - readonly readme = observable.box(undefined); - readonly chartVerionOptions = computed(() => ( - this.chartVersions.map(chart => ({ - value: chart, - label: chart.version, - })) - )); - - private abortController = new AbortController(); - constructor(props: HelmChartDetailsProps & Dependencies) { super(props); autoBind(this); } - componentWillUnmount() { - this.abortController.abort(); + get chart() { + return this.props.chart; } - componentDidMount() { - disposeOnUnmount(this, [ - reaction(() => this.props.chart, async ({ name, repo, version }) => { - runInAction(() => { - this.selectedChart.set(undefined); - this.chartVersions.clear(); - this.readme.set(""); - }); + install() { + const chart = this.props.versionSelection.value.get(); - try { - const { readme, versions } = await this.props.getChartDetails(repo, name, { version }); + assert(chart); - runInAction(() => { - this.readme.set(readme); - this.chartVersions.replace(versions); - this.selectedChart.set(versions[0]); - }); - } catch (error) { - this.props.showCheckedErrorNotification(error, "Unknown error occured while getting chart details"); - } - }, { - fireImmediately: true, - }), - ]); - } - - async onVersionChange(option: SingleValue<{ value: HelmChart }>) { - const chart = option?.value ?? this.chartVersions[0]; - - runInAction(() => { - this.selectedChart.set(chart ?? undefined); - this.readme.set(undefined); - }); - - try { - this.abortController.abort(); - this.abortController = new AbortController(); - const { chart: { name, repo }} = this.props; - const { readme } = await this.props.getChartDetails(repo, name, { version: chart.version, reqInit: { signal: this.abortController.signal }}); - - this.readme.set(readme); - } catch (error) { - this.props.showCheckedErrorNotification(error, "Unknown error occured while getting chart details"); - } - } - - install(selectedChart: HelmChart) { - this.props.createInstallChartTab(selectedChart); + this.props.createInstallChartTab(chart); this.props.hideDetails(); } renderIntroduction(selectedChart: HelmChart) { + const testId = selectedChart.getFullName("-"); + return (
this.install(selectedChart)} + onClick={this.install} + data-testid={`install-chart-for-${testId}`} />
version.onChange(changed?.value)} menuPlacement="top" themeName="outlined" + id={`install-chart-version-select-for-${tabId}`} /> Namespace
)} - error={this.error} - submit={() => install(chartData)} - disableSubmit={!chartData.namespace} + error={errorInConfiguration.value.get()} + submit={model.install} + disableSubmit={!model.isValid} // !namespace submitLabel="Install" submittingMessage="Installing..." showSubmitClose={false} + cancelTestId={`cancel-install-chart-from-tab-for-${tabId}`} + submitTestId={`install-chart-from-tab-for-${tabId}`} + submittingTestId={`installing-chart-from-tab-${tabId}`} /> + + {configuration.isLoading.get() && ( + + )} +
); - } -} + }, +); export const InstallChart = withInjectables( NonInjectedInstallChart, { - getProps: (di, props) => ({ - createRelease: di.inject(createReleaseInjectable), - installChartStore: di.inject(installChartTabStoreInjectable), - dockStore: di.inject(dockStoreInjectable), - navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable), + getPlaceholder: () => ( + + ), + + getProps: async (di, props) => ({ + model: await di.inject(installChartModelInjectable, props.tab.id), ...props, }), }, diff --git a/src/renderer/components/table/table-row.tsx b/src/renderer/components/table/table-row.tsx index 1cf498c5ec..9725c7112d 100644 --- a/src/renderer/components/table/table-row.tsx +++ b/src/renderer/components/table/table-row.tsx @@ -19,15 +19,19 @@ export interface TableRowProps extends React.DOMAttributes sortItem?: Item; // data for sorting callback in searchItem?: Item; // data for searching filters in
disabled?: boolean; + testId?: string; } export class TableRow extends React.Component> { render() { - const { className, nowrap, selected, disabled, children, sortItem, searchItem, ...rowProps } = this.props; + const { className, nowrap, selected, disabled, children, sortItem, searchItem, testId, ...rowProps } = this.props; const classNames = cssNames("TableRow", className, { selected, nowrap, disabled }); return ( -
+
{children}
);