test(radio-group): fix custom css

Author: brandyscarney

core/src/components/radio-group/test/supporting-text/index.html

@@ -30,6 +30,12 @@
       ion-radio {
         width: 100%;
       }
+      .custom .helper-text {
+        color: green;
+      }
+      .custom .error-text {
+        color: purple;
+      }
     </style>
   </head>
 
@@ -154,6 +160,33 @@ <h2>Error Text</h2>
               </ion-radio-group>
             </ion-list>
           </div>
+
+          <div class="grid-item">
+            <h2>Helper Text: Custom</h2>
+            <ion-radio-group value="1" helper-text="Helper text" error-text="Error text" class="custom">
+              <ion-radio value="1">Label</ion-radio>
+              <ion-radio value="2">Label</ion-radio>
+              <ion-radio value="3">Label</ion-radio>
+              <ion-radio value="4">Label</ion-radio>
+              <ion-radio value="5">Label</ion-radio>
+            </ion-radio-group>
+          </div>
+
+          <div class="grid-item">
+            <h2>Error Text: Custom</h2>
+            <ion-radio-group
+              value="1"
+              helper-text="Helper text"
+              error-text="Error text"
+              class="custom ion-invalid ion-touched"
+            >
+              <ion-radio value="1">Label</ion-radio>
+              <ion-radio value="2">Label</ion-radio>
+              <ion-radio value="3">Label</ion-radio>
+              <ion-radio value="4">Label</ion-radio>
+              <ion-radio value="5">Label</ion-radio>
+            </ion-radio-group>
+          </div>
         </div>
 
         <button onclick="toggleValid()" class="expand">Toggle error</button>

core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts

@@ -201,7 +201,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
             font-size: 20px;
           }
 
-          .helper-text {
+          .radio-group-top .helper-text {
             color: green;
           }
         </style>
@@ -226,7 +226,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
             font-size: 20px;
           }
 
-          .error-text {
+          .radio-group-top .error-text {
             color: purple;
           }
         </style>