[Helm3] Use default chart values for rendering the Changes tab when upgrading

dashboard/src/components/UpgradeForm/UpgradeForm.test.tsx

@@ -236,3 +236,10 @@ describe("when receiving new props", () => {
     });
   });
 });
+
+it("shows, by default, the default values of the deployed chart plus any modification", () => {
+  const wrapper = shallow(<UpgradeForm {...defaultProps} appCurrentValues="foo: not-bar" />);
+  wrapper.setProps({ deployed: { values: "# A comment\nfoo: bar\n" } as IChartState["deployed"] });
+  const expectedValues = "# A comment\nfoo: not-bar\n";
+  expect(wrapper.find(DeploymentFormBody).prop("deployedValues")).toBe(expectedValues);
+});

dashboard/src/components/UpgradeForm/UpgradeForm.tsx

@@ -93,7 +93,10 @@ class UpgradeForm extends React.Component<IUpgradeFormProps, IUpgradeFormState>
             <DeploymentFormBody
               chartID={chartID}
               chartVersion={this.props.appCurrentVersion}
-              deployedValues={this.props.appCurrentValues || ""}
+              deployedValues={this.applyModifications(
+                this.state.modifications || [],
+                this.props.deployed.values || "",
+              )}
               namespace={this.props.namespace}
               releaseVersion={this.props.appCurrentVersion}
               selected={this.props.selected}

dashboard/src/components/UpgradeForm/__snapshots__/UpgradeForm.test.tsx.snap

@@ -29,7 +29,7 @@ exports[`renders the full UpgradeForm 1`] = `
         appValues="foo: bar"
         chartID="my-repo/my-chart"
         chartVersion="1.0.0"
-        deployedValues="foo: bar"
+        deployedValues=""
         getChartVersion={[Function]}
         goBack={[Function]}
         namespace="default"