web-console/src/components/segment-timeline/__snapshots__/segment-timeline.spec.tsx.snap

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

exports[`SegmentTimeline matches snapshot 1`] = `
<div
  class="segment-timeline app-view"
>
  <div>
    <div
      class="loader"
    >
      <div
        class="loader-logo"
      >
        <svg
          viewBox="0 0 100 100"
        >
          <path
            class="one"
            d="M54.2,69.8h-2.7c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3h2.7c11.5,0,23.8-7.4,23.8-23.7
          c0-9.1-6.9-15.8-16.4-15.8H38c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h23.6c5.3,0,10.1,1.9,13.6,5.3c3.5,3.4,5.4,8,5.4,13.1
          c0,6.6-2.3,13-6.3,17.7C69.5,66.8,62.5,69.8,54.2,69.8z"
          />
          <path
            class="two"
            d="M55.7,59.5h-26c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3h26c7.5,0,11.5-5.8,11.5-11.5
            c0-4.2-3.2-7.3-7.7-7.3h-26c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h26c5.9,0,10.3,4.3,10.3,9.9c0,3.7-1.3,7.2-3.7,9.8
            C63.5,58,59.9,59.5,55.7,59.5z"
          />
          <path
            class="three"
            d="M27.2,38h-6.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h6.3c0.7,0,1.3,0.6,1.3,1.3S27.9,38,27.2,38z"
          />
          <path
            class="four"
            d="M45.1,69.8h-5.8c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3h5.8c0.7,0,1.3,0.6,1.3,1.3
            C46.4,69.2,45.8,69.8,45.1,69.8z"
          />
        </svg>
      </div>
    </div>
  </div>
  <div
    class="side-control"
  >
    <div
      class="bp3-form-group"
    >
      <div
        class="bp3-form-content"
      >
        <div>
          <label
            class="bp3-control bp3-radio"
          >
            <input
              checked=""
              name="Blueprint3.RadioGroup-0"
              type="radio"
              value="sizeData"
            />
            <span
              class="bp3-control-indicator"
            />
            Total size
          </label>
          <label
            class="bp3-control bp3-radio"
          >
            <input
              name="Blueprint3.RadioGroup-0"
              type="radio"
              value="countData"
            />
            <span
              class="bp3-control-indicator"
            />
            Segment count
          </label>
        </div>
      </div>
    </div>
    <div
      class="bp3-form-group"
    >
      <label
        class="bp3-label"
      >
        Datasource
         
        <span
          class="bp3-text-muted"
        />
      </label>
      <div
        class="bp3-form-content"
      >
        <div
          class="bp3-html-select bp3-fill"
        >
          <select>
            <option
              value="all"
            >
              Show all
            </option>
          </select>
          <span
            class="bp3-icon bp3-icon-double-caret-vertical"
            icon="double-caret-vertical"
          >
            <svg
              data-icon="double-caret-vertical"
              height="16"
              viewBox="0 0 16 16"
              width="16"
            >
              <desc>
                double-caret-vertical
              </desc>
              <path
                d="M5 7h6a1.003 1.003 0 00.71-1.71l-3-3C8.53 2.11 8.28 2 8 2s-.53.11-.71.29l-3 3A1.003 1.003 0 005 7zm6 2H5a1.003 1.003 0 00-.71 1.71l3 3c.18.18.43.29.71.29s.53-.11.71-.29l3-3A1.003 1.003 0 0011 9z"
                fill-rule="evenodd"
              />
            </svg>
          </span>
        </div>
      </div>
    </div>
    <div
      class="bp3-form-group"
    >
      <label
        class="bp3-label"
      >
        Interval
         
        <span
          class="bp3-text-muted"
        />
      </label>
      <div
        class="bp3-form-content"
      >
        <span
          class="bp3-popover-wrapper date-range-selector"
        >
          <span
            class="bp3-popover-target"
          >
            <div
              class="bp3-input-group"
            >
              <input
                class="bp3-input"
                readonly=""
                style="padding-right: 0px;"
                type="text"
                value="2021-03-09 ➔ 2021-06-09"
              />
              <span
                class="bp3-input-action"
              >
                <button
                  class="bp3-button bp3-minimal"
                  type="button"
                >
                  <span
                    class="bp3-icon bp3-icon-calendar"
                    icon="calendar"
                  >
                    <svg
                      data-icon="calendar"
                      height="16"
                      viewBox="0 0 16 16"
                      width="16"
                    >
                      <desc>
                        calendar
                      </desc>
                      <path
                        d="M11 3c.6 0 1-.5 1-1V1c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .5.4 1 1 1zm3-2h-1v1c0 1.1-.9 2-2 2s-2-.9-2-2V1H6v1c0 1.1-.9 2-2 2s-2-.9-2-2V1H1c-.6 0-1 .5-1 1v12c0 .6.4 1 1 1h13c.6 0 1-.4 1-1V2c0-.6-.5-1-1-1zM5 13H2v-3h3v3zm0-4H2V6h3v3zm4 4H6v-3h3v3zm0-4H6V6h3v3zm4 4h-3v-3h3v3zm0-4h-3V6h3v3zM4 3c.6 0 1-.5 1-1V1c0-.6-.4-1-1-1S3 .4 3 1v1c0 .5.4 1 1 1z"
                        fill-rule="evenodd"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </div>
          </span>
        </span>
      </div>
    </div>
  </div>
</div>
`;