test(ui): update progress bar snapshot test

Signed-off-by: linghaoSu <[email protected]>
argoproj · Feb 5, 2025 · fa9dd57 · fa9dd57
1 parent 41ee925
commit fa9dd57
Showing 1 changed file with 75 additions and 63 deletions.
diff --git a/ui/src/app/shared/components/progress/__snapshots__/progress-popup.test.tsx.snap b/ui/src/app/shared/components/progress/__snapshots__/progress-popup.test.tsx.snap
@@ -10,7 +10,11 @@ exports[`ProgressPopup.0% 1`] = `
     <div
       className="row popup-container__header popup-container__header__normal"
     >
-      
+      <span
+        className="progress-popup__title"
+      >
+        
+      </span>
     </div>
     <div
       className="row popup-container__body"
@@ -19,39 +23,39 @@ exports[`ProgressPopup.0% 1`] = `
         className="columns large-12 popup-container__body__hasNoIcon"
       >
         <div
-          style={
-            {
-              "background": "#CCD6DD",
-              "borderRadius": "5px",
-              "height": "10px",
-              "margin": "15px auto",
-              "width": "90%",
-            }
-          }
+          className="progress-popup__content"
         >
           <div
             style={
               {
-                "background": "#18BE94",
-                "borderRadius": "inherit",
-                "height": "100%",
-                "transition": "width 0.1s ease-in",
-                "width": "0%",
+                "background": "#CCD6DD",
+                "borderRadius": "5px",
+                "height": "10px",
+                "margin": "15px auto",
+                "width": "90%",
               }
             }
-          />
+          >
+            <div
+              style={
+                {
+                  "background": "#18BE94",
+                  "borderRadius": "inherit",
+                  "height": "100%",
+                  "transition": "width 0.1s ease-in",
+                  "width": "0%",
+                }
+              }
+            />
+          </div>
         </div>
       </div>
     </div>
     <div
       className="row popup-container__footer"
     >
       <div
-        style={
-          {
-            "textAlign": "right",
-          }
-        }
+        className="progress-popup__footer"
       />
     </div>
   </div>
@@ -68,7 +72,11 @@ exports[`ProgressPopup.50% 1`] = `
     <div
       className="row popup-container__header popup-container__header__normal"
     >
-      My Title
+      <span
+        className="progress-popup__title"
+      >
+        My Title
+      </span>
     </div>
     <div
       className="row popup-container__body"
@@ -77,39 +85,39 @@ exports[`ProgressPopup.50% 1`] = `
         className="columns large-12 popup-container__body__hasNoIcon"
       >
         <div
-          style={
-            {
-              "background": "#CCD6DD",
-              "borderRadius": "5px",
-              "height": "10px",
-              "margin": "15px auto",
-              "width": "90%",
-            }
-          }
+          className="progress-popup__content"
         >
           <div
             style={
               {
-                "background": "#18BE94",
-                "borderRadius": "inherit",
-                "height": "100%",
-                "transition": "width 0.1s ease-in",
-                "width": "100%",
+                "background": "#CCD6DD",
+                "borderRadius": "5px",
+                "height": "10px",
+                "margin": "15px auto",
+                "width": "90%",
               }
             }
-          />
+          >
+            <div
+              style={
+                {
+                  "background": "#18BE94",
+                  "borderRadius": "inherit",
+                  "height": "100%",
+                  "transition": "width 0.1s ease-in",
+                  "width": "100%",
+                }
+              }
+            />
+          </div>
         </div>
       </div>
     </div>
     <div
       className="row popup-container__footer"
     >
       <div
-        style={
-          {
-            "textAlign": "right",
-          }
-        }
+        className="progress-popup__footer"
       />
     </div>
   </div>
@@ -126,7 +134,11 @@ exports[`ProgressPopup.100% 1`] = `
     <div
       className="row popup-container__header popup-container__header__normal"
     >
-      
+      <span
+        className="progress-popup__title"
+      >
+        
+      </span>
     </div>
     <div
       className="row popup-container__body"
@@ -135,39 +147,39 @@ exports[`ProgressPopup.100% 1`] = `
         className="columns large-12 popup-container__body__hasNoIcon"
       >
         <div
-          style={
-            {
-              "background": "#CCD6DD",
-              "borderRadius": "5px",
-              "height": "10px",
-              "margin": "15px auto",
-              "width": "90%",
-            }
-          }
+          className="progress-popup__content"
         >
           <div
             style={
               {
-                "background": "#18BE94",
-                "borderRadius": "inherit",
-                "height": "100%",
-                "transition": "width 0.1s ease-in",
-                "width": "100%",
+                "background": "#CCD6DD",
+                "borderRadius": "5px",
+                "height": "10px",
+                "margin": "15px auto",
+                "width": "90%",
               }
             }
-          />
+          >
+            <div
+              style={
+                {
+                  "background": "#18BE94",
+                  "borderRadius": "inherit",
+                  "height": "100%",
+                  "transition": "width 0.1s ease-in",
+                  "width": "100%",
+                }
+              }
+            />
+          </div>
         </div>
       </div>
     </div>
     <div
       className="row popup-container__footer"
     >
       <div
-        style={
-          {
-            "textAlign": "right",
-          }
-        }
+        className="progress-popup__footer"
       >
         <button
           className="argo-button argo-button--base-o"