Set incoming props as variable names rather than values in test rendering to allow props to be properly passed to component under test

js/components/__tests__/checkbox_input.test.js

@@ -33,10 +33,13 @@ const WrapperComponent = {
     name: 'WrapperComponent',
     components: { checkboxinput },
     template: testTemplate,
+    props: {
+        initialChecked: Boolean,
+    },
     data: function () {
         return {
             name: 'testCheck',
-            initialChecked: true
+            initialchecked: this.initialChecked
         }
     }
 }
@@ -50,7 +53,7 @@ describe('CheckboxInput Renders Correctly', () => {
             }
         })
 
-        wrapper.vm.$children[0].$data.isChecked = true
+        // wrapper.vm.$children[0].$data.isChecked = true
 
         expect(wrapper.find('.usa-input input').element.checked).toBe(true)
     })

js/test_templates/checkbox_input_template.html

@@ -2,14 +2,14 @@
     name='testVal'
     inline-template
     key='testVal'
-    v-bind:initial-checked='false'
+    v-bind:initial-checked='initialchecked'
     >
     <div>
       <div class='usa-input  '>
 
         <fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices ">
           <legend>
-            <input id="testVal" name="testVal" type="checkbox" v-model="isChecked" value="y">
+            <input checked id="testVal" name="testVal" type="checkbox" v-model="isChecked" value="initialchecked">
             <label for="testVal">Hooray!</label>