test(radio): update to include radio group

Author: brandyscarney

core/src/components/radio/test/bottom-content/index.html

@@ -45,71 +45,93 @@
         <div class="grid">
           <div class="grid-item">
             <h2>No Hint</h2>
-            <ion-radio>Label</ion-radio>
+            <ion-radio-group><ion-radio>Label</ion-radio></ion-radio-group>
           </div>
 
           <div class="grid-item">
             <h2>No Hint: Stacked</h2>
-            <ion-radio label-placement="stacked">Label</ion-radio>
+            <ion-radio-group><ion-radio label-placement="stacked">Label</ion-radio></ion-radio-group>
           </div>
 
           <div class="grid-item">
             <h2>Helper Text: Label Start</h2>
-            <ion-radio helper-text="Helper text" error-text="Error text">Label</ion-radio>
+            <ion-radio-group
+              ><ion-radio helper-text="Helper text" error-text="Error text">Label</ion-radio></ion-radio-group
+            >
           </div>
 
           <div class="grid-item">
             <h2>Helper Text: Label End</h2>
-            <ion-radio label-placement="end" helper-text="Helper text" error-text="Error text">Label</ion-radio>
+            <ion-radio-group
+              ><ion-radio label-placement="end" helper-text="Helper text" error-text="Error text"
+                >Label</ion-radio
+              ></ion-radio-group
+            >
           </div>
 
           <div class="grid-item">
             <h2>Helper Text: Label Stacked</h2>
-            <ion-radio label-placement="stacked" helper-text="Helper text" error-text="Error text">Label</ion-radio>
+            <ion-radio-group
+              ><ion-radio label-placement="stacked" helper-text="Helper text" error-text="Error text"
+                >Label</ion-radio
+              ></ion-radio-group
+            >
           </div>
 
           <div class="grid-item">
             <h2>Helper Text: Label Fixed</h2>
-            <ion-radio label-placement="fixed" helper-text="Helper text" error-text="Error text">Label</ion-radio>
+            <ion-radio-group
+              ><ion-radio label-placement="fixed" helper-text="Helper text" error-text="Error text"
+                >Label</ion-radio
+              ></ion-radio-group
+            >
           </div>
 
           <div class="grid-item">
             <h2>Error Text: Label Start</h2>
-            <ion-radio helper-text="Helper text" error-text="Error text" class="ion-invalid ion-touched"
-              >Label</ion-radio
+            <ion-radio-group
+              ><ion-radio helper-text="Helper text" error-text="Error text" class="ion-invalid ion-touched"
+                >Label</ion-radio
+              ></ion-radio-group
             >
           </div>
 
           <div class="grid-item">
             <h2>Error Text: Label End</h2>
-            <ion-radio
-              label-placement="end"
-              helper-text="Helper text"
-              error-text="Error text"
-              class="ion-invalid ion-touched"
-              >Label</ion-radio
+            <ion-radio-group
+              ><ion-radio
+                label-placement="end"
+                helper-text="Helper text"
+                error-text="Error text"
+                class="ion-invalid ion-touched"
+                >Label</ion-radio
+              ></ion-radio-group
             >
           </div>
 
           <div class="grid-item">
             <h2>Error Text: Label Stacked</h2>
-            <ion-radio
-              label-placement="stacked"
-              helper-text="Helper text"
-              error-text="Error text"
-              class="ion-invalid ion-touched"
-              >Label</ion-radio
+            <ion-radio-group
+              ><ion-radio
+                label-placement="stacked"
+                helper-text="Helper text"
+                error-text="Error text"
+                class="ion-invalid ion-touched"
+                >Label</ion-radio
+              ></ion-radio-group
             >
           </div>
 
           <div class="grid-item">
             <h2>Error Text: Label Fixed</h2>
-            <ion-radio
-              label-placement="fixed"
-              helper-text="Helper text"
-              error-text="Error text"
-              class="ion-invalid ion-touched"
-              >Label</ion-radio
+            <ion-radio-group
+              ><ion-radio
+                label-placement="fixed"
+                helper-text="Helper text"
+                error-text="Error text"
+                class="ion-invalid ion-touched"
+                >Label</ion-radio
+              ></ion-radio-group
             >
           </div>
         </div>