web-console/src/dialogs/spec-dialog/__snapshots__/spec-dialog.spec.tsx.snap

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

exports[`SpecDialog matches snapshot no initSpec 1`] = `
<div
  class="bp5-portal"
>
  <div
    aria-live="polite"
    class="bp5-overlay bp5-overlay-open bp5-overlay-scroll-container"
  >
    <div
      class="bp5-overlay-start-focus-trap bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    />
    <div
      class="bp5-overlay-backdrop bp5-overlay-appear bp5-overlay-appear-active"
    />
    <div
      class="bp5-dialog-container bp5-overlay-content bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    >
      <div
        aria-labelledby="title-bp-dialog-0"
        aria-modal="true"
        class="bp5-dialog spec-dialog"
        role="dialog"
      >
        <div
          class="bp5-dialog-header"
        >
          <h6
            class="bp5-heading"
            id="title-bp-dialog-0"
          >
            test
          </h6>
          <button
            aria-label="Close"
            class="bp5-button bp5-minimal bp5-dialog-close-button"
            type="button"
          >
            <span
              aria-hidden="true"
              class="bp5-icon bp5-icon-small-cross"
            >
              <svg
                data-icon="small-cross"
                height="16"
                role="img"
                viewBox="0 0 16 16"
                width="16"
              >
                <path
                  d="M188.2 160L234 205.8C237.8 209.4 240 214.4 240 220C240 231 231 240 220 240C214.4 240 209.4 237.8 205.8 234.2L160 188.2L114.2 234.2C110.6 237.8 105.6 240 100 240C89 240 80 231 80 220C80 214.4 82.2 209.4 85.8 205.8L131.8 160L86 114.2C82.2 110.6 80 105.6 80 100C80 89 89 80 100 80C105.6 80 110.6 82.2 114.2 85.8L160 131.8L205.8 86C209.4 82.2 214.4 80 220 80C231 80 240 89 240 100C240 105.6 237.8 110.6 234.2 114.2L188.2 160z"
                  fill-rule="evenodd"
                  style="transform-origin: center;"
                  transform="scale(0.05, -0.05) translate(-160, -160)"
                />
              </svg>
            </span>
          </button>
        </div>
        <div
          class=" ace_editor ace_hidpi ace-solarized-dark ace_dark spec-dialog-textarea placeholder-padding"
          id="ace-editor"
          style="width: 100%; height: 500px; font-size: 12px;"
        >
          <textarea
            autocapitalize="off"
            autocorrect="off"
            class="ace_text-input"
            spellcheck="false"
            style="opacity: 0; font-size: 1px;"
            wrap="off"
          />
          <div
            aria-hidden="true"
            class="ace_gutter"
          >
            <div
              class="ace_layer ace_gutter-layer ace_folding-enabled"
              style="height: 1000000px;"
            />
          </div>
          <div
            class="ace_scroller"
            style="line-height: 0px;"
          >
            <div
              class="ace_content"
            >
              <div
                class="ace_layer ace_print-margin-layer"
              >
                <div
                  class="ace_print-margin"
                  style="left: 10px; visibility: hidden;"
                />
              </div>
              <div
                class="ace_layer ace_marker-layer"
              />
              <div
                class="ace_layer ace_text-layer"
                style="height: 1000000px; margin: 0px 10px;"
              />
              <div
                class="ace_layer ace_marker-layer"
              />
              <div
                class="ace_layer ace_cursor-layer ace_hidden-cursors"
              >
                <div
                  class="ace_cursor"
                />
              </div>
            </div>
            <div
              class="ace_comment ace_placeholder"
              style="padding: 0px 9px; position: absolute; z-index: 3;"
            >
              { JSON spec... }
            </div>
          </div>
          <div
            class="ace_scrollbar ace_scrollbar-v"
            style="display: none; width: 20px;"
          >
            <div
              class="ace_scrollbar-inner"
              style="width: 20px;"
            >
               
            </div>
          </div>
          <div
            class="ace_scrollbar ace_scrollbar-h"
            style="display: none; height: 20px;"
          >
            <div
              class="ace_scrollbar-inner"
              style="height: 20px;"
            >
               
            </div>
          </div>
          <div
            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
          >
            <div
              style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
            />
            <div
              style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
            >
              XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
            </div>
          </div>
        </div>
        <div
          class="bp5-dialog-footer"
        >
          <div
            class="bp5-dialog-footer-actions"
          >
            <button
              class="bp5-button"
              type="button"
            >
              <span
                class="bp5-button-text"
              >
                Close
              </span>
            </button>
            <button
              class="bp5-button bp5-disabled bp5-intent-primary"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                class="bp5-button-text"
              >
                Submit
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="bp5-overlay-end-focus-trap bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    />
  </div>
</div>
`;

exports[`SpecDialog matches snapshot with initSpec 1`] = `
<div
  class="bp5-portal"
>
  <div
    aria-live="polite"
    class="bp5-overlay bp5-overlay-open bp5-overlay-scroll-container"
  >
    <div
      class="bp5-overlay-start-focus-trap bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    />
    <div
      class="bp5-overlay-backdrop bp5-overlay-appear bp5-overlay-appear-active"
    />
    <div
      class="bp5-dialog-container bp5-overlay-content bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    >
      <div
        aria-labelledby="title-bp-dialog-1"
        aria-modal="true"
        class="bp5-dialog spec-dialog"
        role="dialog"
      >
        <div
          class="bp5-dialog-header"
        >
          <h6
            class="bp5-heading"
            id="title-bp-dialog-1"
          >
            test
          </h6>
          <button
            aria-label="Close"
            class="bp5-button bp5-minimal bp5-dialog-close-button"
            type="button"
          >
            <span
              aria-hidden="true"
              class="bp5-icon bp5-icon-small-cross"
            >
              <svg
                data-icon="small-cross"
                height="16"
                role="img"
                viewBox="0 0 16 16"
                width="16"
              >
                <path
                  d="M188.2 160L234 205.8C237.8 209.4 240 214.4 240 220C240 231 231 240 220 240C214.4 240 209.4 237.8 205.8 234.2L160 188.2L114.2 234.2C110.6 237.8 105.6 240 100 240C89 240 80 231 80 220C80 214.4 82.2 209.4 85.8 205.8L131.8 160L86 114.2C82.2 110.6 80 105.6 80 100C80 89 89 80 100 80C105.6 80 110.6 82.2 114.2 85.8L160 131.8L205.8 86C209.4 82.2 214.4 80 220 80C231 80 240 89 240 100C240 105.6 237.8 110.6 234.2 114.2L188.2 160z"
                  fill-rule="evenodd"
                  style="transform-origin: center;"
                  transform="scale(0.05, -0.05) translate(-160, -160)"
                />
              </svg>
            </span>
          </button>
        </div>
        <div
          class=" ace_editor ace_hidpi ace-solarized-dark ace_dark spec-dialog-textarea placeholder-padding"
          id="ace-editor"
          style="width: 100%; height: 500px; font-size: 12px;"
        >
          <textarea
            autocapitalize="off"
            autocorrect="off"
            class="ace_text-input"
            spellcheck="false"
            style="opacity: 0; font-size: 1px;"
            wrap="off"
          />
          <div
            aria-hidden="true"
            class="ace_gutter"
          >
            <div
              class="ace_layer ace_gutter-layer ace_folding-enabled"
              style="height: 1000000px;"
            />
          </div>
          <div
            class="ace_scroller"
            style="line-height: 0px;"
          >
            <div
              class="ace_content"
            >
              <div
                class="ace_layer ace_print-margin-layer"
              >
                <div
                  class="ace_print-margin"
                  style="left: 10px; visibility: hidden;"
                />
              </div>
              <div
                class="ace_layer ace_marker-layer"
              />
              <div
                class="ace_layer ace_text-layer"
                style="height: 1000000px; margin: 0px 10px;"
              />
              <div
                class="ace_layer ace_marker-layer"
              />
              <div
                class="ace_layer ace_cursor-layer ace_hidden-cursors"
              >
                <div
                  class="ace_cursor"
                />
              </div>
            </div>
          </div>
          <div
            class="ace_scrollbar ace_scrollbar-v"
            style="display: none; width: 20px;"
          >
            <div
              class="ace_scrollbar-inner"
              style="width: 20px;"
            >
               
            </div>
          </div>
          <div
            class="ace_scrollbar ace_scrollbar-h"
            style="display: none; height: 20px;"
          >
            <div
              class="ace_scrollbar-inner"
              style="height: 20px;"
            >
               
            </div>
          </div>
          <div
            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
          >
            <div
              style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
            />
            <div
              style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
            >
              XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
            </div>
          </div>
        </div>
        <div
          class="bp5-dialog-footer"
        >
          <div
            class="bp5-dialog-footer-actions"
          >
            <button
              class="bp5-button"
              type="button"
            >
              <span
                class="bp5-button-text"
              >
                Close
              </span>
            </button>
            <button
              class="bp5-button bp5-intent-primary"
              type="button"
            >
              <span
                class="bp5-button-text"
              >
                Submit
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="bp5-overlay-end-focus-trap bp5-overlay-appear bp5-overlay-appear-active"
      tabindex="0"
    />
  </div>
</div>
`;