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