From 6b62095cf5508ddef553188360f420692e98f67b Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 14 Mar 2023 14:40:53 -0400
Subject: [PATCH] Add test for vin-lookup

---
 src/layouts/vin-lookup/vin-lookup.spec.js | 13 +++++++++++++
 src/layouts/vin-lookup/vin-lookup.vue     |  3 ++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.spec.js b/src/layouts/vin-lookup/vin-lookup.spec.js
index fc15d3667..936d6ca6a 100644
--- a/src/layouts/vin-lookup/vin-lookup.spec.js
+++ b/src/layouts/vin-lookup/vin-lookup.spec.js
@@ -242,6 +242,19 @@ describe("vin-lookup.vue", () => {
             // Assert
             expect(wrapper.findAllComponents({ name: "alert" }).length).toBe(0);
         });
+
+        test.only("Error emitted by textbox-question element => VinScanFailed alert shown.", async () => {
+            // Arrange
+            const { wrapper } = setupMocks({});
+            
+            // Act
+            const vinLookup = wrapper.findComponent('[data-test="vin-lookup-component"]');
+            vinLookup.trigger('imageLookupError');
+            await wrapper.vm.$nextTick();
+
+            // Assert
+            expect(wrapper.findAllComponents({ name: "alert" }).length).toBe(1);
+        });
     });
 });
 
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index c001e832d..4a9fd5dbd 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -30,7 +30,8 @@
                             maxLength="17"
                             includeCameraIcon
                             :mask="vinMask"
-                            @image-lookup-error="displayVinScanAlert" />
+                            @image-lookup-error="displayVinScanAlert"
+                            data-test="vin-lookup-field" />
                     </div>
                 </div>
                 <div class="row mb-2">