CSR-762 Name change, add comments

src/App.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { handleAnyComponentFocus } from "@/helpers/input-button-focus-helper"
+import { handleAnyComponentFocus } from "@/helpers/button-question-focus-helper"
 export default {
     name: "app",
     methods: {

src/common-components/base-input-button/base-input-button.vue

@@ -26,7 +26,7 @@
 import { useField } from "vee-validate";
 import { toRef } from "vue";
 import { queryStrings } from "@/constants/query-strings";
-import { handleButtonComponentFocus, handleInputComponentBlur } from "@/helpers/input-button-focus-helper";
+import { handleButtonComponentFocus, handleInputComponentBlur } from "@/helpers/button-question-focus-helper";
 import { inputButtonProps } from "@/common-components/base-input-button/button-functionality-props";
 
 export default {

src/helpers/button-question-focus-helper.js

@@ -1,6 +1,14 @@
+/**
+ * Helper for GA click event. When the user mouse clicks on a `base-input-button`, we
+ * push the click event. When the user tabs through a list of radio buttons via a
+ * keyboard, we only want to push the GA click event iff the select was deliberate
+ * (space/enter key) or if there is a selection and the user tabs off of the radio group.
+ */
+
 let lastFocusedInputGroupName = "";
 let onButtonQuestionLostFocusCallback = null;
 
+// TODO KO add tests
 const handleAnyComponentFocus = (e) => {
     const targetType = e.target.type;
     if (targetType !== "radio" && targetType !== "checkbox") {