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

exports[`DiagramViewer 3 components renders as expected 1`] = `
<div
  className="diagramViewerDiagram"
>
  
  <div
    className="diagramViewerContainerContainer"
    id="diagram-viewer-container-container"
  >
    <div
      aria-label="zoom"
      className="diagramViewerContainer"
      role="region"
      style={
        Object {
          "height": "100%",
          "width": "100%",
        }
      }
    >
      <svg
        className="topologyDiagram"
        id="topologySvgId"
      />
    </div>
    <div
      className="layoutLoadingContainer"
    >
      <span
        aria-valuetext="Loading..."
        className="pf-c-spinner pf-m-xl"
        role="progressbar"
      >
        <span
          className="pf-c-spinner__clipper"
        />
        <span
          className="pf-c-spinner__lead-ball"
        />
        <span
          className="pf-c-spinner__tail-ball"
        />
      </span>
    </div>
  </div>
  <span
    className="diagramControls"
  >
    <div
      className="diagram-controls"
    >
      <div
        aria-label="Zoom in"
        className="zoom-in-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom in"
      >
        <svg
          className="icon"
        >
          <use
            href="#diagramIcons_zoomIn"
          />
        </svg>
      </div>
      <div
        aria-label="Zoom out"
        className="zoom-out-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom out"
      >
        <svg
          className="icon"
        >
          <use
            href="#diagramIcons_zoomOut"
          />
        </svg>
      </div>
      <div
        aria-label="Zoom to fit"
        className="zoom-target-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom to fit"
      >
        <svg
          className="icon_target"
        >
          <use
            href="#diagramIcons_zoomTarget"
          />
        </svg>
      </div>
    </div>
  </span>
</div>
`;

exports[`DiagramViewer no components renders as expected 1`] = `
<div
  className="diagramViewerDiagram"
>
  <div
    className="diagramViewerContainerContainer"
    id="diagram-viewer-container-container"
  >
    <div
      aria-label="zoom"
      className="diagramViewerContainer"
      role="region"
      style={
        Object {
          "height": "100%",
          "width": "100%",
        }
      }
    >
      <svg
        className="topologyDiagram"
        id="topologySvgId"
      />
    </div>
    <div
      className="layoutLoadingContainer"
    >
      <span
        aria-valuetext="Loading..."
        className="pf-c-spinner pf-m-xl"
        role="progressbar"
      >
        <span
          className="pf-c-spinner__clipper"
        />
        <span
          className="pf-c-spinner__lead-ball"
        />
        <span
          className="pf-c-spinner__tail-ball"
        />
      </span>
    </div>
  </div>
  <span
    className="diagramControls"
  >
    <div
      className="diagram-controls"
    >
      <div
        aria-label="Zoom in"
        className="zoom-in-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom in"
      >
        <svg
          className="icon"
        >
          <use
            href="#diagramIcons_zoomIn"
          />
        </svg>
      </div>
      <div
        aria-label="Zoom out"
        className="zoom-out-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom out"
      >
        <svg
          className="icon"
        >
          <use
            href="#diagramIcons_zoomOut"
          />
        </svg>
      </div>
      <div
        aria-label="Zoom to fit"
        className="zoom-target-button rectangle-zoom"
        onClick={[Function]}
        onKeyPress={[Function]}
        role="button"
        tabIndex="0"
        title="Zoom to fit"
      >
        <svg
          className="icon_target"
        >
          <use
            href="#diagramIcons_zoomTarget"
          />
        </svg>
      </div>
    </div>
  </span>
</div>
`;
