From aa19d2bb9b8b6a8f41df8d2c3ff61db9903c9581 Mon Sep 17 00:00:00 2001
From: JEFFREY-Bonson <jeffrey.bonson@ibm.com>
Date: Tue, 12 Sep 2023 11:35:52 +0530
Subject: [PATCH] fix snapshots

---
 .../order-service-form.spec.js.snap           | 64 ++++++++++++++++---
 1 file changed, 55 insertions(+), 9 deletions(-)

diff --git a/app/javascript/spec/order-service-form/__snapshots__/order-service-form.spec.js.snap b/app/javascript/spec/order-service-form/__snapshots__/order-service-form.spec.js.snap
index 8d6fca2785b5..5aac571d9e65 100644
--- a/app/javascript/spec/order-service-form/__snapshots__/order-service-form.spec.js.snap
+++ b/app/javascript/spec/order-service-form/__snapshots__/order-service-form.spec.js.snap
@@ -32,13 +32,13 @@ exports[`Order Service Form Component should edit template with a parent and chi
     >
       <div
         aria-atomic="true"
-        aria-labelledby="loading-id-3"
+        aria-labelledby="loading-id-4"
         aria-live="assertive"
         className="export-spinner bx--loading bx--loading--small"
       >
         <label
           className="bx--visually-hidden"
-          id="loading-id-3"
+          id="loading-id-4"
         >
           Active loading indicator
         </label>
@@ -100,13 +100,13 @@ exports[`Order Service Form Component should edit template with no parent and ch
     >
       <div
         aria-atomic="true"
-        aria-labelledby="loading-id-4"
+        aria-labelledby="loading-id-5"
         aria-live="assertive"
         className="export-spinner bx--loading bx--loading--small"
       >
         <label
           className="bx--visually-hidden"
-          id="loading-id-4"
+          id="loading-id-5"
         >
           Active loading indicator
         </label>
@@ -168,13 +168,13 @@ exports[`Order Service Form Component should edit vm with a parent and children
     >
       <div
         aria-atomic="true"
-        aria-labelledby="loading-id-1"
+        aria-labelledby="loading-id-2"
         aria-live="assertive"
         className="export-spinner bx--loading bx--loading--small"
       >
         <label
           className="bx--visually-hidden"
-          id="loading-id-1"
+          id="loading-id-2"
         >
           Active loading indicator
         </label>
@@ -236,13 +236,13 @@ exports[`Order Service Form Component should edit vm with no parent or children
     >
       <div
         aria-atomic="true"
-        aria-labelledby="loading-id-2"
+        aria-labelledby="loading-id-3"
         aria-live="assertive"
         className="export-spinner bx--loading bx--loading--small"
       >
         <label
           className="bx--visually-hidden"
-          id="loading-id-2"
+          id="loading-id-3"
         >
           Active loading indicator
         </label>
@@ -303,6 +303,52 @@ exports[`Order Service Form Component should render order service form 1`] = `
         "targetType": "service_template",
       }
     }
-  />
+  >
+    <div
+      className="loadingSpinner"
+    >
+      <Loading
+        active={true}
+        className="loading"
+        description="Active loading indicator"
+        small={true}
+        withOverlay={false}
+      >
+        <div
+          aria-atomic="true"
+          aria-labelledby="loading-id-1"
+          aria-live="assertive"
+          className="loading bx--loading bx--loading--small"
+        >
+          <label
+            className="bx--visually-hidden"
+            id="loading-id-1"
+          >
+            Active loading indicator
+          </label>
+          <svg
+            className="bx--loading__svg"
+            viewBox="0 0 100 100"
+          >
+            <title>
+              Active loading indicator
+            </title>
+            <circle
+              className="bx--loading__background"
+              cx="50%"
+              cy="50%"
+              r="44"
+            />
+            <circle
+              className="bx--loading__stroke"
+              cx="50%"
+              cy="50%"
+              r="44"
+            />
+          </svg>
+        </div>
+      </Loading>
+    </div>
+  </OrderServiceForm>
 </Provider>
 `;