Merged in r2-3105-missing-label-form-export (pull request #7006)

R2-3105 - W - Missing 'Show hidden fields' label on form export modal

Approved-by: Dennis Hernandez

app/javascript/components/form/fields/radio-input.jsx

@@ -12,7 +12,7 @@ function RadioInput({ commonInputProps, options, formMethods }) {
 
   return (
     <FormControl id={name} error={error} className={className}>
-      <FormLabel component="legend" className="MuiInputLabel-root">
+      <FormLabel component="label" className={css.radioLabel}>
         {radioGroupLabel}
       </FormLabel>
       <Controller

app/javascript/components/form/fields/radio-input.spec.js

@@ -0,0 +1,33 @@
+import { screen, mountedFieldComponent } from "test-utils";
+
+import RadioInput from "./radio-input";
+
+describe("<Form /> - fields/<RadioInput />", () => {
+  const props = {
+    commonInputProps: {
+      label: "Test Field 2",
+      name: "test"
+    },
+    options: [
+      { id: 1, display_text: "option-1" },
+      { id: 2, display_text: "option-2" }
+    ],
+    formMethods: {}
+  };
+
+  it("renders RadioInput inputs", () => {
+    mountedFieldComponent(<RadioInput {...props} />);
+    expect(screen.getByText("option-1")).toBeInTheDocument();
+    expect(screen.getByText("option-2")).toBeInTheDocument();
+  });
+
+  it("renders help text", () => {
+    mountedFieldComponent(<RadioInput {...props} />);
+    expect(screen.getByText("Test Field 2 help text")).toBeInTheDocument();
+  });
+
+  it("renders label", () => {
+    mountedFieldComponent(<RadioInput {...props} />);
+    expect(screen.getByText("Test Field 2")).toBeInTheDocument();
+  });
+});

app/javascript/components/form/fields/styles.css

@@ -145,3 +145,8 @@
 .downloadButton {
   padding-top: 10px;
 }
+
+.radioLabel {
+  font-weight: bold;
+  color: var(--c-solid-black);
+}