From 66db63829fd341fc52bab868e6ea1aee1b8e5234 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 24 Jan 2023 16:03:49 -0500
Subject: [PATCH] Merged from CSR-1012

---
 .../address-questions.spec.js                 | 28 ++++++++++---------
 .../address-questions/address-questions.vue   | 11 +++++---
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.spec.js b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.spec.js
index 2015997d4..5cade9ddb 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.spec.js
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.spec.js
@@ -58,7 +58,7 @@ describe("address-questions.vue", () => {
             expect(state.exists()).toBe(true);
             expect(zipCode.exists()).toBe(true);
         });
-         
+
         test("Should render apartmentNumberOrBusinessName textbox-question when captureApartmentNumberOrBusinessName = true", async () => {
             // Arrange
             const { wrapper } = setupMocks({
@@ -68,19 +68,21 @@ describe("address-questions.vue", () => {
                         apartmentNumberOrBusinessName: "",
                         city: "",
                         state: "",
-                        zipCode: "",                       
+                        zipCode: "",
                     },
-                    captureApartmentNumberOrBusinessName: true
+                    captureApartmentNumberOrBusinessName: true,
                 },
             });
 
             await wrapper.setData({
-                showAddressFields: true
+                showAddressFields: true,
             });
 
             // Act
             const streetAddress = wrapper.findComponent({ ref: "autocomplete" });
-            const apartmentNumberOrBusinessName = wrapper.findComponent({ ref: "apartmentNumberOrBusinessName" });
+            const apartmentNumberOrBusinessName = wrapper.findComponent({
+                ref: "apartmentNumberOrBusinessName",
+            });
             const city = wrapper.findComponent({ ref: "city" });
             const state = wrapper.findComponent({ ref: "state" });
             const zipCode = wrapper.findComponent({ ref: "zipCode" });
@@ -92,9 +94,8 @@ describe("address-questions.vue", () => {
             expect(city.exists()).toBe(true);
             expect(state.exists()).toBe(true);
             expect(zipCode.exists()).toBe(true);
+        });
 
-        });  
-           
         test("Should *not* render apartmentNumberOrBusinessName textbox-question when captureApartmentNumberOrBusinessName = false", async () => {
             // Arrange
             const { wrapper } = setupMocks({
@@ -104,19 +105,21 @@ describe("address-questions.vue", () => {
                         apartmentNumberOrBusinessName: "",
                         city: "",
                         state: "",
-                        zipCode: "",                       
+                        zipCode: "",
                     },
-                    captureApartmentNumberOrBusinessName: false
+                    captureApartmentNumberOrBusinessName: false,
                 },
             });
 
             await wrapper.setData({
-                showAddressFields: true
+                showAddressFields: true,
             });
 
             // Act
             const streetAddress = wrapper.findComponent({ ref: "autocomplete" });
-            const apartmentNumberOrBusinessName = wrapper.findComponent({ ref: "apartmentNumberOrBusinessName" });
+            const apartmentNumberOrBusinessName = wrapper.findComponent({
+                ref: "apartmentNumberOrBusinessName",
+            });
             const city = wrapper.findComponent({ ref: "city" });
             const state = wrapper.findComponent({ ref: "state" });
             const zipCode = wrapper.findComponent({ ref: "zipCode" });
@@ -128,8 +131,7 @@ describe("address-questions.vue", () => {
             expect(city.exists()).toBe(true);
             expect(state.exists()).toBe(true);
             expect(zipCode.exists()).toBe(true);
-
-        }); 
+        });
 
         test("Should set this.showAddressFields to true when the model is prepopulated", async () => {
             // Arrange
diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
index daae3ad2c..2f21e49f6 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
@@ -17,7 +17,10 @@
             </div>
         </div>
         <transition name="fade" mode="out-in">
-            <div class="row mb-4" v-show="showAddressFields && showApartmentNumberOrBusinessNameField" aria-live="polite">
+            <div
+                class="row mb-4"
+                v-show="showAddressFields && showApartmentNumberOrBusinessNameField"
+                aria-live="polite">
                 <div class="col">
                     <textboxQuestion
                         cmsWidgetName="ApartmentNumberOrBusinessNameQuestionWidget"
@@ -110,9 +113,9 @@ export default {
                 apartmentNumberOrBusinessName: "",
                 city: "",
                 state: "",
-                zipCode: "",         
+                zipCode: "",
             }),
-        },       
+        },
         validationRules: String,
         captureApartmentNumberOrBusinessName: false,
     },
@@ -198,7 +201,7 @@ export default {
             get: function () {
                 return this.captureApartmentNumberOrBusinessName;
             },
-        }
+        },
     },
     methods: {
         setupAddressLookup() {