Merge pull request #738 from GSA/718-clean-up-components-section

718 - Clean up components and update naming conventions

tests/javascripts/collapsibleCheckboxes.test.js

@@ -42,8 +42,8 @@ describe('Collapsible fieldset', () => {
     document.body.innerHTML =
       `<div class="selection-wrapper" data-module="collapsible-checkboxes" data-field-label="folder">
         <div class="usa-form-group">
-          <fieldset class="govuk-fieldset" id="folder_permissions" aria-describedby="users_with_permission-hint">
-            <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+          <fieldset class="usa-fieldset" id="folder_permissions" aria-describedby="users_with_permission-hint">
+            <legend class="usa-fieldset__legend usa-fieldset__legend--s">
               Folders this team member can see
               <span class="usa-hint" id="users_with_permission-hint">
                 <div class="selection-summary" role="region" aria-live="polite"></div>

tests/javascripts/listEntry.test.js

@@ -63,7 +63,7 @@ describe("List entry", () => {
 
     document.body.innerHTML =
       `<fieldset class="usa-form-group" aria-describedby="domains-hint">
-        <legend class="govuk-fieldset__legend">
+        <legend class="usa-fieldset__legend">
           Domain names
           </span>
         </legend>

tests/javascripts/support/helpers/html.js

@@ -25,11 +25,11 @@ function getRadioGroup (data) {
     data.cssClasses.forEach(cssClass => radioGroup.classList.add(cssClass));
   }
   radioGroup.innerHTML = `
-    <fieldset class="govuk-fieldset" id="${data.name}">
-      <legend class="govuk-fieldset__legend${data.hideLegend ? " usa-sr-only" : ""}">
+    <fieldset class="usa-fieldset" id="${data.name}">
+      <legend class="usa-fieldset__legend${data.hideLegend ? " usa-sr-only" : ""}">
         ${data.label}
       </legend>
-      <div class="govuk-radios">
+      <div class="usa-radios">
         ${getRadios(data.fields, data.name)}
       </div>
     </fieldset>`;