From 4612c9f4825cc651fcf745d1518de0fa2c15caca Mon Sep 17 00:00:00 2001 From: Janne Savolainen Date: Mon, 18 Jul 2022 16:04:29 +0300 Subject: [PATCH] Split behaviour to smaller pieces Signed-off-by: Janne Savolainen --- ...ling-helm-chart-from-new-tab.test.ts.snap} | 5965 +--------------- ...rt-from-previously-opened-tab.test.ts.snap | 1257 ++++ ...tab-for-installing-helm-chart.test.ts.snap | 6352 +++++++++++++++++ ...installing-helm-chart-from-new-tab.test.ts | 1024 +++ ...m-chart-from-previously-opened-tab.test.ts | 260 + ...dock-tab-for-installing-helm-chart.test.ts | 361 + .../helm-charts/installing-helm-chart.test.ts | 1338 ---- .../test-utils/get-application-builder.tsx | 7 +- 8 files changed, 9278 insertions(+), 7286 deletions(-) rename src/behaviours/helm-charts/{__snapshots__/installing-helm-chart.test.ts.snap => installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap} (75%) create mode 100644 src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap create mode 100644 src/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap create mode 100644 src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts create mode 100644 src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts create mode 100644 src/behaviours/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts delete mode 100644 src/behaviours/helm-charts/installing-helm-chart.test.ts diff --git a/src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap similarity index 75% rename from src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap rename to src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap index 04fcd29446..ad5d354124 100644 --- a/src/behaviours/helm-charts/__snapshots__/installing-helm-chart.test.ts.snap +++ b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap @@ -1,2843 +1,6 @@ // 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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given custom name is inputted renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given invalid change in configuration renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened when namespace is selected renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts 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`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given valid change in configuration renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve renders 1`] = `
`; -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`] = ` +exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started, when navigating to helm charts when selecting to install the chart when default configuration and versions resolve when cancelled renders 1`] = `
`; - -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-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap new file mode 100644 index 0000000000..b0e67015f3 --- /dev/null +++ b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap @@ -0,0 +1,1257 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`installing helm chart from previously opened tab 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 from previously opened tab 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-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap new file mode 100644 index 0000000000..0f3c4937ca --- /dev/null +++ b/src/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap @@ -0,0 +1,6352 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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[`opening dock tab for installing helm chart given 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 + + +
+
+
+
+
+
+
+
+
+ +`; diff --git a/src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts b/src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts new file mode 100644 index 0000000000..f3ee91257d --- /dev/null +++ b/src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts @@ -0,0 +1,1024 @@ +/** + * 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 { 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 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 from new tab", () => { + let builder: ApplicationBuilder; + let rendererDi: DiContainer; + let callForHelmChartsMock: AsyncFnMock; + let callForHelmChartVersionsMock: AsyncFnMock; + let callForHelmChartReadmeMock: AsyncFnMock; + let callForHelmChartValuesMock: AsyncFnMock; + let callForCreateHelmReleaseMock: AsyncFnMock; + + 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"); + + rendererDi.override( + callForHelmChartsInjectable, + () => callForHelmChartsMock, + ); + + rendererDi.override( + callForHelmChartVersionsInjectable, + () => callForHelmChartVersionsMock, + ); + + rendererDi.override( + callForHelmChartReadmeInjectable, + () => callForHelmChartReadmeMock, + ); + + 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 not previously opened and application is started, when navigating to helm charts", () => { + let rendered: RenderResult; + + beforeEach(async () => { + rendered = await builder.render(); + + builder.helmCharts.navigate({ + chartName: "some-name", + repo: "some-repository", + }); + + 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"); + + 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, + }), + ]); + + 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, + }), + ]); + + await callForHelmChartReadmeMock.resolve("some-readme"); + }); + + it("renders", () => { + expect(rendered.baseElement).toMatchSnapshot(); + }); + + 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("shows dock tab for installing the chart", () => { + expect( + rendered.getByTestId("dock-tab-content-for-some-first-tab-id"), + ).toBeInTheDocument(); + }); + + 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 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/behaviours/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts b/src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts new file mode 100644 index 0000000000..1fdde9130c --- /dev/null +++ b/src/behaviours/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts @@ -0,0 +1,260 @@ +/** + * 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 type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder"; +import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder"; +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 namespaceStoreInjectable from "../../../renderer/components/+namespaces/store.injectable"; +import type { NamespaceStore } from "../../../renderer/components/+namespaces/store"; +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 { 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 type { DiContainer } from "@ogre-tools/injectable"; +import callForCreateHelmReleaseInjectable from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.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 from previously opened tab", () => { + let builder: ApplicationBuilder; + let rendererDi: DiContainer; + let callForHelmChartVersionsMock: AsyncFnMock; + let callForHelmChartValuesMock: AsyncFnMock; + let storagesAreReady: () => Promise; + + beforeEach(() => { + builder = getApplicationBuilder(); + + rendererDi = builder.dis.rendererDi; + + overrideFsWithFakes(rendererDi); + + callForHelmChartVersionsMock = asyncFn(); + callForHelmChartValuesMock = asyncFn(); + + builder.beforeApplicationStart(({ rendererDi }) => { + rendererDi.override( + directoryForLensLocalStorageInjectable, + () => "/some-directory-for-lens-local-storage", + ); + + rendererDi.override(hostedClusterIdInjectable, () => "some-cluster-id"); + + storagesAreReady = controlWhenStoragesAreReady(rendererDi); + + rendererDi.override( + callForHelmChartVersionsInjectable, + () => callForHelmChartVersionsMock, + ); + + rendererDi.override( + callForHelmChartValuesInjectable, + () => callForHelmChartValuesMock, + ); + + rendererDi.override( + callForHelmChartValuesInjectable, + () => callForHelmChartValuesMock, + ); + + rendererDi.override( + callForCreateHelmReleaseInjectable, + () => jest.fn(), + ); + + // 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"), + ); + }); + + 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"); + }); + }); + }); +}); diff --git a/src/behaviours/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts b/src/behaviours/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts new file mode 100644 index 0000000000..79ad98a1dc --- /dev/null +++ b/src/behaviours/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts @@ -0,0 +1,361 @@ +/** + * 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 callForHelmChartValuesInjectable from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable"; +import callForCreateHelmReleaseInjectable from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable"; +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 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 dockStoreInjectable from "../../../renderer/components/dock/dock/store.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("opening dock tab for installing helm chart", () => { + let builder: ApplicationBuilder; + let rendererDi: DiContainer; + let callForHelmChartsMock: AsyncFnMock; + let callForHelmChartVersionsMock: AsyncFnMock; + let callForHelmChartReadmeMock: AsyncFnMock; + let callForHelmChartValuesMock: jest.Mock; + + beforeEach(() => { + builder = getApplicationBuilder(); + + rendererDi = builder.dis.rendererDi; + + overrideFsWithFakes(rendererDi); + + callForHelmChartsMock = asyncFn(); + callForHelmChartVersionsMock = asyncFn(); + callForHelmChartReadmeMock = asyncFn(); + callForHelmChartValuesMock = jest.fn(); + + builder.beforeApplicationStart(({ rendererDi }) => { + rendererDi.override( + directoryForLensLocalStorageInjectable, + () => "/some-directory-for-lens-local-storage", + ); + + rendererDi.override(hostedClusterIdInjectable, () => "some-cluster-id"); + + rendererDi.override( + callForHelmChartsInjectable, + () => callForHelmChartsMock, + ); + + rendererDi.override( + callForHelmChartVersionsInjectable, + () => callForHelmChartVersionsMock, + ); + + rendererDi.override( + callForHelmChartReadmeInjectable, + () => callForHelmChartReadmeMock, + ); + + rendererDi.override( + callForHelmChartValuesInjectable, + () => callForHelmChartValuesMock, + ); + + rendererDi.override( + callForCreateHelmReleaseInjectable, + () => jest.fn(), + ); + + rendererDi.override(getRandomInstallChartTabIdInjectable, () => + jest + .fn(() => "some-irrelevant-tab-id") + .mockReturnValueOnce("some-tab-id"), + ); + }); + + builder.setEnvironmentToClusterFrame(); + }); + + describe("given application is started, when navigating to helm charts", () => { + let rendered: RenderResult; + + beforeEach(async () => { + rendered = await builder.render(); + + builder.helmCharts.navigate(); + + 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("has the dock tab for installing chart", () => { + expect( + rendered.getByTestId("dock-tab-for-some-tab-id"), + ).toBeInTheDocument(); + }); + + it("shows dock tab for installing chart", () => { + expect( + rendered.getByTestId( + "dock-tab-content-for-some-tab-id", + ), + ).toBeInTheDocument(); + }); + }); + }); + }); + }); + }); + }); +}); diff --git a/src/behaviours/helm-charts/installing-helm-chart.test.ts b/src/behaviours/helm-charts/installing-helm-chart.test.ts deleted file mode 100644 index 223e837810..0000000000 --- a/src/behaviours/helm-charts/installing-helm-chart.test.ts +++ /dev/null @@ -1,1338 +0,0 @@ -/** - * 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/test-utils/get-application-builder.tsx b/src/renderer/components/test-utils/get-application-builder.tsx index 44814b3382..995e1cb54e 100644 --- a/src/renderer/components/test-utils/get-application-builder.tsx +++ b/src/renderer/components/test-utils/get-application-builder.tsx @@ -26,6 +26,7 @@ import type { MenuItemOpts } from "../../../main/menu/application-menu-items.inj import applicationMenuItemsInjectable from "../../../main/menu/application-menu-items.injectable"; import type { MenuItemConstructorOptions, MenuItem } from "electron"; import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable"; +import type { NavigateToHelmCharts } from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable"; import navigateToHelmChartsInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable"; import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable"; import { ClusterFrameContext } from "../../cluster-frame-context/cluster-frame-context"; @@ -110,7 +111,7 @@ export interface ApplicationBuilder { }; helmCharts: { - navigate: () => void; + navigate: NavigateToHelmCharts; }; select: { @@ -379,10 +380,10 @@ export const getApplicationBuilder = () => { }, helmCharts: { - navigate: () => { + navigate: (parameters) => { const navigateToHelmCharts = rendererDi.inject(navigateToHelmChartsInjectable); - navigateToHelmCharts(); + navigateToHelmCharts(parameters); }, },