karma/ui/src/Components/OverviewModal/__snapshots__/OverviewModalContent.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
"
<span>
  <div class=\\"modal-header\\">
    <h5 class=\\"modal-title\\">
      Overview
    </h5>
    <button type=\\"button\\"
            class=\\"close\\"
    >
      <span class=\\"align-middle\\">
        ×
      </span>
    </button>
  </div>
  <div class=\\"modal-body\\">
    <table class=\\"table table-borderless top-labels\\"
           style=\\"table-layout: fixed;\\"
    >
      <tbody class=\\"mw-100\\">
        <tr>
          <td width=\\"25%\\"
              class=\\"text-nowrap mw-100 p-1\\"
          >
            <span class=\\"badge badge-light components-label mx-0 my-1 pl-0 text-left\\">
              <span class=\\"bg-primary text-white mr-1 px-1 components-labelWithPercent-percent\\">
                16
              </span>
              foo
            </span>
          </td>
          <td width=\\"75%\\"
              class=\\"mw-100 p-1\\"
          >
            <div class
                 style=\\"display: inline-block; max-width: 100%;\\"
                 data-tooltipped
                 aria-describedby=\\"tippy-tooltip-1\\"
                 data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
            >
              <span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
                <span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
                  8
                </span>
                <span class=\\"components-label-name\\">
                  foo:
                </span>
                <span class=\\"components-label-value\\">
                  bar1
                </span>
              </span>
              <div class=\\"progress silence-progress bg-white pr-1\\">
                <div class=\\"progress-bar bg-warning\\"
                     role=\\"progressbar\\"
                     style=\\"width: 50%;\\"
                     aria-valuenow=\\"50\\"
                     aria-valuemin=\\"0\\"
                     aria-valuemax=\\"100\\"
                >
                </div>
              </div>
            </div>
            <div class
                 style=\\"display: inline-block; max-width: 100%;\\"
                 data-tooltipped
                 aria-describedby=\\"tippy-tooltip-2\\"
                 data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
            >
              <span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
                <span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
                  4
                </span>
                <span class=\\"components-label-name\\">
                  foo:
                </span>
                <span class=\\"components-label-value\\">
                  bar2
                </span>
              </span>
              <div class=\\"progress silence-progress bg-white pr-1\\">
                <div class=\\"progress-bar bg-success\\"
                     role=\\"progressbar\\"
                     style=\\"width: 25%;\\"
                     aria-valuenow=\\"25\\"
                     aria-valuemin=\\"0\\"
                     aria-valuemax=\\"100\\"
                >
                </div>
              </div>
            </div>
            <div class
                 style=\\"display: inline-block; max-width: 100%;\\"
                 data-tooltipped
                 aria-describedby=\\"tippy-tooltip-3\\"
                 data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
            >
              <span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
                <span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
                  4
                </span>
                <span class=\\"components-label-name\\">
                  foo:
                </span>
                <span class=\\"components-label-value\\">
                  bar3
                </span>
              </span>
              <div class=\\"progress silence-progress bg-white pr-1\\">
                <div class=\\"progress-bar bg-success\\"
                     role=\\"progressbar\\"
                     style=\\"width: 25%;\\"
                     aria-valuenow=\\"25\\"
                     aria-valuemin=\\"0\\"
                     aria-valuemax=\\"100\\"
                >
                </div>
              </div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</span>
"
`;

exports[`<OverviewModalContent /> matches snapshot with no labels to show 1`] = `
"
<span>
  <div class=\\"modal-header\\">
    <h5 class=\\"modal-title\\">
      Overview
    </h5>
    <button type=\\"button\\"
            class=\\"close\\"
    >
      <span class=\\"align-middle\\">
        ×
      </span>
    </button>
  </div>
  <div class=\\"modal-body\\">
    <div class=\\"jumbotron bg-white\\">
      <h1 class=\\"display-5 text-secondary text-center\\">
        No labels to display
      </h1>
    </div>
  </div>
</span>
"
`;