From 50bf572cc4a210fc60a181a7b4b815f29f20254e Mon Sep 17 00:00:00 2001
From: C-Valen <charlie.valen@gmail.com>
Date: Tue, 14 Jan 2025 12:30:22 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=85=20Update=20tests?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/__tests__/FlawForm.spec.ts     |  5 ++--
 .../__snapshots__/FlawForm.spec.ts.snap       | 30 +++++++++++--------
 .../__snapshots__/FlawCreateView.spec.ts.snap | 30 +++++++++++--------
 3 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/src/components/__tests__/FlawForm.spec.ts b/src/components/__tests__/FlawForm.spec.ts
index d08cc2b2d..1307d298b 100644
--- a/src/components/__tests__/FlawForm.spec.ts
+++ b/src/components/__tests__/FlawForm.spec.ts
@@ -8,6 +8,7 @@ import FlawForm from '@/components/FlawForm/FlawForm.vue';
 import CvssCalculator from '@/components/CvssCalculator/CvssCalculator.vue';
 import FlawFormOwner from '@/components/FlawFormOwner/FlawFormOwner.vue';
 import IssueFieldEmbargo from '@/components/IssueFieldEmbargo/IssueFieldEmbargo.vue';
+import CweSelector from '@/components/CweSelector/CweSelector.vue';
 
 import { blankFlaw } from '@/composables/useFlaw';
 
@@ -106,7 +107,7 @@ describe('flawForm', () => {
     expect(nvdCvssField?.exists()).toBe(true);
 
     const cweIdField = subject
-      .findAllComponents(LabelEditable)
+      .findAllComponents(CweSelector)
       .find(component => component.props().label === 'CWE ID');
     expect(cweIdField?.exists()).toBe(true);
 
@@ -187,7 +188,7 @@ describe('flawForm', () => {
     expect(nvdCvssField?.exists()).toBe(true);
 
     const cweIdField = subject
-      .findAllComponents(LabelEditable)
+      .findAllComponents(CweSelector)
       .find(component => component.props().label === 'CWE ID');
     expect(cweIdField?.exists()).toBe(true);
 
diff --git a/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap b/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
index 49a771605..adfa11fbe 100644
--- a/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
+++ b/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
@@ -196,22 +196,26 @@ exports[`flawForm > mounts and renders 1`] = `
         </div>
       </div>
       <!--v-if-->
-    </div><label data-v-76509415="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 input-group">
-      <div data-v-76509415="" class="row"><span data-v-76509415="" class="form-label col-3">CWE ID</span>
-        <!--v-if-->
-        <!-- for invalid-tooltip positioning -->
-        <div data-v-76509415="" class="position-relative col-9 osim-editable-field osim-text">
-          <!--<Transition name="flash-bg" :duration="2000">-->
-          <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
-            <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control">CWE-1</span>
-              <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+    </div>
+    <div data-v-0e2ae48e="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 mb-2">
+      <div data-v-0e2ae48e="" class="row"><span data-v-0e2ae48e="" class="form-label col-3 position-relative"><!--v-if--> CWE ID <!--attrs: {{ $attrs }}--></span>
+        <div data-v-0e2ae48e="" class="col-9">
+          <!-- for invalid-tooltip positioning -->
+          <div class="position-relative col-9 osim-editable-field osim-text col-12">
+            <!--<Transition name="flash-bg" :duration="2000">-->
+            <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
+              <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control">CWE-1</span>
+                <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+              </div>
+            </transition-stub>
+            <div class="input-group position-relative" tabindex="-1" style="display: none;">
+              <!--v-if--><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button>
             </div>
-          </transition-stub>
-          <div class="input-group" style="display: none;"><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button></div>
-          <!--v-if-->
+            <!--v-if-->
+          </div>
         </div>
       </div>
-    </label><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
+    </div><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
       <div data-v-001a00e0="" class="row"><span data-v-001a00e0="" class="form-label col-3">CVE Source</span>
         <div data-v-001a00e0="" class="col-9"><select data-v-001a00e0="" class="form-select" value="GIT">
             <!--v-if-->
diff --git a/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap b/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
index 3947c4838..14d29521b 100644
--- a/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
+++ b/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
@@ -134,22 +134,26 @@ exports[`flawCreateView > should render 1`] = `
                 </div>
               </div>
               <!--v-if-->
-            </div><label data-v-76509415="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 input-group">
-              <div data-v-76509415="" class="row"><span data-v-76509415="" class="form-label col-3">CWE ID</span>
-                <!--v-if-->
-                <!-- for invalid-tooltip positioning -->
-                <div data-v-76509415="" class="position-relative col-9 osim-editable-field osim-text">
-                  <!--<Transition name="flash-bg" :duration="2000">-->
-                  <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
-                    <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control"></span>
-                      <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+            </div>
+            <div data-v-0e2ae48e="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 mb-2">
+              <div data-v-0e2ae48e="" class="row"><span data-v-0e2ae48e="" class="form-label col-3 position-relative"><!--v-if--> CWE ID <!--attrs: {{ $attrs }}--></span>
+                <div data-v-0e2ae48e="" class="col-9">
+                  <!-- for invalid-tooltip positioning -->
+                  <div class="position-relative col-9 osim-editable-field osim-text col-12">
+                    <!--<Transition name="flash-bg" :duration="2000">-->
+                    <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
+                      <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control"></span>
+                        <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+                      </div>
+                    </transition-stub>
+                    <div class="input-group position-relative" tabindex="-1" style="display: none;">
+                      <!--v-if--><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button>
                     </div>
-                  </transition-stub>
-                  <div class="input-group" style="display: none;"><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button></div>
-                  <!--v-if-->
+                    <!--v-if-->
+                  </div>
                 </div>
               </div>
-            </label><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
+            </div><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
               <div data-v-001a00e0="" class="row"><span data-v-001a00e0="" class="form-label col-3">CVE Source</span>
                 <div data-v-001a00e0="" class="col-9"><select data-v-001a00e0="" class="form-select is-invalid" value="">
                     <!--v-if-->