github.com/argoproj/argo-cd@v1.8.7/ui/src/app/shared/components/progress/__snapshots__/progress-popup.test.tsx.snap (about)

     1  // Jest Snapshot v1, https://goo.gl/fbAQLP
     2  
     3  exports[`ProgressPopup.0% 1`] = `
     4  <div
     5    className="popup-overlay"
     6  >
     7    <div
     8      className="popup-container"
     9    >
    10      <div
    11        className="row popup-container__header"
    12      >
    13        
    14      </div>
    15      <div
    16        className="row popup-container__body"
    17      >
    18        <div
    19          className="columns large-12"
    20        >
    21          <div
    22            style={
    23              Object {
    24                "background": "#CCD6DD",
    25                "borderRadius": "5px",
    26                "height": "10px",
    27                "margin": "15px auto",
    28                "width": "90%",
    29              }
    30            }
    31          >
    32            <div
    33              style={
    34                Object {
    35                  "background": "#18BE94",
    36                  "borderRadius": "inherit",
    37                  "height": "100%",
    38                  "transition": "width 0.1s ease-in",
    39                  "width": "0%",
    40                }
    41              }
    42            />
    43          </div>
    44        </div>
    45      </div>
    46      <div
    47        className="row popup-container__footer"
    48      >
    49        <div
    50          style={
    51            Object {
    52              "textAlign": "right",
    53            }
    54          }
    55        />
    56      </div>
    57    </div>
    58  </div>
    59  `;
    60  
    61  exports[`ProgressPopup.50% 1`] = `
    62  <div
    63    className="popup-overlay"
    64  >
    65    <div
    66      className="popup-container"
    67    >
    68      <div
    69        className="row popup-container__header"
    70      >
    71        My Title
    72      </div>
    73      <div
    74        className="row popup-container__body"
    75      >
    76        <div
    77          className="columns large-12"
    78        >
    79          <div
    80            style={
    81              Object {
    82                "background": "#CCD6DD",
    83                "borderRadius": "5px",
    84                "height": "10px",
    85                "margin": "15px auto",
    86                "width": "90%",
    87              }
    88            }
    89          >
    90            <div
    91              style={
    92                Object {
    93                  "background": "#18BE94",
    94                  "borderRadius": "inherit",
    95                  "height": "100%",
    96                  "transition": "width 0.1s ease-in",
    97                  "width": "100%",
    98                }
    99              }
   100            />
   101          </div>
   102        </div>
   103      </div>
   104      <div
   105        className="row popup-container__footer"
   106      >
   107        <div
   108          style={
   109            Object {
   110              "textAlign": "right",
   111            }
   112          }
   113        />
   114      </div>
   115    </div>
   116  </div>
   117  `;
   118  
   119  exports[`ProgressPopup.100% 1`] = `
   120  <div
   121    className="popup-overlay"
   122  >
   123    <div
   124      className="popup-container"
   125    >
   126      <div
   127        className="row popup-container__header"
   128      >
   129        
   130      </div>
   131      <div
   132        className="row popup-container__body"
   133      >
   134        <div
   135          className="columns large-12"
   136        >
   137          <div
   138            style={
   139              Object {
   140                "background": "#CCD6DD",
   141                "borderRadius": "5px",
   142                "height": "10px",
   143                "margin": "15px auto",
   144                "width": "90%",
   145              }
   146            }
   147          >
   148            <div
   149              style={
   150                Object {
   151                  "background": "#18BE94",
   152                  "borderRadius": "inherit",
   153                  "height": "100%",
   154                  "transition": "width 0.1s ease-in",
   155                  "width": "100%",
   156                }
   157              }
   158            />
   159          </div>
   160        </div>
   161      </div>
   162      <div
   163        className="row popup-container__footer"
   164      >
   165        <div
   166          style={
   167            Object {
   168              "textAlign": "right",
   169            }
   170          }
   171        >
   172          <button
   173            className="argo-button argo-button--base-o"
   174            onClick={[Function]}
   175          >
   176            Close
   177          </button>
   178        </div>
   179      </div>
   180    </div>
   181  </div>
   182  `;